/* Rozita Shojaei, Website. Schriften lokal, keine externen Abrufe. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Montserrat-Regular.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/Montserrat-Medium.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/Montserrat-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Lato-Regular.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Lato-Bold.woff2') format('woff2')}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F5F5F5;font-family:Lato,sans-serif;color:#3D3532;font-size:18px;line-height:1.6}
a{color:#1B6B7A}a:hover{color:#124A55}
img{max-width:100%}
section[id],article[id]{scroll-margin-top:96px}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.row{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.col{flex:1 1 420px;min-width:0}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.navlinks{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;background:#C9963C;color:#2B2522;font-family:Lato,sans-serif;font-weight:700;font-size:16px;text-decoration:none;box-sizing:border-box;border:0;cursor:pointer}
.btn-s{min-height:40px;padding:0 20px;font-size:15px}
.btn:hover{background:#B5852F;color:#2B2522}
.navlink{color:#3D3532;text-decoration:none;font-family:Lato,sans-serif;font-size:16px}
.navlink:hover{color:#1B6B7A}
.navlink.active{color:#1B6B7A;font-weight:700}
.iconbtn{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;border:1px solid #D9CFC2;color:#1B6B7A}
.iconbtn:hover{border-color:#1B6B7A}
.textlink{color:#FFFFFF;font-family:Lato,sans-serif;font-weight:700;font-size:16px;text-decoration:underline;text-underline-offset:4px}
.textlink:hover{color:#6DD4D8}
.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:#F5EDE2;font-family:Lato,sans-serif;font-size:15px;color:#3D3532}
.pill{flex:0 1 auto;min-height:44px;line-height:1.2;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#1B6B7A;border-radius:999px;padding:0 20px;font-family:Montserrat,sans-serif;font-weight:500;font-size:16px;color:#FFFFFF;box-shadow:0 8px 24px rgba(61,53,50,0.10)}
.shadow{box-shadow:0 8px 24px rgba(61,53,50,0.10)}

/* Slider */
.arrow{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);background:transparent;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.arrow:hover{background:rgba(255,255,255,0.12)}
.dot{width:12px;height:12px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#CFC5B8;transition:width .2s}
.dot.active{background:#1B6B7A;width:32px;border-radius:6px}

/* Leistungen, Home */
.lcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.lcol{padding:30px 32px;display:flex;flex-direction:column;gap:14px}
.lcol+.lcol{border-left:1px solid rgba(201,150,60,0.6)}
.mgrid{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}

/* Module, Training */
ol.mods{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px}
ul.bul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}

/* Coaching Einstieg */
.igrid{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:center}
.fact{display:flex;align-items:center;gap:12px;font-family:Lato,sans-serif;font-size:18px;color:#3D3532}
.fact::before{content:"";width:10px;height:10px;border-radius:50%;background:#C9963C;flex:0 0 auto}
@media (max-width:900px){.igrid{grid-template-columns:minmax(0,1fr);gap:24px}}

/* Kontaktblock: Bild und Kalender exakt gleich hoch */
.kgrid{display:grid;grid-template-columns:minmax(0,0.72fr) minmax(0,1fr);gap:40px;align-items:stretch}
.kbild{position:relative;min-height:420px}
.kbild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;border-radius:28px;display:block}
@media (max-width:900px){.kgrid{grid-template-columns:minmax(0,1fr);gap:24px}.kbild{display:none}}

/* Themenblock: Leiste links, Text rechts */
.band2{display:grid;grid-template-columns:4fr 8fr;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(61,53,50,0.08)}
.band2 .l{background:#1B6B7A;color:#FFFFFF;padding:24px 28px;display:flex;align-items:center}
.band2 .r{background:#FFFFFF;padding:24px 28px;display:flex;align-items:center}
@media (max-width:900px){.band2{grid-template-columns:minmax(0,1fr)}.band2 .l,.band2 .r{padding:20px 22px}}

/* Aufklappbare Trainingskarten */
details.acc summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-family:Lato,sans-serif;font-weight:700;font-size:16px;color:#1B6B7A;padding:10px 0;user-select:none}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary::before{content:"";width:10px;height:10px;border-right:2px solid #C9963C;border-bottom:2px solid #C9963C;transform:rotate(-45deg);transition:transform .2s;margin-top:-3px}
details.acc[open] summary::before{transform:rotate(45deg);margin-top:-8px}
details.acc summary .o{display:inline}details.acc summary .c{display:none}
details.acc[open] summary .o{display:none}details.acc[open] summary .c{display:inline}
details.acc ol.mods{margin-top:12px}

/* Der Weg zusammen */
.weg{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;gap:16px;align-items:stretch}

/* Über mich */
.video{flex:1 1 380px;min-width:0;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#3D3532;box-shadow:0 8px 24px rgba(61,53,50,0.10)}
.video{position:relative;cursor:pointer}
.video img{width:100%;height:100%;object-fit:cover;display:block}
.video iframe{width:100%;height:100%;border:0;display:block}
.video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:0;background:#C9963C;color:#2B2522;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,0.3)}
.video:hover .play{background:#B5852F}

/* Footer */
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}
.flink{color:#F5EDE2;text-decoration:none;font-family:Lato,sans-serif;font-size:16px}
.flink:hover{color:#C9963C}
.ficon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(245,237,226,0.35);color:#F5EDE2}
.ficon:hover{border-color:#C9963C;color:#C9963C}

/* Kontakt: Calendly waechst mit, kein Zuschnitt */
.calbox{background:#FFFFFF;border-radius:28px}
.calbox .calendly-inline-widget{min-height:800px}
input.f{width:100%;min-height:48px;border:1px solid #CFC5B8;border-radius:12px;padding:0 16px;font-family:Lato,sans-serif;font-size:16px;background:#FFFFFF;box-sizing:border-box;color:#3D3532}

/* Responsive */
@media (max-width:900px){
.grid2,.grid3,.grid4,ol.mods{grid-template-columns:minmax(0,1fr)}
.hideS{display:none}
.lcols{grid-template-columns:minmax(0,1fr)}
.lcol+.lcol{border-left:0;border-top:1px solid rgba(201,150,60,0.6)}
.lcol h3{font-size:32px!important}
.mgrid{grid-template-columns:minmax(0,1fr);gap:40px}
.band{grid-template-columns:minmax(0,1fr)}
.calw{grid-template-columns:minmax(0,1fr)!important}
.calw>div:first-child{border-right:0!important;border-bottom:1px solid #ECE4D8}
.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.weg{grid-template-columns:minmax(0,1fr)}
.warrow{transform:rotate(90deg);height:36px}
.tline{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
.tlbar{display:none}
.tline li{flex-direction:row!important;text-align:left!important;align-items:flex-start!important}
.tline li span:last-child{max-width:none!important}
.tline li{position:relative}
.tline li:not(:last-child)::after{content:"";position:absolute;left:8px;top:20px;width:2px;bottom:-22px;background:#C9963C}
/* Wo stehst du: tuerkiser Balken immer oben */
.band{display:flex;flex-direction:column}
.band:nth-of-type(even)>div:nth-child(2){order:-1}
.h1{font-size:40px!important}
.h2{font-size:34px!important}
.h3{font-size:22px!important}
.lead{font-size:18px!important}
.quote{font-size:26px!important}
.txt{font-size:17px!important}
section{padding-top:36px!important;padding-bottom:40px!important}
}
@media (max-width:560px){
.fgrid{grid-template-columns:minmax(0,1fr)}
}

/* Mobile: Burger-Menue */
header .wrap{position:relative}
.burger{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:0}
.burger span{display:block;height:2px;width:24px;background:#1B6B7A;margin:0 auto;transition:transform .2s, opacity .2s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:760px){
  header .wrap{flex-wrap:nowrap}
  .burger{display:flex}
  .navlinks{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#FFFFFF;border-bottom:1px solid #ECE4D8;padding:8px 32px 16px;box-shadow:0 10px 24px rgba(61,53,50,0.10)}
  .navlinks.open{display:flex}
  .navlinks .navlink{padding:14px 0;border-bottom:1px solid #ECE4D8;font-size:18px}
  .navlinks .iconbtn{display:none}
  .navlinks .btn{margin-top:12px;width:100%}
}

/* Mobile: Stimmen-Slider, Pfeile ueber die Raender */
@media (max-width:600px){
  .voices{padding:28px 16px!important}
  .voices .arrow{position:absolute;top:auto;bottom:16px;width:44px;height:44px;z-index:2}
  .voices [data-prev]{left:16px}
  .voices [data-next]{right:16px}
  .voices figure{padding-bottom:56px}
}

/* Mobile: lange Pillen umbrechen lassen */
@media (max-width:600px){
  .pill{white-space:normal;text-align:center;min-height:44px;padding-top:8px;padding-bottom:8px}
}