/*
Theme Name: Wellkamm Elegant – Design von Jörg
Theme URI: https://www.wellkamm.de
Description: Elegantes Wellkamm Child-Theme in sanften Pastellfarben.
Author: Jörg Wegner-Köhler
Template: blossom-spa-pro
Version: 0.1.0
Text Domain: wellkamm-elegant
*/


/* WELLKAMM ELEGANT – EINHEITLICHES DESIGN V8 */

:root {
    --wk-green: #344c43;
    --wk-sage: #e4eee5;
    --wk-rose: #f2e5e8;
    --wk-blue: #e7edf2;
    --wk-cream: #faf7f3;
    --wk-text: #43554d;
}

body.home {
    background: var(--wk-cream);
}

body.home .wellkamm-home,
body.home .wellkamm-advice-section,
body.home .wellkamm-business-section {
    font-family: "Segoe UI", Arial, sans-serif;
    color: var(--wk-text);
}

.wellkamm-container {
    width: min(1320px, 92%);
    margin-inline: auto;
}

/* TITELBEREICH */

body.home .wellkamm-hero {
    position: relative;
    overflow: hidden;
    padding: 80px 0 95px;
    background:
        radial-gradient(ellipse at 4% 35%, #e2eee3 0%, transparent 43%),
        radial-gradient(ellipse at 94% 65%, #f1e1e4 0%, transparent 45%),
        linear-gradient(110deg, #faf7f3, #f5f1ec);
}

body.home .wellkamm-hero-layout {
    display: grid;
    grid-template-columns: 1fr 1.12fr;
    align-items: center;
    gap: 35px;
}

body.home .wellkamm-hero-content {
    position: relative;
    z-index: 2;
    min-width: 0;
    text-align: left;
}

body.home .wellkamm-eyebrow {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    color: #688577;
    text-transform: uppercase;
    margin: 0 0 20px;
}

body.home .wellkamm-hero h1 {
    font-family: Georgia, serif;
    font-size: clamp(38px, 4.1vw, 65px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -1.2px;
    color: var(--wk-green);
    text-align: left;
    margin: 0 0 25px;
}

body.home .wellkamm-hero-intro {
    font-size: 18px;
    line-height: 1.65;
    color: #586c61;
    max-width: 530px;
    margin: 0;
}

/* FRAUENMOTIV – WEICHE ÜBERGÄNGE */

body.home .wellkamm-hero-visual {
    min-width: 0;
    position: relative;
    margin: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.home .wellkamm-hero-visual img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-mask-image: radial-gradient(
        ellipse 76% 78% at 52% 50%,
        #000 38%,
        rgba(0,0,0,.94) 58%,
        rgba(0,0,0,.45) 80%,
        transparent 100%
    );
    mask-image: radial-gradient(
        ellipse 76% 78% at 52% 50%,
        #000 38%,
        rgba(0,0,0,.94) 58%,
        rgba(0,0,0,.45) 80%,
        transparent 100%
    );
}

/* SUCHFUNKTION */

body.home .wellkamm-search-form {
    margin: 32px 0 0;
    padding: 24px;
    background: rgba(255,255,255,.93);
    border: 1px solid #e5e9e3;
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(55,70,60,.09);
    max-width: 100%;
    text-align: left;
}

body.home .wellkamm-search-form label {
    display: block;
    font: 400 23px Georgia, serif;
    color: var(--wk-green);
    margin-bottom: 15px;
}

body.home .wellkamm-search-row {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: stretch;
}

body.home .wellkamm-search-row input {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    height: 52px;
    padding: 0 15px;
    border: 1px solid #d6e0d8;
    border-radius: 10px;
    background: #fafbf9;
    font-size: 14px;
    color: var(--wk-green);
    box-sizing: border-box;
}

body.home .wellkamm-search-row button {
    flex: 0 0 auto;
    width: auto;
    min-width: 110px;
    height: 52px;
    margin: 0;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: #638272;
    color: white;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

body.home .wellkamm-search-row button:hover {
    background: #405f4e;
}

body.home .wellkamm-search-examples {
    font-size: 12px;
    color: #75877b;
    margin: 13px 0 0;
}

/* DREI BILDERKARTEN */

body.home .wellkamm-sections {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    padding-top: 32px;
    padding-bottom: 75px;
}

body.home .wellkamm-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 255px;
    padding: 0 25px 27px;
    border-radius: 22px;
    overflow: hidden;
    text-decoration: none;
    color: var(--wk-green);
    box-shadow: 0 12px 30px rgba(40,60,50,.055);
    transition: transform .2s ease, box-shadow .2s ease;
}

body.home .wellkamm-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(40,60,50,.11);
}

body.home .wellkamm-sage { background: var(--wk-sage); }
body.home .wellkamm-rose { background: var(--wk-rose); }
body.home .wellkamm-blue { background: var(--wk-blue); }

body.home .wellkamm-card h2 {
    font: 400 26px Georgia, serif;
    color: var(--wk-green);
    margin: 23px 0 12px;
}

body.home .wellkamm-card p {
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    color: #52645a;
}

body.home .wellkamm-card-more {
    display: block;
    margin-top: auto;
    padding-top: 18px;
    color: #4f705e;
    font-size: 14px;
    font-weight: 700;
}

/* RATGEBER UND UNTERNEHMEN */

.wellkamm-advice-section {
    background: #f7f3ef;
    padding: 80px 0;
}

.wellkamm-business-section {
    background: #e7ecef;
    padding: 80px 0;
}

.wellkamm-advice-section h2,
.wellkamm-business-section h2 {
    font: 400 clamp(30px,3vw,44px)/1.25 Georgia,serif;
    color: var(--wk-green);
    margin: 0 0 25px;
}

.wellkamm-advice-section p,
.wellkamm-business-section p {
    max-width: 850px;
    font-size: 16px;
    line-height: 1.85;
    color: #52615a;
}

.wellkamm-advice-links {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 13px;
    margin-top: 30px;
}

.wellkamm-advice-links a {
    display: block;
    padding: 17px 20px;
    border-radius: 10px;
    background: white;
    border: 1px solid #e5e8e2;
    color: #40594b;
    text-decoration: none;
}

.wellkamm-advice-links a:hover {
    background: #e1ebe4;
}

.wellkamm-business-button {
    display: inline-block;
    margin-top: 18px;
    padding: 15px 25px;
    border-radius: 10px;
    background: #638272;
    color: white;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

.wellkamm-business-button:hover {
    background: #405f4e;
    color: white;
}

/* FOOTER */

.wellkamm-site-footer {
    width: 100%;
    background: #344940;
    color: white;
    padding: 28px 35px;
    box-sizing: border-box;
    clear: both;
}

.wellkamm-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.wellkamm-footer-copyright {
    color: white;
    font-size: 14px;
}

.wellkamm-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px 24px;
}

.wellkamm-footer-links a {
    color: white;
    font-size: 14px;
    text-decoration: none;
}

.wellkamm-footer-links a:hover {
    color: #d5e9d9;
    text-decoration: underline;
}

/* MOBIL */

@media (max-width: 900px) {
    body.home .wellkamm-hero {
        padding: 55px 0 65px;
    }

    body.home .wellkamm-hero-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    body.home .wellkamm-hero-content {
        text-align: center;
    }

    body.home .wellkamm-hero h1 {
        text-align: center;
    }

    body.home .wellkamm-hero-intro {
        margin-inline: auto;
    }

    body.home .wellkamm-hero-visual {
        max-width: 650px;
        margin-inline: auto;
    }

    body.home .wellkamm-sections {
        grid-template-columns: 1fr;
    }

    .wellkamm-footer-inner {
        flex-direction: column;
        text-align: center;
    }

    .wellkamm-footer-links {
        justify-content: center;
    }
}

@media (max-width: 600px) {
    body.home .wellkamm-search-row {
        flex-direction: column;
    }

    body.home .wellkamm-search-row input {
        width: 100%;
        flex: auto;
    }

    body.home .wellkamm-search-row button {
        width: 100%;
    }

    .wellkamm-advice-links {
        grid-template-columns: 1fr;
    }
}


/* WELLKAMM BILDERKARTEN V9 */

body.home .wellkamm-card {
    padding-top: 20px;
}

body.home .wellkamm-card-image {
    display: block;
    width: 100%;
    height: 175px;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    margin: 0;
    box-shadow: none;
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        #000 12%,
        #000 82%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        #000 12%,
        #000 82%,
        transparent 100%
    );
}

body.home .wellkamm-card h2 {
    margin-top: 17px;
}

body.home .wellkamm-sections {
    align-items: stretch;
}

body.home .wellkamm-card {
    min-height: 350px;
}


/* WELLKAMM DESIGNANPASSUNG V10 */

body.home .wellkamm-sections .wellkamm-card::before {
    content: none !important;
    display: none !important;
}

body.home .wellkamm-sections .wellkamm-card {
    padding: 22px 28px 30px;
    min-height: 0;
    border: 1px solid rgba(255,255,255,.75);
}

body.home .wellkamm-sections .wellkamm-card-image {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    border-radius: 18px;
    margin: 0 0 6px;
}

body.home .wellkamm-sections .wellkamm-card h2 {
    font-size: 29px;
    line-height: 1.2;
    margin: 12px 0 15px;
}

body.home .wellkamm-sections .wellkamm-card p {
    font-size: 16px;
    line-height: 1.65;
}

body.home .wellkamm-sections {
    gap: 24px;
    padding-top: 20px;
}

body.home .wellkamm-hero {
    padding-bottom: 65px;
}

body.home .wellkamm-hero-visual img {
    -webkit-mask-image: radial-gradient(
        ellipse 72% 75% at 51% 50%,
        #000 25%,
        rgba(0,0,0,.9) 45%,
        rgba(0,0,0,.35) 65%,
        transparent 90%
    );
    mask-image: radial-gradient(
        ellipse 72% 75% at 51% 50%,
        #000 25%,
        rgba(0,0,0,.9) 45%,
        rgba(0,0,0,.35) 65%,
        transparent 90%
    );
}

@media (max-width: 600px) {
    body.home .wellkamm-sections .wellkamm-card-image {
        height: 190px;
    }
}


/* WELLKAMM BOTANISCHE DEKORATION V12 */

body.home .wellkamm-hero::before,
body.home .wellkamm-hero::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    width: 240px;
    height: 340px;
    background-image: url("assets/images/wellkamm-blaetter.svg");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .65;
}

body.home .wellkamm-hero::before {
    left: -70px;
    top: 80px;
    transform: rotate(-18deg);
}

body.home .wellkamm-hero::after {
    right: -55px;
    top: 15px;
    transform: scaleX(-1) rotate(-12deg);
}

body.home .wellkamm-hero-layout {
    position: relative;
    z-index: 1;
}

body.home .wellkamm-custom-header {
    position: relative;
    overflow: hidden;
}

body.home .wellkamm-custom-header::before,
body.home .wellkamm-custom-header::after {
    content: "";
    position: absolute;
    width: 115px;
    height: 130px;
    background: url("assets/images/wellkamm-blaetter.svg") center/contain no-repeat;
    opacity: .5;
    pointer-events: none;
}

body.home .wellkamm-custom-header::before {
    left: 3%;
    top: -30px;
    transform: rotate(-30deg);
}

body.home .wellkamm-custom-header::after {
    right: 3%;
    top: -30px;
    transform: scaleX(-1) rotate(-30deg);
}

body.home .wellkamm-header-inner {
    position: relative;
    z-index: 1;
}

@media (max-width: 700px) {
    body.home .wellkamm-hero::before,
    body.home .wellkamm-hero::after {
        width: 110px;
        height: 180px;
        opacity: .35;
    }

    body.home .wellkamm-custom-header::before,
    body.home .wellkamm-custom-header::after {
        display: none;
    }
}


/* WELLKAMM HEADER REPARATUR V14 */

body.home .wellkamm-custom-header {
    display: block;
    position: relative;
    z-index: 20;
    width: 100%;
    padding: 22px 35px;
    margin: 0;
    background: #faf7f3;
    box-sizing: border-box;
}

body.home .wellkamm-header-inner {
    width: min(1320px, 96%);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

body.home .wellkamm-brand {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

body.home .wellkamm-brand-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.home .wellkamm-brand-text strong {
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(40px, 4vw, 62px);
    font-weight: 400;
    line-height: 1;
    color: #344c43;
}

body.home .wellkamm-brand-text small {
    display: block;
    margin-top: 7px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #718277;
    white-space: nowrap;
}

body.home .wellkamm-brand-leaf {
    display: inline-block;
    font-family: Georgia, serif;
    font-size: 43px;
    line-height: 1;
    color: #a3bda5;
}

body.home .wellkamm-custom-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 24px;
}

body.home .wellkamm-custom-nav a {
    display: inline-block;
    padding: 12px 0;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-decoration: none;
    color: #344c43;
    border-bottom: 2px solid transparent;
}

body.home .wellkamm-custom-nav a:hover,
body.home .wellkamm-custom-nav a:focus-visible {
    color: #648773;
    border-bottom-color: #648773;
}

@media (max-width: 1100px) {
    body.home .wellkamm-header-inner {
        flex-direction: column;
        gap: 15px;
    }

    body.home .wellkamm-custom-nav {
        justify-content: center;
    }
}

@media (max-width: 600px) {
    body.home .wellkamm-custom-header {
        padding: 20px 12px;
    }

    body.home .wellkamm-brand-text strong {
        font-size: 42px;
    }

    body.home .wellkamm-brand-text small {
        white-space: normal;
        text-align: center;
        font-size: 10px;
    }

    body.home .wellkamm-brand-leaf {
        font-size: 27px;
    }

    body.home .wellkamm-custom-nav {
        gap: 8px 18px;
    }

    body.home .wellkamm-custom-nav a {
        font-size: 11px;
    }
}


/* WELLKAMM FRAUENMOTIV V15 */

body.home .wellkamm-hero-visual {
    overflow: hidden;
    border-radius: 0;
    background: transparent;
}

body.home .wellkamm-hero-visual img {
    display: block;
    width: 108%;
    max-width: none;
    height: auto;
    margin-left: -2%;
    border-radius: 0;
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,.08) 12%,
        rgba(0,0,0,.75) 27%,
        #000 40%,
        #000 78%,
        rgba(0,0,0,.7) 89%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,.08) 12%,
        rgba(0,0,0,.75) 27%,
        #000 40%,
        #000 78%,
        rgba(0,0,0,.7) 89%,
        transparent 100%
    );
}

@media (max-width: 900px) {
    body.home .wellkamm-hero-visual img {
        width: 100%;
        margin-left: 0;
    }
}


/* WELLKAMM FOOTER V20 */

.wellkamm-site-footer {
    background: #30483f;
    color: #f5f5f1;
    padding: 28px 24px;
}

.wellkamm-site-footer .wellkamm-footer-inner {
    width: min(1320px, 94%);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
}

.wellkamm-site-footer .wellkamm-footer-copyright {
    color: #f5f5f1;
    font-size: 14px;
    line-height: 1.6;
}

.wellkamm-site-footer .wellkamm-footer-copyright span {
    margin-left: 12px;
    color: #d6e2d9;
}

.wellkamm-site-footer .wellkamm-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 24px;
    width: 100%;
}

.wellkamm-site-footer .wellkamm-footer-links a {
    color: #f5f5f1;
    font-size: 13px;
    line-height: 1.6;
    text-decoration: none;
}

.wellkamm-site-footer .wellkamm-footer-links a:hover,
.wellkamm-site-footer .wellkamm-footer-links a:focus-visible {
    color: #d0e6d5;
    text-decoration: underline;
}

@media (max-width: 700px) {
    .wellkamm-site-footer .wellkamm-footer-copyright span {
        display: block;
        margin-left: 0;
    }

    .wellkamm-site-footer .wellkamm-footer-links {
        gap: 12px 18px;
    }
}


/* WELLKAMM RESPONSIVE BREITE V21 */

/* Seitenbereiche über die gesamte Fensterbreite */
body.home .wellkamm-home,
body.home .wellkamm-hero,
body.home .wellkamm-advice-section,
body.home .wellkamm-business-section,
body.home .wellkamm-custom-header {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* Inhaltsbreite flexibel an Bildschirm anpassen */
body.home .wellkamm-container,
body.home .wellkamm-header-inner,
body.home .wellkamm-site-footer .wellkamm-footer-inner {
    width: 92%;
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}

/* Kopfbereich */
body.home .wellkamm-custom-header {
    padding-left: 0;
    padding-right: 0;
}

body.home .wellkamm-header-inner {
    width: 92%;
    max-width: 1700px;
}

/* Großzügigere Gestaltung auf breiten Bildschirmen */
@media (min-width: 1500px) {

    body.home .wellkamm-hero-layout {
        gap: 5%;
    }

    body.home .wellkamm-hero-content {
        flex: 1 1 45%;
    }

    body.home .wellkamm-hero-visual {
        flex: 1 1 50%;
    }

    body.home .wellkamm-sections {
        gap: 30px;
    }

    body.home .wellkamm-sections .wellkamm-card-image {
        height: 245px;
    }
}

/* Begrenzung auf sehr großen Monitoren */
@media (min-width: 1900px) {

    body.home .wellkamm-container,
    body.home .wellkamm-header-inner {
        width: 90%;
        max-width: 1850px;
    }
}

/* Tablet und kleinere Fenster */
@media (max-width: 900px) {

    body.home .wellkamm-container,
    body.home .wellkamm-header-inner {
        width: 92%;
    }

    body.home .wellkamm-hero-layout {
        gap: 28px;
    }
}


/* WELLKAMM BREITENKORREKTUR V22 */

/* Startseite aus den Breitenbegrenzungen des Eltern-Themes lösen */
body.home #page,
body.home #content,
body.home .site-content,
body.home .site-main,
body.home .content-area,
body.home .site-content > .container {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

/* Einheitliche, flexible Inhaltsbreite */
body.home .wellkamm-container,
body.home .wellkamm-header-inner,
body.home .wellkamm-footer-inner {
    width: min(92%, 1600px);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

/* Hero und Karten benutzen dieselbe Breite */
body.home .wellkamm-hero-layout {
    width: min(92%, 1600px);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
    gap: clamp(24px, 3vw, 60px);
}

body.home .wellkamm-sections {
    width: min(92%, 1600px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 32px);
}

/* Große Bildschirme */
@media (min-width: 1900px) {
    body.home .wellkamm-container,
    body.home .wellkamm-header-inner,
    body.home .wellkamm-footer-inner,
    body.home .wellkamm-hero-layout,
    body.home .wellkamm-sections {
        width: min(90%, 1800px);
    }
}

/* Tablet */
@media (max-width: 900px) {
    body.home .wellkamm-hero-layout {
        grid-template-columns: 1fr;
    }

    body.home .wellkamm-sections {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Smartphone */
@media (max-width: 600px) {
    body.home .wellkamm-sections {
        grid-template-columns: 1fr;
    }
}


/* WELLKAMM BILDUEBERGANG V23 */

/* Bild ohne sichtbaren Rahmen */
body.home .wellkamm-hero-visual {
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
}

/* Weiche Übergänge nach links, rechts und unten */
body.home .wellkamm-hero-visual img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 0;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            black 15%,
            black 82%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            black 0%,
            black 70%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            black 15%,
            black 82%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            black 0%,
            black 70%,
            transparent 100%
        );

    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}


/* WELLKAMM SEITENBLAETTER ENTFERNEN V25 */

/* Dekorationen am linken und rechten Seitenrand ausblenden */
body.home .wellkamm-hero::before,
body.home .wellkamm-hero::after,
body.home .wellkamm-custom-header::before,
body.home .wellkamm-custom-header::after {
    content: none !important;
    display: none !important;
    background-image: none !important;
}

/* Frauenmotiv einschließlich seiner Blätter bleibt unverändert */


/* WELLKAMM UNTERSEITEN DESIGN V26 */

/* Einheitlicher Seitenkopf */
body:not(.home) .wellkamm-custom-header {
    display: block;
    position: relative;
    z-index: 20;
    width: 100%;
    margin: 0;
    padding: 22px 0;
    background: #faf7f3;
    box-sizing: border-box;
}

body:not(.home) .wellkamm-header-inner {
    width: min(92%, 1600px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

body:not(.home) .wellkamm-brand {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

body:not(.home) .wellkamm-brand-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body:not(.home) .wellkamm-brand-text strong {
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(40px, 4vw, 62px);
    font-weight: 400;
    line-height: 1;
    color: #344c43;
}

body:not(.home) .wellkamm-brand-text small {
    display: block;
    margin-top: 7px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #718277;
    white-space: nowrap;
}

body:not(.home) .wellkamm-brand-leaf {
    font-family: Georgia, serif;
    font-size: 43px;
    line-height: 1;
    color: #a3bda5;
}

body:not(.home) .wellkamm-custom-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 24px;
}

body:not(.home) .wellkamm-custom-nav a {
    display: inline-block;
    padding: 12px 0;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-decoration: none;
    color: #344c43;
    border-bottom: 2px solid transparent;
}

body:not(.home) .wellkamm-custom-nav a:hover,
body:not(.home) .wellkamm-custom-nav a:focus-visible {
    color: #648773;
    border-bottom-color: #648773;
}

/* Ruhiger Titelbereich statt altem Fotobanner */
body:not(.home) #content > .page-header {
    background: #f5f1eb !important;
    background-image: none !important;
    padding: 55px 20px;
    text-align: center;
}

body:not(.home) #content > .page-header::before,
body:not(.home) #content > .page-header::after {
    display: none;
}

body:not(.home) #content > .page-header .page-title {
    font-family: Georgia, "Times New Roman", serif;
    color: #344c43;
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 400;
    line-height: 1.2;
}

body:not(.home) #content > .page-header .breadcrumb,
body:not(.home) #content > .page-header .breadcrumb a {
    color: #60766a;
}

/* Responsive Header */
@media (max-width: 1100px) {
    body:not(.home) .wellkamm-header-inner {
        flex-direction: column;
        gap: 15px;
    }

    body:not(.home) .wellkamm-custom-nav {
        justify-content: center;
    }
}

@media (max-width: 600px) {
    body:not(.home) .wellkamm-custom-header {
        padding: 20px 12px;
    }

    body:not(.home) .wellkamm-brand-text strong {
        font-size: 42px;
    }

    body:not(.home) .wellkamm-brand-text small {
        white-space: normal;
        text-align: center;
        font-size: 10px;
    }

    body:not(.home) .wellkamm-brand-leaf {
        font-size: 27px;
    }

    body:not(.home) .wellkamm-custom-nav {
        gap: 8px 18px;
    }

    body:not(.home) .wellkamm-custom-nav a {
        font-size: 11px;
    }

    body:not(.home) #content > .page-header {
        padding: 35px 15px;
    }
}


/* WELLKAMM SEITENBREITE V27 */

/* Normale Unterseiten ohne Seitenleiste */
body.page:not(.home) #content > .container {
    width: min(92%, 1100px);
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

/* Inhaltsbereich vollständig nutzen */
body.page:not(.home) .wellkamm-page-content,
body.page:not(.home) .wellkamm-page-content .site-main {
    float: none;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

/* Artikelinhalt auf angenehme Lesebreite bringen */
body.page:not(.home) .wellkamm-page-content .entry-content {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Überschriften an das Wellkamm-Design anpassen */
body.page:not(.home) .wellkamm-page-content h1,
body.page:not(.home) .wellkamm-page-content h2,
body.page:not(.home) .wellkamm-page-content h3 {
    color: #344c43;
}

/* Smartphone */
@media (max-width: 600px) {
    body.page:not(.home) #content > .container {
        width: 92%;
    }

    body.page:not(.home) .wellkamm-page-content .entry-content {
        max-width: 100%;
    }
}


/* WELLKAMM VOLLBREITE UNTERSEITEN V28 */

/* Die vom Eltern-Theme reservierte Seitenleistenbreite aufheben */
body.page:not(.home) #primary.wellkamm-page-content {
    float: none !important;
    clear: both;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 auto !important;
}

/* Seiteninhalt auf eine großzügige Lesebreite bringen */
body.page:not(.home) #primary.wellkamm-page-content .site-main,
body.page:not(.home) #primary.wellkamm-page-content article,
body.page:not(.home) #primary.wellkamm-page-content .entry-content {
    float: none;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* Schmale Bildschirme */
@media (max-width: 700px) {
    body.page:not(.home) #primary.wellkamm-page-content .site-main,
    body.page:not(.home) #primary.wellkamm-page-content article,
    body.page:not(.home) #primary.wellkamm-page-content .entry-content {
        max-width: 100%;
    }
}


/* WELLKAMM KOMMENTARE AUSBLENDEN V30 */

/* Kommentare und Kommentarformular bei Beiträgen ausblenden */
body.single-post #comments,
body.single-post .comments-area,
body.single-post .comment-respond,
body.single-post #respond {
    display: none !important;
}


/* WELLKAMM STAEDTEARTIKEL V31 */

/* Seitenleiste nur bei einzelnen Beiträgen entfernen */
body.single-post #secondary {
    display: none !important;
}

/* Breiter, mittiger Artikelbereich */
body.single-post #primary {
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Hauptinhalt großzügig darstellen */
body.single-post #primary .site-main {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Artikel und Text über die verfügbare Breite */
body.single-post #primary article,
body.single-post #primary .entry-content {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Titelbereich kompakter */
body.single-post .site-content > .page-header,
body.single-post .site-content > .breadcrumb-wrapper {
    min-height: 0;
}

/* Mobilansicht */
@media (max-width: 700px) {
    body.single-post #primary .site-main {
        width: 100%;
        max-width: 100%;
    }
}


/* WELLKAMM ARTIKELDESIGN V32 */

/* Herz und Social-Media-Leiste entfernen */
body.single-post .article-share,
body.single-post .article-share-wrap,
body.single-post .social-share,
body.single-post .sticky-social .article-share,
body.single-post .favourite,
body.single-post .favourite-wrap,
body.single-post .post-like,
body.single-post .liked-icon {
    display: none !important;
}

/* Artikel ohne seitliche Social-Media-Reservierung */
body.single-post #primary .site-main,
body.single-post #primary article,
body.single-post #primary .entry-content {
    padding-left: 0;
    max-width: 100%;
}

/* Beitragsbild */
body.single-post .wellkamm-featured-image {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 32px;
    text-align: center;
}

body.single-post .wellkamm-featured-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

/* Mobilgeräte */
@media (max-width: 700px) {
    body.single-post .wellkamm-featured-image {
        margin-bottom: 24px;
    }
}


/* WELLKAMM BEITRAGSBILDER MAGAZINFORMAT V33 */

/* Breites Magazinformat für Beitragsbilder */
body.single-post .wellkamm-featured-image {
    width: 100%;
    max-width: 1000px;
    aspect-ratio: 2.5 / 1;
    overflow: hidden;
    border-radius: 12px;
    margin: 0 auto 32px;
}

/* Bild automatisch zuschneiden */
body.single-post .wellkamm-featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border-radius: 0;
}

/* Smartphone: etwas höher für bessere Darstellung */
@media (max-width: 700px) {
    body.single-post .wellkamm-featured-image {
        aspect-ratio: 1.6 / 1;
        margin-bottom: 24px;
    }
}


/* WELLKAMM BLATTDEKORATION V35 */

/* Dezente Blätter ausschließlich außerhalb des Artikelbereichs */
@media (min-width: 1350px) {
    body.single-post {
        background-color: #f7f6f1;
        background-image:
            radial-gradient(ellipse 15px 37px at 5% 19%,
                rgba(151, 181, 154, .23) 48%, transparent 52%),
            radial-gradient(ellipse 15px 37px at 8% 25%,
                rgba(151, 181, 154, .19) 48%, transparent 52%),
            radial-gradient(ellipse 14px 34px at 95% 31%,
                rgba(151, 181, 154, .23) 48%, transparent 52%),
            radial-gradient(ellipse 14px 34px at 92% 37%,
                rgba(151, 181, 154, .19) 48%, transparent 52%);
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    /* Weißer Lesebereich */
    body.single-post #content {
        background: transparent;
    }

    body.single-post #primary {
        background: #fff;
        box-sizing: border-box;
        border-radius: 12px;
    }
}

/* Titelinformationen: Kommentarzahl ausblenden */
body.single-post .page-header .comment-box,
body.single-post .page-header .comments-link,
body.single-post .page-header .comment-count,
body.single-post .page-header .comment-meta {
    display: none !important;
}

/* Breadcrumbs im Titelbereich besser lesbar */
body.single-post .breadcrumb,
body.single-post .breadcrumb a,
body.single-post .breadcrumbs,
body.single-post .breadcrumbs a {
    color: #60776b !important;
    opacity: 1;
}

body.single-post .breadcrumb a:hover,
body.single-post .breadcrumbs a:hover {
    color: #344c43 !important;
}

/* Auf kleineren Bildschirmen keine Blattdekoration */
@media (max-width: 1349px) {
    body.single-post {
        background-image: none;
    }
}


/* WELLKAMM ECHTE BLAETTER V36 */

/* Alte ovale CSS-Dekoration vollständig ersetzen */
@media (min-width: 1350px) {
    body.single-post {
        background-image: none !important;
    }

    /* Große und kleine Blätterzweige außerhalb der Artikelfläche */
    body.single-post #content {
        position: relative;
        background-color: #f7f6f1;
        background-image:
            url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20280%22%3E%0A%3Cg%20stroke%3D%22%2391ad91%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M18%20273%20C85%20212%2035%20118%20125%2012%22%20fill%3D%22none%22%2F%3E%0A%3Cpath%20d%3D%22M62%20214%20Q12%20201%2017%20157%20Q60%20166%2062%20214Z%22%20fill%3D%22%23b9cfb5%22%20fill-opacity%3D%22.78%22%2F%3E%0A%3Cpath%20d%3D%22M69%20187%20Q127%20184%20135%20137%20Q91%20143%2069%20187Z%22%20fill%3D%22%23a5c0a4%22%20fill-opacity%3D%22.75%22%2F%3E%0A%3Cpath%20d%3D%22M69%20147%20Q26%20127%2038%2083%20Q77%20103%2069%20147Z%22%20fill%3D%22%23c5d9c1%22%20fill-opacity%3D%22.8%22%2F%3E%0A%3Cpath%20d%3D%22M91%20105%20Q144%20110%20154%2064%20Q112%2061%2091%20105Z%22%20fill%3D%22%23b9cfb5%22%20fill-opacity%3D%22.8%22%2F%3E%0A%3Cpath%20d%3D%22M116%2044%20Q85%2024%20103%201%20Q133%2018%20116%2044Z%22%20fill%3D%22%23a5c0a4%22%20fill-opacity%3D%22.78%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E'),
            url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20280%22%3E%0A%3Cg%20stroke%3D%22%2391ad91%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M18%20273%20C85%20212%2035%20118%20125%2012%22%20fill%3D%22none%22%2F%3E%0A%3Cpath%20d%3D%22M62%20214%20Q12%20201%2017%20157%20Q60%20166%2062%20214Z%22%20fill%3D%22%23b9cfb5%22%20fill-opacity%3D%22.78%22%2F%3E%0A%3Cpath%20d%3D%22M69%20187%20Q127%20184%20135%20137%20Q91%20143%2069%20187Z%22%20fill%3D%22%23a5c0a4%22%20fill-opacity%3D%22.75%22%2F%3E%0A%3Cpath%20d%3D%22M69%20147%20Q26%20127%2038%2083%20Q77%20103%2069%20147Z%22%20fill%3D%22%23c5d9c1%22%20fill-opacity%3D%22.8%22%2F%3E%0A%3Cpath%20d%3D%22M91%20105%20Q144%20110%20154%2064%20Q112%2061%2091%20105Z%22%20fill%3D%22%23b9cfb5%22%20fill-opacity%3D%22.8%22%2F%3E%0A%3Cpath%20d%3D%22M116%2044%20Q85%2024%20103%201%20Q133%2018%20116%2044Z%22%20fill%3D%22%23a5c0a4%22%20fill-opacity%3D%22.78%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
        background-repeat: no-repeat, no-repeat;
        background-size: 155px 270px, 115px 200px;
        background-position:
            left 2% top 90px,
            right 2% top 220px;
    }

    /* Rechte Seite spiegeln wir durch einen zweiten Zweig */
    body.single-post #primary {
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 1349px) {
    body.single-post #content {
        background-image: none;
    }
}


/* WELLKAMM WEISSER ARTIKELHINTERGRUND V38 */

/* Gesamte Beitragsseite wieder weiß */
body.single-post,
body.single-post #content,
body.single-post #primary {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Keine abgeschnittenen Dekorationen */
body.single-post #content::before,
body.single-post #content::after {
    content: none !important;
    display: none !important;
}

/* Angenehmer Innenabstand für den Artikel */
body.single-post #primary {
    box-sizing: border-box;
    padding: 32px 42px !important;
    border-radius: 0 !important;
}

/* Text und Bild bleiben mittig */
body.single-post #primary .site-main {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Auf Smartphones kleinere Innenabstände */
@media (max-width: 700px) {
    body.single-post #primary {
        padding: 22px 18px !important;
    }
}


/* WELLKAMM ARTIKELABSTAND V39 */

/* Abstand zwischen Titelbereich und Artikel verkleinern */
body.single-post #content {
    padding-top: 0 !important;
}

body.single-post #primary {
    padding-top: 16px !important;
}

/* Beitragsbild mit kleinem Abstand zum Artikelbeginn */
body.single-post .wellkamm-featured-image {
    margin-top: 0 !important;
}

/* Smartphone */
@media (max-width: 700px) {
    body.single-post #primary {
        padding-top: 12px !important;
    }
}


/* WELLKAMM ARTIKELABSTAND V40 */

/* Abstand zwischen Titelbereich und Beitragsbild */
body.single-post #content {
    padding-top: 0 !important;
}

body.single-post #primary {
    padding-top: 0 !important;
}

body.single-post .wellkamm-featured-image {
    margin-top: 0 !important;
}

/* Auch auf kleineren Bildschirmen */
@media (max-width: 700px) {
    body.single-post #primary {
        padding-top: 0 !important;
    }
}


/* WELLKAMM BEITRAGSBILD HOEHER V41 */

/* Etwas höheres Magazinbild mit sichtbarem Stadtnamen */
body.single-post .wellkamm-featured-image {
    aspect-ratio: 2.1 / 1 !important;
}

body.single-post .wellkamm-featured-image img {
    object-fit: cover !important;
    object-position: center top !important;
}

/* Smartphone */
@media (max-width: 700px) {
    body.single-post .wellkamm-featured-image {
        aspect-ratio: 1.6 / 1 !important;
    }
}


/* WELLKAMM ARTIKEL-TITELBEREICH V42 */

/* Die urspruengliche Mindesthoehe von 600px aufheben */
body.single-post header.page-header {
    min-height: 0 !important;
    height: auto !important;
}

/* Abstand zum eigentlichen Artikel kompakt halten */
body.single-post #primary {
    padding-top: 12px !important;
}

@media (max-width: 700px) {
    body.single-post #primary {
        padding-top: 10px !important;
    }
}




/* Wellkamm Header Typografie 2026-10-19 */
body .wellkamm-brand-text strong {
    font-size: clamp(26px, 2.5vw, 34px);
    line-height: 1.1;
    text-align: center;
}

body .wellkamm-brand-text small {
    font-size: 11px;
    line-height: 1.4;
    white-space: normal;
    text-align: center;
    max-width: 340px;
}

@media (max-width: 767px) {
    body .wellkamm-brand-text strong {
        font-size: 26px;
    }

    body .wellkamm-brand-text small {
        font-size: 10px;
        max-width: 260px;
    }
}


/* Wellkamm kompakter Seitenkopf 2026-10-19 */
body.home .wellkamm-brand-text strong,
body:not(.home) .wellkamm-brand-text strong {
    font-size: 28px;
    line-height: 1.15;
}

body.home .wellkamm-brand-text small,
body:not(.home) .wellkamm-brand-text small {
    font-size: 11px;
}

@media (max-width: 767px) {
    body.home .wellkamm-brand-text strong,
    body:not(.home) .wellkamm-brand-text strong {
        font-size: 24px;
    }
}

/* Wellkamm: Titel und Untertitel im Seitenkopf */
body .wellkamm-brand-text {
    align-items: flex-start !important;
    text-align: left !important;
}

body .wellkamm-brand-text strong {
    font-size: 34px !important;
}

body .wellkamm-brand-text small {
    font-size: 12px !important;
    text-align: left !important;
    margin-top: 5px !important;
}

@media (max-width: 767px) {
    body .wellkamm-brand-text strong {
        font-size: 24px !important;
    }
}

/* Wellkamm: Untertitel besser lesbar */
body .wellkamm-brand-text small {
    font-size: 15px !important;
    text-align: left !important;
    margin-top: 5px !important;
}