/* ==== HEADER ==== */
.mystici-theme #header > .inside{ min-height: 80px; padding: 9.5px 24px; gap: 12px; flex-wrap: wrap; }
.mystici-theme #header .logo    { width: 100px; height: 61px; flex-basis: 100px; }
.mystici-theme .header-actions  { display: none; }
.mystici-theme .menu-toggle,.mystici-theme .menu-close{ display: block; width: 44px; height: 44px; background: none; border: 0; cursor: pointer; }
.mystici-theme .menu-toggle     { font-size: 24px; line-height: 30px; }
.mystici-theme .menu-close      { margin-left: auto; font-size: 28px; }
.mystici-theme #header .mod_simplenav{ display: none; width: 100%; padding-bottom: 24px; }
.mystici-theme #header .mod_simplenav.is-open{ display: block; }
.mystici-theme #header .level_1 { flex-direction: column; align-items: stretch; gap: 8px; }
.mystici-theme #header .level_1 a{ justify-content: flex-start; }
.mystici-theme .mobile-auth     { display: flex; gap: 12px; margin-top: 24px; }
/* ==== MAIN ==== */
.mystici-theme .mystici-hero    { height: 700px; }
.mystici-theme .hero-image      { inset: 330px auto auto calc(100% - 950px); width: 1000px; height: 500px; }
.mystici-theme .hero-light      { background: linear-gradient(#fcf8f6 0%,#fcf8f6 48%,rgba(252,248,246,.38) 68%,rgba(252,248,246,.025) 83%,transparent); }
.mystici-theme .mystici-hero::after{ top: 585px; }
.mystici-theme .hero-copy       { padding-top: 48px; margin: 0 24px; width: auto; }
.mystici-theme .hero-eyebrow    { font-size: 9px; line-height: 14px; letter-spacing: 1.7px; margin-bottom: 24px; }
.mystici-theme .hero-copy h1    { font-size: 43px; line-height: 53px; margin-bottom: 24px; }
.mystici-theme .hero-description{ width: min(100%,335px); font-size: 15px; line-height: 18px; margin-bottom: 24px; }
.mystici-theme .hero-actions    { flex-direction: column; gap: 18px; }
.mystici-theme .hero-actions .mystici-button{ width: 100%; }
.mystici-theme .hero-actions .secondary{ min-height: 44px; padding-block: 11px; }
.mystici-theme .hero-trust      { margin-top: 24px; font-size: 11px; }
@media (max-width: 359px) {
.mystici-theme .hero-copy h1    { font-size: 38px; line-height: 49px; }
.mystici-theme .hero-eyebrow    { letter-spacing: 1px; font-size: 8px; }
.mystici-theme .hero-trust      { font-size: 9px; letter-spacing: .35px; }
}
/* ==== MAIN · BERATUNGSKATEGORIEN ==== */
.mystici-theme .mystici-categories{ padding: 32px 24px 24px; }
.mystici-theme .section-heading{ margin-bottom: 20px; }
.mystici-theme .section-heading p{ font-size: 15px; line-height: 23px; }
.mystici-theme .section-heading h2{ font-size: 28px; line-height: 36px; }
.mystici-theme .category-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px; }
.mystici-theme .category-grid li{ padding-inline: 8px; }
.mystici-theme .advisor-invitation{ flex-direction: column; align-items: stretch; gap: 16px; margin-top: 20px; }
/* ==== MAIN · BERATERSUCHE UND LISTE ==== */
.mystici-theme .mystici-advisor-search{ padding: 24px 24px 16px; }
.mystici-theme .mystici-advisor-heading h2{ font-size: 32px; line-height: 39px; }
.mystici-theme .agent_search button{ width: 106px; flex-shrink: 0; }
.mystici-theme #main .mystici-advisor-search + .tabnav{ width: calc(100% - 48px); gap: 4px; }
.mystici-theme #main .mystici-advisor-search + .tabnav li{ flex: 1; min-width: 0; }
.mystici-theme #main .mystici-advisor-search + .tabnav a{ width: 100%; padding: 12px 6px; font-size: 12px; }
.mystici-theme .tab-label-desktop{ display: none; }
.mystici-theme .tab-label-mobile{ display: inline; }
.mystici-theme #agents.cte_agent_list{ width: calc(100% - 48px); margin-bottom: 48px; }
.mystici-theme #agents.cte_agent_list > p{ padding: 20px; }
/* ==== MAIN · DYNAMISCHE BERATERKARTEN ==== */
.mystici-theme #agents.cte_agent_list .profile{ grid-template-columns: 88px minmax(0,1fr); gap: 18px 16px; padding: 20px; }
.mystici-theme #agents .profile figure{ width: 88px; }
.mystici-theme #agents .profile .pic{ width: 88px; height: 88px; border-radius: 44px 44px 8px 8px; }
.mystici-theme #agents .profile h3{ font-size: 27px; line-height: 39px; }
.mystici-theme #agents .profile > .main{ gap: 7px; }
.mystici-theme #agents .profile > .right{ grid-column: 1/-1; }
.mystici-theme #agents .profile > .teaser-mobile{ grid-column: 1/-1; margin: 0; color: var(--muted); font: 400 15px/22px Montserrat,sans-serif; }
.mystici-theme #agents .profile .main .teaser{ display: none; }
.mystici-theme #agents + .cte_tariffs{ width: calc(100% - 48px); margin-top: -20px; margin-bottom: 48px; padding: 16px; }
.mystici-theme #agents + .cte_tariffs table{ font-size: 11px; line-height: 16px; }
.mystici-theme #agents + .cte_tariffs td,.mystici-theme #agents + .cte_tariffs th{ padding: 8px 4px; }
/* ==== MAIN · SO FUNKTIONIERT'S ==== */
.mystici-theme .mystici-how{ padding: 24px; }
.mystici-theme .mystici-how h2{ font-size: 32px; line-height: 39px; }
.mystici-theme .how-steps{ grid-template-columns: 1fr; gap: 16px; }
.mystici-theme .how-steps li{ min-height: 211px; border-color: #e2cbc5; }
.mystici-theme .how-steps{ grid-auto-rows: 1fr; }
/* ==== MAIN · PERSÖNLICHE VORSTELLUNG UND BERATERAUFRUF ==== */
body.mystici-theme{ background-size: 100% calc(100% - 780px); }
.mystici-theme .mystici-owner{ padding: 24px; }
.mystici-theme .owner-card{ flex-direction: column; gap: 20px; padding: 24px; }
.mystici-theme .owner-portrait{ flex: none; width: 180px; height: 180px; border-radius: 90px 90px 12px 12px; }
.mystici-theme .owner-copy{ width: 100%; }
.mystici-theme .owner-copy h2{ font-size: 28px; }
.mystici-theme .mystici-recruit{ display: block; min-height: 0; padding: 360px 24px 48px; text-align: center; }
.mystici-theme .recruit-image{ bottom: auto; height: 390px; background-size: auto 390px; background-position: left top; mask-image: linear-gradient(black 50%,transparent); }
.mystici-theme .recruit-copy{ max-width: 600px; margin: 0 auto; align-items: stretch; }
.mystici-theme .recruit-copy h2{ font-size: 32px; line-height: 39px; }
/* ==== FOOTER ==== */
.mystici-theme .mystici-footer  { padding: 24px 24px 32px; flex-direction: column; gap: 28px; }
.mystici-theme .footer-logo    { width: 148px; height: 90.28px; }
.mystici-theme .footer-withdraw{ width: 100%; }
.mystici-theme .footer-brand   { flex: auto; }
.mystici-theme .footer-links   { flex: auto; width: 100%; gap: 16px; }
.mystici-theme .footer-links nav{ gap: 12px; }