@font-face{
  font-family:'WindsongLocal';
  src:url('assets/WindSong-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}


/* Windsong-Schrift
   Falls die Schriftdatei vorhanden ist, kann sie als assets/windsong.woff2 abgelegt werden.
   Dann diese @font-face-Regel aktivieren, indem die Kommentarzeichen entfernt werden.

@font-face{
  font-family:'Windsong';
  src:url('assets/windsong.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
*/

:root{
  --violet:#9b85df;
  --violet-soft:#eee8ff;
  --violet-pale:#f8f3ff;
  --gold:#bc9c21;
  --gold-deep:#bc9c21;
  --gold-light:#d7bd5a;
  --ink:#2d2930;
  --muted:#6f6870;
  --paper:#fffefa;
  --line:rgba(155,133,223,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#faf8ff;
  color:var(--ink);
  font-family:'Montserrat',Arial,sans-serif;
  font-size:16px;
  line-height:1.78;
  font-weight:300;
}
a{color:inherit}
.page-frame{
  max-width:1440px;
  margin:0 auto;
  background:var(--paper);
  border:2px solid rgba(129,110,212,.65);
  min-height:100vh;
  overflow:hidden;
  position:relative;
}
.site-header{
  min-height:322px;
  position:relative;
  display:grid;
  grid-template-columns:1fr minmax(340px,520px) 1fr;
  align-items:start;
  padding:43px 96px 26px;
  background:radial-gradient(circle at 50% 0%,#fff 0,#fff 60%,#fbf9ff 100%);
}
.brand{text-align:center;text-decoration:none;display:block;position:relative;z-index:3}
.brand-mark{width:150px;height:auto;display:block;margin:0 auto 12px;mix-blend-mode:multiply}
.brand-title{display:block;font-family:'Cormorant Garamond',serif;font-size:47px;line-height:1;color:var(--violet);font-weight:500;letter-spacing:-.025em}
.brand-spirit{display:block;font-family:'Cormorant Garamond',serif;font-size:50px;line-height:1.05;color:var(--gold);font-weight:500}
.brand-name{display:block;font-family:'WindsongLocal', 'Windsong', cursive;font-size:55px;line-height:1.12;color:var(--violet);margin-top:4px}
.nav{display:flex;justify-content:space-between;gap:110px;padding-top:86px;position:relative;z-index:4}
.nav a{
  font-family:'Cormorant Garamond',serif;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--gold);
  font-size:17px;
  letter-spacing:.08em;
  line-height:1;
  border-bottom:5px solid var(--gold);
  padding-bottom:6px;
  text-shadow:0 0 12px rgba(155,133,223,.18);
}
.section-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero{
  min-height:760px;
  display:grid;
  grid-template-columns:48% 52%;
  position:relative;
  isolation:isolate;
  background:#fff;
}
.hero-copy{position:relative;z-index:3;text-align:center;padding:156px 45px 80px 225px}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500;margin:0;color:var(--gold);line-height:1.08;letter-spacing:-.02em}
h1{color:var(--gold);text-shadow:0 1px 0 rgba(188,156,33,.12)}
h1{font-size:52px}
h2{font-size:61px;text-align:center}
h3{font-size:25px;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}
.script{font-family:'WindsongLocal', 'Windsong', cursive;color:var(--violet);font-size:45px;line-height:1.1;margin:12px 0 20px}
.divider{display:flex;align-items:center;justify-content:center;gap:21px;margin:28px auto 42px}
.divider span{width:82px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.divider img{height:31px;width:auto;mix-blend-mode:multiply}
.intro{max-width:430px;margin:0 auto 8px;color:#373139;font-size:17px;line-height:1.75;font-weight:300}.intro.small{font-size:16px}.text-link{display:inline-block;margin-top:22px;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:24px;text-decoration:none;border-bottom:1px solid var(--gold)}
.hero-image{position:absolute;right:0;top:0;width:55%;height:100%;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 9%,rgba(255,255,255,.58) 25%,rgba(255,255,255,.05) 48%),url('assets/hero-rebecca.png');background-size:100% 100%,cover;background-position:left center,center center;z-index:1}
.hero-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 55%,#fff 0,rgba(255,255,255,.8) 21%,rgba(255,255,255,0) 44%)}
.feather{position:absolute;pointer-events:none;z-index:2;opacity:.83;mix-blend-mode:multiply}.feather-left{left:-8px;top:-62px;width:255px}.feather-right{right:-20px;top:4px;width:340px;opacity:.75;z-index:1}.section-lotus{display:block;margin:0 auto 12px;width:72px;mix-blend-mode:multiply}.trance-overview{position:relative;padding:48px 90px 118px;text-align:center;background:linear-gradient(180deg,#fff 0%,#fff 82%,#fffafc 100%)}.trance-overview .subtitle{margin-top:2px;margin-bottom:38px}.narrow-text{max-width:630px;margin:0 auto;color:#342f36}.narrow-text p{margin:0 0 6px}.long{max-width:840px;text-align:left}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:65px;max-width:1180px;margin:66px auto 0}.benefits article{text-align:center}.benefits img{width:92px;height:92px;margin:0 auto 20px;display:block;object-fit:contain}.benefits p{margin:18px auto 0;max-width:230px;font-size:15px;line-height:1.75;color:#332e36}.section-soft{background:linear-gradient(135deg,#fff 0%,#fff 60%,#fbf7ff 100%)}.about,.healing-detail,.offer,.contact{padding:94px 116px}.section-head{text-align:center;margin-bottom:45px}.section-head .subtitle{margin:4px 0 0}.text-columns{max-width:1050px;margin:0 auto;columns:2;column-gap:80px;text-align:left}.text-columns p{break-inside:avoid;margin:0 0 18px}.healing-detail{background:#fff}.offer-grid,.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:80px;max-width:1060px;margin:0 auto;align-items:start}.offer-grid h3{color:var(--gold);text-transform:none;font-size:37px;letter-spacing:0;margin-bottom:20px}.price-card{background:rgba(255,255,255,.75);border:1px solid rgba(188,156,33,.32);box-shadow:0 20px 55px rgba(155,133,223,.12);border-radius:26px;padding:38px 34px;text-align:center}.price-card img{width:86px;height:86px;object-fit:contain}.label{font-family:'Cormorant Garamond',serif;text-transform:uppercase;color:var(--gold);letter-spacing:.08em;margin:10px 0 0}.price{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:58px;line-height:1;margin:8px 0 24px}.button,button{display:inline-block;background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#fff;border:0;border-radius:999px;padding:12px 28px;text-decoration:none;font-family:'Montserrat',Arial,sans-serif;font-size:14px;letter-spacing:.03em;cursor:pointer}.closing{padding:90px 30px;text-align:center;background:#fff}.closing h2{font-size:55px}.closing .subtitle{font-size:44px;margin-bottom:14px}.contact-grid{grid-template-columns:minmax(0,1fr) 440px}.form{display:grid;gap:14px}.form label{font-size:14px;color:var(--muted)}input{width:100%;margin-top:5px;border:1px solid rgba(155,133,223,.32);background:#fff;border-radius:999px;padding:12px 16px;font:inherit;color:var(--ink)}.check{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;line-height:1.45}.check input{width:16px;margin-top:4px}.footer{background:linear-gradient(90deg,#fbf2ff,#fff8fc);min-height:96px;padding:20px 82px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px}.footer a{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:19px;text-decoration:none}
@media (max-width:1050px){.site-header{grid-template-columns:1fr;padding:32px 22px}.brand{order:1}.nav{order:2;padding-top:28px;justify-content:center;gap:34px;flex-wrap:wrap}.nav-left,.nav-right{display:flex}.brand-title{font-size:36px}.brand-spirit{font-size:42px}.brand-name{font-size:48px}.hero{grid-template-columns:1fr}.hero-copy{padding:90px 28px 520px}.hero-image{width:100%;height:520px;top:auto;bottom:0;background-image:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.75) 18%,rgba(255,255,255,0) 45%),url('assets/hero-rebecca.png')}.feather-left{width:180px}.benefits{grid-template-columns:repeat(2,1fr);gap:42px}.text-columns{columns:1}.about,.healing-detail,.offer,.contact{padding:70px 30px}.offer-grid,.contact-grid{grid-template-columns:1fr}.feather-right{opacity:.32}}
@media (max-width:650px){.page-frame{border-width:1px}.site-header{min-height:auto}.brand-mark{width:110px}.nav{gap:18px}.nav a{font-size:14px}.brand-title{font-size:30px}.brand-spirit{font-size:36px}.brand-name{font-size:42px}h1{font-size:40px}h2{font-size:42px}.script{font-size:38px}.hero-copy{padding:70px 20px 430px}.hero-image{height:420px}.trance-overview{padding:54px 22px 75px}.benefits{grid-template-columns:1fr}.footer{padding:20px 34px}.closing h2{font-size:38px}}


/* Feinschliff: Goldton aus dem Logo und stabilere mobile Ansicht */
.nav a{border-bottom-color:var(--gold);}
.brand-spirit,.text-link,.price,.offer-grid h3{color:var(--gold-deep)}
h1,h2{color:var(--gold);}
.divider span{background:linear-gradient(90deg,transparent,var(--gold),transparent)}

@media (max-width:650px){
  body{font-size:15px;line-height:1.68;background:#fff;}
  .page-frame{max-width:100%;border-left:0;border-right:0;}
  .site-header{padding:24px 16px 22px;}
  .brand{max-width:330px;margin:0 auto;}
  .brand-mark{width:96px;margin-bottom:8px;}
  .nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;padding-top:24px;}
  .nav a{justify-self:center;font-size:13px;padding-bottom:5px;border-bottom-width:3px;}
  .brand-title{font-size:29px;}
  .brand-spirit{font-size:34px;}
  .brand-name{font-size:39px;}
  .hero{min-height:auto;display:flex;flex-direction:column;}
  .hero-copy{padding:58px 22px 28px;order:1;}
  .hero-image{position:relative;order:2;width:100%;height:410px;background-size:100% 100%,cover;background-position:left center,center top;}
  .hero-image:after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 25%);}
  .feather-left{width:145px;top:8px;left:-26px;opacity:.55;}
  h1{font-size:38px;line-height:1.12;}
  h2{font-size:40px;line-height:1.08;}
  h3{font-size:20px;}
  .script{font-size:35px;}
  .intro{font-size:15px;line-height:1.7;max-width:330px;}
  .divider{margin:22px auto 28px;gap:14px;}
  .divider span{width:58px;}
  .trance-overview{padding:52px 22px 68px;}
  .narrow-text{max-width:340px;}
  .benefits{margin-top:44px;gap:38px;}
  .benefits img{width:82px;height:82px;margin-bottom:14px;}
  .benefits p{font-size:14px;margin-top:12px;}
  .about,.healing-detail,.offer,.contact{padding:62px 24px;}
  .section-head{margin-bottom:34px;}
  .offer-grid,.contact-grid{gap:36px;}
  .price-card{border-radius:22px;padding:30px 24px;}
  .price{font-size:50px;}
  .closing{padding:64px 22px;}
  .closing h2{font-size:35px;}
  .closing .subtitle{font-size:34px;}
  input{border-radius:20px;}
  .button,button{width:100%;text-align:center;}
}

@media (max-width:390px){
  .brand-title{font-size:26px;}
  .brand-spirit{font-size:31px;}
  .brand-name{font-size:36px;}
  .hero-image{height:360px;}
  h1{font-size:34px;}
  h2{font-size:36px;}
}


/* Einheitlicher Logo-Goldton */
.nav a,
.brand-spirit,
h1, h2, h3,
.text-link,
.price,
.offer-grid h3,
.label,
.footer a {
  color:#bc9c21;
}
.nav a, .text-link {
  border-color:#bc9c21;
}
.divider span {
  background:linear-gradient(90deg, transparent, #bc9c21, transparent);
}
.button, button {
  background:#bc9c21;
}
.price-card {
  border-color:rgba(188,156,33,.32);
}


/* Feder-Bild als atmosphärischer Trenner */
.feather-divider-section{
  padding:10px 42px 18px;
  background:linear-gradient(180deg,#fff 0%,#fbf7ff 100%);
}
.feather-divider-inner{
  max-width:1100px;
  margin:0 auto;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(69,41,110,.12);
}
.feather-divider-image{
  display:block;
  width:100%;
  height:230px;
  object-fit:cover;
  object-position:center;
}

.form-note{
  margin:2px 0 0;
  font-size:13px;
  color:#766b80;
  line-height:1.6;
}
.form-status{
  min-height:24px;
  margin:4px 0 0;
  font-size:14px;
  line-height:1.5;
}
.form-status.is-success{color:#5e7d46;}
.form-status.is-error{color:#9d4a3d;}
.hidden-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
}
button[disabled]{opacity:.72;cursor:wait;}

@media (max-width:1050px){
  .feather-divider-section{padding:0 30px 10px;}
  .feather-divider-image{height:200px;}
}

@media (max-width:650px){
  .feather-divider-section{padding:0 16px 10px;}
  .feather-divider-inner{border-radius:22px;}
  .feather-divider-image{height:158px;}
  .form-note,.form-status{font-size:13px;}
}

/* Video über dem Bereich „Über mich“ */
.video-divider{
  padding:34px 82px 0;
  background:#fff;
}
.feather-video{
  display:block;
  width:100%;
  max-width:1120px;
  aspect-ratio:1412 / 653;
  height:auto;
  margin:0 auto;
  object-fit:cover;
  border-radius:30px;
  box-shadow:0 18px 50px rgba(69,41,110,.12);
}

/* Video-Bedienelemente in Browsern so weit wie möglich ausblenden */
.feather-video::-webkit-media-controls,
.feather-video::-webkit-media-controls-panel,
.feather-video::-webkit-media-controls-play-button,
.feather-video::-webkit-media-controls-timeline,
.feather-video::-webkit-media-controls-current-time-display,
.feather-video::-webkit-media-controls-time-remaining-display,
.feather-video::-webkit-media-controls-mute-button,
.feather-video::-webkit-media-controls-volume-slider,
.feather-video::-webkit-media-controls-fullscreen-button{
  display:none !important;
  opacity:0 !important;
}

@media (max-width:1050px){
  .video-divider{padding:26px 30px 0;}
  .feather-video{border-radius:24px;}
}

@media (max-width:650px){
  .video-divider{padding:18px 16px 0;}
  .feather-video{
    border-radius:20px;
    aspect-ratio:1412 / 653;
  }
}

/* Sichtbare Video-Fläche auch dann, wenn die MP4-Datei noch fehlt */
.video-divider{
  display:block;
}
.feather-video{
  background:#1a1130 url("assets/feather-video-poster.jpg") center / cover no-repeat;
  min-height:230px;
}
@media (max-width:1050px){
  .feather-video{min-height:190px;}
}
@media (max-width:650px){
  .feather-video{min-height:145px;}
}


/* Lotus-Divider deutlich sichtbar und bewusst klein */
.section-lotus{
  display:block;
  width:80px;
  max-width:80px;
  height:auto;
  margin:0 auto 14px;
  mix-blend-mode:normal;
  opacity:1;
  filter:drop-shadow(0 2px 8px rgba(188,156,33,.18));
}
.hero-lotus{
  margin-bottom:18px;
}
.divider img{
  width:34px;
  height:auto;
  mix-blend-mode:normal;
  opacity:1;
  filter:drop-shadow(0 2px 6px rgba(188,156,33,.14));
}
.closing .section-lotus{
  margin-bottom:18px;
}

@media (max-width:650px){
  .section-lotus{
    width:34px;
    max-width:34px;
    margin-bottom:12px;
  }
  .divider img{
    width:28px;
  }
  .hero-lotus{
    margin-bottom:14px;
  }
}

/* Rechtliche Unterseiten */
.legal-header{
  min-height:310px;
}
.legal-page{
  padding:86px 116px 100px;
  background:linear-gradient(135deg,#fff 0%,#fff 66%,#fbf7ff 100%);
}
.legal-page h1{
  font-size:58px;
  text-align:center;
  color:#bc9c21;
}
.legal-content{
  max-width:920px;
  margin:0 auto;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(188,156,33,.22);
  border-radius:28px;
  padding:48px 56px;
  box-shadow:0 18px 55px rgba(155,133,223,.09);
}
.legal-content h2{
  font-size:31px;
  text-align:left;
  margin:34px 0 12px;
  color:#bc9c21;
}
.legal-content h2:first-child{
  margin-top:0;
}
.legal-content p{
  margin:0 0 15px;
}
.legal-content a,
.check a{
  color:#bc9c21;
  text-decoration:none;
  border-bottom:1px solid rgba(188,156,33,.55);
}
.footer{
  flex-direction:row;
  flex-wrap:wrap;
  gap:18px 28px;
}
@media (max-width:1050px){
  .legal-header{min-height:auto;}
  .legal-page{padding:70px 30px 82px;}
  .legal-content{padding:38px 34px;}
}
@media (max-width:650px){
  .legal-page{padding:56px 20px 68px;}
  .legal-page h1{font-size:42px;}
  .legal-content{
    padding:30px 22px;
    border-radius:22px;
  }
  .legal-content h2{font-size:25px;}
  .footer{
    flex-direction:column;
    gap:8px;
  }
}

/* Fix: Checkbox-Text sauber umbrechen, ohne Überlagerung */
.check{
  display:flex !important;
  align-items:flex-start;
  gap:12px;
  line-height:1.55;
}
.check input{
  flex:0 0 16px;
  width:16px;
  height:16px;
  margin:4px 0 0 !important;
}
.check span{
  display:block;
  min-width:0;
}
.check a{
  display:inline;
  line-height:inherit;
  padding-bottom:1px;
  word-break:normal;
}

@media (max-width:650px){
  .check{
    gap:10px;
    line-height:1.5;
  }
  .check input{
    margin-top:3px !important;
  }
}

/* Finaler Fix: Datenschutz-Checkbox als normaler Fließtext */
.form .check{
  display:block !important;
  width:100%;
  line-height:1.55;
  font-size:14px;
  color:#766b80;
}
.form .check input{
  display:inline-block !important;
  flex:none !important;
  width:18px !important;
  height:18px !important;
  margin:0 12px 0 0 !important;
  vertical-align:-3px;
}
.form .check span{
  display:inline !important;
  min-width:0 !important;
}
.form .check a{
  display:inline !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  line-height:inherit !important;
  padding-bottom:1px;
}

@media (max-width:650px){
  .form .check{
    font-size:14px;
    line-height:1.55;
  }
  .form .check input{
    width:18px !important;
    height:18px !important;
    margin-right:10px !important;
  }
}

/* Windsong aus Google Fonts statt Great Vibes */
.script,
.brand-name{
  font-family:'WindsongLocal', 'Windsong', cursive;
  font-weight:400;
}
