@font-face { font-family: Montserrat; src: url(fonts/Montserrat-Variable.ttf) format('truetype'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Cormorant Garamond'; src: url(fonts/CormorantGaramond-Variable.ttf) format('truetype'); font-weight: 300 700; font-display: swap; }
.mystici-theme                  { --font-family: Montserrat, sans-serif; --font-size: 17px; --line-height: 1.5; }
.mystici-theme                  { --text-color: #503f3b; --muted: #75625d; --ivory: #fcf8f6; --rose: #d4aaa2; }
.mystici-theme                  { --blush: #f0e3df; --gold: #b49a62; --hero-end: #f4e6e1; }
.mystici-theme *                { box-sizing: border-box; }
body.mystici-theme              { margin: 0; font-family: var(--font-family); color: var(--text-color); background: var(--hero-end); }
.mystici-theme a                { color: inherit; }
.mystici-theme button           { font: inherit; color: inherit; }
.mystici-theme a:focus-visible,.mystici-theme button:focus-visible{ outline: 3px solid #7a4f1f; outline-offset: 4px; }
.mystici-theme .mystici-button  { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; }
.mystici-theme .mystici-button  { padding: 16px 24px; border: 1px solid transparent; border-radius: 12px; text-decoration: none; }
.mystici-theme .mystici-button  { background: var(--rose); font-size: 14px; font-weight: 500; line-height: 20px; }
.mystici-theme .mystici-button.secondary{ background: transparent; border-color: var(--gold); }
/* ==== HEADER ==== */
.mystici-theme #header          { background: var(--ivory); position: relative; z-index: 10; }
.mystici-theme #header::after   { content: ''; position: absolute; height: 1px; bottom: 0; left: 0; right: 0; opacity: .65; }
.mystici-theme #header::after   { background: linear-gradient(90deg,#b46c28,#d48e29 50%,#f8c73d); }
.mystici-theme #header > .inside{ min-height: 110px; padding: 13px 64px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.mystici-theme #header .logo    { display: block; flex: 0 0 138px; width: 138px; height: 84px; position: relative; }
.mystici-theme .logo-piece      { position: absolute; display: block; background-repeat: no-repeat; background-size: 100% 100%; }
.mystici-theme .logo-wordmark   { inset: 72.16% 2.81% 2.76% 2.82%; background-image: url(img/logo-wordmark.svg); }
.mystici-theme .logo-moons      { inset: 2.76% 30.68% 37.93% 30.68%; background-image: url(img/logo-moons.svg); }
.mystici-theme .logo-star       { inset: 28.17% 47.22% 62.8% 47.27%; background-image: url(img/logo-star.svg); }
.mystici-theme #header .level_1 { list-style: none; padding: 0; margin: 0; display: flex; gap: 8px; align-items: center; }
.mystici-theme #header .level_1 a{ display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 12px; }
.mystici-theme #header .level_1 a{ font-size: 14px; line-height: 20px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.mystici-theme #header .level_1 a{ border: 1px solid transparent; border-radius: 22px; position: relative; }
.mystici-theme #header .level_1 .active a{ background: var(--blush); border-color: #7a4f1f; }
.mystici-theme #header .level_1 .active a::after{ content: ''; position: absolute; width: 10px; height: 10px; right: 7px; top: -4px; }
.mystici-theme #header .level_1 .active a::after{ background: url(img/navigation-star.svg) center/contain no-repeat; }
.mystici-theme .header-actions  { display: flex; gap: 12px; }
.mystici-theme .header-actions .mystici-button{ width: 124px; padding-inline: 8px; }
.mystici-theme .menu-toggle,.mystici-theme .menu-close,.mystici-theme .mobile-auth{ display: none; }
.mystici-theme #header .mobile_btn{ display: none; }
.mystici-theme #header .logo    { order: 0; }
.mystici-theme #header .menu-toggle{ order: 1; }
.mystici-theme #header .mod_simplenav{ order: 2; margin: 0; padding: 0; }
.mystici-theme #header .header-actions{ order: 3; }
.mystici-theme #header .inside  { width: auto; max-width: none; }
.mystici-theme #main > .inside  { width: auto; max-width: none; padding: 0; }
.mystici-theme #wrapper,.mystici-theme #container,.mystici-theme #main{ width: auto; max-width: none; margin: 0; padding: 0; }
@media (min-width: 1101px) and (max-width: 1280px) {
.mystici-theme #header > .inside{ padding-inline: 24px; gap: 12px; }
.mystici-theme #header .level_1 { gap: 0; }
.mystici-theme #header .level_1 a{ padding-inline: 9px; }
.mystici-theme .header-actions .mystici-button{ width: 110px; }
}
/* ==== MAIN ==== */
.mystici-theme .mystici-hero    { height: 720px; position: relative; isolation: isolate; overflow: hidden; background: var(--ivory); }
.mystici-theme .hero-image      { position: absolute; inset: 0; z-index: -3; transform: scaleX(-1); }
.mystici-theme .hero-image      { background: url(img/hero-mond-v2.png) center/cover no-repeat; }
.mystici-theme .hero-light      { position: absolute; inset: 0; z-index: -2; }
.mystici-theme .hero-light      { background: linear-gradient(90deg,rgba(249,236,231,.75),rgba(249,236,231,.45) 42%,rgba(249,236,231,0) 62%); }
.mystici-theme .mystici-hero::after{ content: ''; position: absolute; inset: 570px 0 0; z-index: -1; }
.mystici-theme .mystici-hero::after{ background: linear-gradient(transparent,var(--hero-end)); }
.mystici-theme .hero-copy       { position: relative; padding-top: 88px; margin-left: max(48px,calc((100vw - 1248px)/2)); width: 626px; }
.mystici-theme .hero-eyebrow    { margin: 0 0 30px; font-size: 11px; line-height: 14px; letter-spacing: 2.3px; color: var(--muted); }
.mystici-theme .hero-copy h1    { margin: 0 0 30px; font: 500 72px/89px 'Cormorant Garamond',serif; }
.mystici-theme .hero-description{ width: 495px; margin: 0 0 30px; font-size: 17px; line-height: 21px; color: var(--muted); }
.mystici-theme .hero-actions    { display: flex; gap: 28px; align-items: center; }
.mystici-theme .hero-actions .secondary{ width: 190px; }
.mystici-theme .hero-trust      { margin: 30px 0 0; font-size: 12px; line-height: 18px; font-weight: 600; letter-spacing: .65px; color: #4a3833; }
/* ==== FOOTER ==== */
.mystici-theme .preview-notice  { padding: 24px; margin: 0; font-size: 13px; line-height: 1.6; border-top: 1px solid var(--gold); }
/* ==== MAIN · BERATUNGSKATEGORIEN ==== */
.mystici-theme .mystici-categories{ max-width: 1344px; margin: 0 auto; padding: 48px 48px 32px; }
.mystici-theme .section-heading{ display: grid; gap: 14px; margin-bottom: 28px; }
.mystici-theme .section-heading p{ margin: 0; color: var(--muted); font-size: 17px; line-height: 27px; }
.mystici-theme .section-heading .section-eyebrow{ font-size: 11px; line-height: 14px; letter-spacing: 2.3px; }
.mystici-theme .section-heading h2{ margin: 0; font: 500 40px/50px 'Cormorant Garamond',serif; }
.mystici-theme .category-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; list-style: none; padding: 0; margin: 0; }
.mystici-theme .category-grid li{ min-height: 136px; padding: 16px; display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; background: white; border: 1px solid #e2cbc5; border-radius: 16px; }
.mystici-theme .category-grid img{ display: block; width: 32px; height: 32px; object-fit: contain; }
.mystici-theme .category-grid span{ font: 500 22px/28px 'Cormorant Garamond',serif; text-align: center; }
.mystici-theme .advisor-invitation{ display: flex; align-items: center; gap: 24px; margin-top: 28px; padding-top: 8px; }
.mystici-theme .advisor-invitation p{ flex: 1; margin: 0; color: var(--muted); font-size: 16px; line-height: 26px; }
.mystici-theme .advisor-invitation .mystici-button{ flex-shrink: 0; min-height: 56px; background: var(--blush); }
/* ==== MAIN · BERATERSUCHE UND LISTE ==== */
.mystici-theme .mystici-advisor-search{ max-width: 1344px; margin: 0 auto; padding: 32px 48px 16px; scroll-margin-top: 24px; }
.mystici-theme .mystici-advisor-heading{ gap: 12px; margin-bottom: 28px; }
.mystici-theme .mystici-advisor-heading h2{ font-size: 44px; line-height: 54px; }
.mystici-theme .visually-hidden{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mystici-theme .mystici-advisor-search .agent_search{ display: flex; gap: 12px; margin: 0; padding: 0; }
.mystici-theme .agent_search input[type=search]{ flex: 1; min-width: 0; width: auto; height: 50px; padding: 14px; border: 1px solid #e2cbc5; border-radius: 12px; background: white; color: var(--text-color); font: 400 14px/20px Montserrat,sans-serif; }
.mystici-theme .agent_search button{ width: 200px; min-height: 46px; align-self: start; padding: 13px 12px; border: 0; border-radius: 12px; background: var(--rose); font: 500 14px/20px Montserrat,sans-serif; cursor: pointer; }
.mystici-theme .agent_search input:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.mystici-theme #main .mystici-advisor-search + .tabnav{ display: flex; gap: 8px; padding: 4px; width: calc(100% - 96px); max-width: 1248px; margin: 0 auto 28px; list-style: none; border: 0; border-radius: 28px; background: var(--blush); }
.mystici-theme #main .mystici-advisor-search + .tabnav li{ float: none; display: block; margin: 0; padding: 0; border: 0; background: none; }
.mystici-theme #main .mystici-advisor-search + .tabnav a{ display: flex; align-items: center; justify-content: center; width: 210px; min-height: 46px; padding: 12px; border: 1px solid transparent; border-radius: 24px; background: none; color: var(--text-color); text-decoration: none; font: 500 14px/20px Montserrat,sans-serif; }
.mystici-theme #main .mystici-advisor-search + .tabnav .active a{ background: white; border-color: var(--gold); }
.mystici-theme .tab-label-mobile{ display: none; }
.mystici-theme #agents.cte_agent_list{ width: calc(100% - 96px); max-width: 1248px; margin: 0 auto 64px; scroll-margin-top: 160px; }
.mystici-theme #agents.cte_agent_list > p{ margin: 0; padding: 28px; border: 1px solid #e2cbc5; border-radius: 20px; background: var(--ivory); color: var(--muted); font: 400 15px/24px Montserrat,sans-serif; }
/* ==== MAIN · DYNAMISCHE BERATERKARTEN ==== */
.mystici-theme #main .mystici-advisor-search + .tabnav{ float: none; height: auto; min-height: 54px; }
.mystici-theme #agents.cte_agent_list .profile{ display: grid; grid-template-columns: 152px minmax(0,1fr) 260px; gap: 18px 24px; padding: 24px; margin: 0 0 24px; border: 1px solid var(--gold); border-radius: 20px; background: linear-gradient(#fcf8f6,#f7efeb); width: 100%; }
.mystici-theme #agents .profile > .left,.mystici-theme #agents .profile > .main,.mystici-theme #agents .profile > .right{ float: none; width: auto; margin: 0; padding: 0; min-width: 0; }
.mystici-theme #agents .profile figure{ margin: 0; width: 152px; }
.mystici-theme #agents .profile .pic{ display: block; width: 152px; height: 152px; object-fit: cover; border: 1.5px solid var(--gold); border-radius: 76px 76px 12px 12px; }
.mystici-theme #agents .profile figcaption:empty{ display: none; }
.mystici-theme #agents .profile .main{ display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.mystici-theme #agents .profile h3{ order: 0; margin: 0; font: 500 30px/44px 'Cormorant Garamond',serif; }
.mystici-theme #agents .profile h3 a{ text-decoration: none; }
.mystici-theme #agents .profile .advisor-status{ order: 1; display: inline-flex; align-items: center; gap: 6px; border-radius: 14px; padding: 4px 9px; background: #ece6e3; font: 500 11px/16px Montserrat,sans-serif; }
.mystici-theme #agents .profile .advisor-status::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: #75625d; }
.mystici-theme #agents .profile .advisor-status.online{ background: #e3eee6; }
.mystici-theme #agents .profile .advisor-status.online::before{ background: #527c61; }
.mystici-theme #agents .profile .advisor-status.busy,.mystici-theme #agents .profile .advisor-status.pause{ background: var(--blush); }
.mystici-theme #agents .profile .ddi,.mystici-theme #agents .profile .calls{ order: 2; font: 400 12px/17px Montserrat,sans-serif; color: var(--muted); }
.mystici-theme #agents .profile .ddi::before{ content: 'Berater-ID: '; }
.mystici-theme #agents .profile .calls::before{ content: 'Beratungen: '; }
.mystici-theme #agents .profile .teaser{ order: 3; margin: 0; font: 400 15px/22px Montserrat,sans-serif; color: var(--muted); }
.mystici-theme #agents .profile .buttons{ display: flex; flex-direction: column; gap: 8px; }
.mystici-theme #agents .profile .buttons .button{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; padding: 12px; border: 1px solid transparent; border-radius: 12px; background: #ece6e3; color: var(--text-color); font: 500 14px/20px Montserrat,sans-serif; text-decoration: none; box-shadow: none; }
.mystici-theme #agents .profile .buttons .online{ background: #e3eee6; }
.mystici-theme #agents .profile .buttons .busy,.mystici-theme #agents .profile .buttons .pause{ background: var(--blush); }
.mystici-theme #agents .profile .buttons .email{ background: white; border-color: #95675f; }
.mystici-theme #agents .profile .buttons .chat{ background: var(--blush); border-color: #95675f; }
.mystici-theme #agents .profile .buttons .tariff{ display: block; margin: 0; text-align: center; font: 500 14px/20px Montserrat,sans-serif; color: var(--text-color); }
.mystici-theme #agents .profile .buttons .tariff.disable{ text-decoration: line-through; font-weight: 400; font-size: 12px; color: var(--muted); }
.mystici-theme #agents .profile .foot{ grid-column: 1/-1; padding: 18px 0 0; margin: 0; border-top: 1px solid #e2cbc5; background: none; font: 400 13px/19px Montserrat,sans-serif; color: var(--muted); }
.mystici-theme #agents .profile .foot strong{ font-weight: 500; }
.mystici-theme #agents + .cte_tariffs{ width: calc(100% - 96px); max-width: 1248px; margin: -36px auto 64px; padding: 24px; border: 1.5px solid var(--rose); border-radius: 20px; background: var(--blush); font: 400 13px/19px Montserrat,sans-serif; color: var(--muted); }
.mystici-theme #agents + .cte_tariffs p{ margin: 0 0 16px; }
.mystici-theme #agents + .cte_tariffs table{ width: 100%; border-collapse: collapse; }
.mystici-theme #agents + .cte_tariffs td,.mystici-theme #agents + .cte_tariffs th{ text-align: left; padding: 8px; border: 0; background: none; }
.mystici-theme #agents .teaser-mobile{ display: none; }
@media (max-width:1100px){ .mystici-theme #agents .profile > .teaser-mobile{ display: block; } }
/* ==== MAIN · SO FUNKTIONIERT'S ==== */
.mystici-theme .mystici-how{ max-width: 1344px; padding: 32px 48px; margin: 0 auto; text-align: center; scroll-margin-top: 24px; }
.mystici-theme .mystici-how .section-heading{ gap: 14px; margin-bottom: 32px; }
.mystici-theme .mystici-how h2{ font-size: 44px; line-height: 54px; }
.mystici-theme .how-steps{ list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding: 0; margin: 0; }
.mystici-theme .how-steps li{ display: flex; flex-direction: column; align-items: center; gap: 12px; min-height: 193px; padding: 24px; border: 1px solid var(--muted); border-radius: 16px; background: var(--blush); }
.mystici-theme .how-steps .step-number{ color: #c4a166; font: 500 44px/52px 'Cormorant Garamond',serif; }
.mystici-theme .how-steps h3{ margin: 0; font: 500 25px/31px 'Cormorant Garamond',serif; }
.mystici-theme .how-steps p{ margin: 0; color: var(--muted); font: 400 15px/18px Montserrat,sans-serif; }
/* ==== GEMEINSAMER VERLAUF AB HEROENDE BIS FOOTERENDE ==== */
body.mystici-theme{ background-image: linear-gradient(#f4e6e1,#ead0c9 48%,#d4aaa2); background-size: 100% calc(100% - 830px); background-position: center bottom; background-repeat: no-repeat; }
/* ==== MAIN · PERSÖNLICHE VORSTELLUNG UND BERATERAUFRUF ==== */
.mystici-theme .mystici-owner{ max-width: 1344px; margin: 0 auto; padding: 32px 48px; }
.mystici-theme .owner-card{ display: flex; align-items: center; gap: 32px; padding: 32px; border-radius: 20px; background: var(--rose); }
.mystici-theme .owner-portrait{ flex: 0 0 220px; width: 220px; height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: var(--blush); border: 1px solid var(--gold); border-radius: 110px 110px 12px 12px; text-align: center; }
.mystici-theme .owner-portrait span{ font: 500 24px/1.4 'Cormorant Garamond',serif; }
.mystici-theme .owner-portrait small{ max-width: calc(100% - 24px); font: 400 11px/1.4 Montserrat,sans-serif; letter-spacing: 2.3px; color: var(--muted); }
.mystici-theme .owner-copy{ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; }
.mystici-theme .owner-copy p{ margin: 0; font: 400 16px/1.4 Montserrat,sans-serif; color: var(--muted); }
.mystici-theme .owner-copy .section-eyebrow{ font-size: 11px; letter-spacing: 2.3px; }
.mystici-theme .owner-copy h2{ margin: 0; font: 500 32px/1.4 'Cormorant Garamond',serif; }
.mystici-theme .owner-copy .mystici-button{ width: 176px; background: var(--blush); opacity: 1; cursor: default; }
.mystici-theme .mystici-recruit{ position: relative; isolation: isolate; min-height: 580px; display: flex; align-items: center; padding: 80px max(48px,calc((100% - 1248px)/2)) 80px 50%; }
.mystici-theme .recruit-image{ position: absolute; inset: 0; z-index: -1; background: url(img/advisor-moon.png) center/cover no-repeat; mask-image: linear-gradient(black 65%,transparent); }
.mystici-theme .mystici-recruit::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; opacity: .65; background: linear-gradient(90deg,#b46c28,#d48e29 50%,#f8c73d); }
.mystici-theme .recruit-copy{ display: flex; flex-direction: column; align-items: flex-start; gap: 28px; }
.mystici-theme .recruit-copy .section-heading{ margin: 0; }
.mystici-theme .recruit-copy h2{ font-size: 44px; line-height: 54px; }
.mystici-theme .recruit-copy > p{ margin: 0; font: 400 16px/26px Montserrat,sans-serif; color: var(--muted); }
.mystici-theme .recruit-copy .mystici-button{ background: var(--blush); min-height: 56px; }
/* ==== FOOTER · GEMEINSAMER SEITENABSCHLUSS ==== */
.mystici-theme #footer         { background: transparent; color: var(--text-color); border: 0; margin: 0; padding: 0; }
.mystici-theme #footer > .inside{ width: auto; max-width: none; padding: 0; }
.mystici-theme .mystici-footer  { max-width: 1344px; margin: 0 auto; padding: 32px 48px; display: flex; gap: 48px; }
.mystici-theme .footer-brand   { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.mystici-theme .footer-logo    { display: block; position: relative; width: 160px; height: 97.6px; }
.mystici-theme .footer-brand p { margin: 0; color: var(--muted); font: 400 13px/20px Montserrat,sans-serif; }
.mystici-theme .footer-brand small{ color: var(--muted); font: 400 11px/14px Montserrat,sans-serif; }
.mystici-theme .footer-withdraw{ width: 260px; max-width: 100%; min-height: 54px; padding: 14px 20px; border: 1px solid #4f3f3b; }
.mystici-theme .footer-withdraw{ border-radius: 8px; background: #fffaf5; color: #4f3f3b; font: 400 16px/24px Montserrat,sans-serif; opacity: 1; }
.mystici-theme .footer-links   { flex: 0 1 600px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; }
.mystici-theme .footer-links nav{ display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.mystici-theme .footer-links h2{ margin: 0; font: 500 15px/24px Montserrat,sans-serif; }
.mystici-theme .footer-links a { font: 400 14px/22px Montserrat,sans-serif; text-decoration: none; }
.mystici-theme .footer-links a:hover{ text-decoration: underline; text-underline-offset: 4px; }