/* Training – freigegebene Motive, echter Text und responsive Anordnung.
   Diese Regeln gelten nur für die neue Seite; bestehende Seiten bleiben unverändert. */
.page-training .training-main{flex:1 0 auto;background:#030303}
.training-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(390px,27vw,535px);border-bottom:1px solid var(--rule);display:grid;place-items:center;background:#030303}
.training-hero__art{position:absolute;inset:0;z-index:-3;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;user-select:none;pointer-events:none}
.training-hero::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 26% 72% at 50% 54%,rgba(0,0,0,.16),transparent 100%)}
.training-hero__copy{position:relative;width:min(440px,36vw);margin:0 auto;padding:66px 0 53px;text-align:center;text-shadow:0 2px 15px #000}
.training-hero h1{font-size:clamp(62px,4.8vw,88px);line-height:1.08;font-weight:400;letter-spacing:.014em;color:#f2f0ec;margin:0}
.training-hero h1::after{content:'';display:block;width:72px;height:2px;background:var(--red);margin:15px auto 17px}
.training-hero__lead{font-size:clamp(25px,1.8vw,32px);line-height:1.2;letter-spacing:.012em;margin:0 0 24px;font-weight:400;color:#eae7e1}
.training-hero__lead span{display:block}
.training-hero__intro{font-size:clamp(16px,1.15vw,20px);line-height:1.35;margin:0 auto;max-width:40ch;color:#e4dfd7;text-wrap:pretty}
.training-disciplines{background:#050505;border-bottom:1px solid var(--rule);padding:10px 28px 11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.training-discipline{position:relative;isolation:isolate;min-width:0;min-height:184px;overflow:visible;background:#050505}
.training-discipline+.training-discipline::after{content:'';position:absolute;left:-10px;top:16px;bottom:16px;width:1px;background:var(--rule)}
.training-discipline__art{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}
.training-discipline::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.23) 37%,transparent 78%)}
.training-discipline__copy{position:relative;padding:14px 14px 17px 17px;text-shadow:0 1px 8px #000,0 1px 3px #000}
.training-discipline h2{font-size:clamp(29px,2.13vw,36px);line-height:1.12;font-weight:400;letter-spacing:.015em;margin:0 0 10px;color:#f1ede6}
.training-discipline h2::before{content:'';display:block;width:39px;height:2px;background:var(--red);margin:0 0 13px}
.training-discipline p{font-size:clamp(15px,1.05vw,18px);line-height:1.34;margin:0;max-width:180px;color:#f1ede6;text-wrap:pretty}
.training-discipline--kihon p{max-width:172px}
.training-discipline--kata p{max-width:182px}
.training-discipline--bunkai p{max-width:187px}
.training-discipline--kumite p{max-width:192px}
.training-path{position:relative;isolation:isolate;overflow:hidden;background:#040404;padding:26px 30px 37px;text-align:center}
.training-path__art{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;user-select:none;pointer-events:none}
.training-path::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 40% 100% at center,rgba(0,0,0,.37),transparent 100%);pointer-events:none}
.training-path__copy{max-width:940px;margin:0 auto;text-shadow:0 1px 10px #000}
.training-path h2{font-size:clamp(28px,2.02vw,36px);line-height:1.18;font-weight:400;letter-spacing:.006em;margin:0 0 15px}
.training-path h2::after{content:'';display:block;width:70px;height:2px;background:var(--red);margin:12px auto 0}
.training-path__intro{max-width:78ch;margin:0 auto;font-size:clamp(16px,1.15vw,20px);line-height:1.4;color:#e7e2da;text-wrap:pretty}
.training-maxim{max-width:710px;margin:19px auto 10px;padding:15px 16px 0;border-top:1px solid rgba(220,214,204,.2)}
.training-maxim p{margin:0;font-size:clamp(22px,1.68vw,29px);line-height:1.35;font-style:italic;color:#e9e4dd;text-wrap:balance}
.training-maxim::after{content:'';display:block;width:61px;height:2px;background:var(--red);margin:10px auto 0}
.training-path__reflection{max-width:62ch;margin:0 auto;padding:0 12px 15px;border-bottom:1px solid rgba(220,214,204,.18);font-size:clamp(15px,1.06vw,18px);line-height:1.45;color:#e2ddd5;text-wrap:pretty}
@media(min-width:1700px){.training-hero__copy{width:540px;padding:85px 0 78px}.training-disciplines{padding:14px 38px;gap:26px}.training-discipline{min-height:238px}.training-discipline__copy{padding:22px 22px}.training-discipline p{max-width:220px;font-size:18px}.training-discipline+.training-discipline::after{left:-13px}.training-path{padding-top:34px;padding-bottom:44px}.training-path__copy{max-width:1100px}.training-path__intro{max-width:90ch}}
@media(min-width:701px) and (max-width:1180px){
 .training-hero{min-height:440px}
 .training-hero__art{object-fit:cover}
 .training-hero::before{background:radial-gradient(ellipse 36% 64% at 50% 52%,rgba(0,0,0,.64),transparent 100%)}
 .training-hero__copy{width:420px;max-width:47vw;padding:65px 0 55px}
 .training-hero h1{font-size:64px}
 .training-hero__lead{font-size:25px}
 .training-hero__intro{font-size:17px;line-height:1.4}
 .training-disciplines{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 30px}
 .training-discipline{min-height:222px}
 .training-discipline__copy{padding:23px 22px}
 .training-discipline h2{font-size:32px}
 .training-discipline p{font-size:17px;max-width:185px}
 .training-discipline:nth-child(3)::after{display:none}
 .training-path{padding:30px 45px 36px}
 .training-path__copy{max-width:820px}
 .training-path__intro{font-size:17px;line-height:1.55}
 .training-path__reflection{font-size:17px;line-height:1.5}
 .training-path__art{opacity:.8;object-fit:cover}
}
@media(max-width:700px){
 .training-hero{min-height:0;display:block}
 .training-hero__art{inset:0 0 auto;height:236px;object-fit:cover;object-position:32% center;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%)}
 .training-hero::before{background:none}
 .training-hero__copy{width:100%;max-width:480px;padding:214px 25px 35px}
 .training-hero h1{font-size:54px;line-height:1.08}
 .training-hero h1::after{width:52px;margin:14px auto 18px}
 .training-hero__lead{font-size:25px;line-height:1.28;margin-bottom:21px}
 .training-hero__intro{font-size:17px;line-height:1.55;max-width:36ch;text-wrap:pretty}
 .training-disciplines{grid-template-columns:minmax(0,1fr);padding:24px 22px 26px;gap:23px}
 .training-discipline{width:100%;max-width:470px;min-height:200px;margin:0 auto}
 .training-discipline+.training-discipline::after{left:0;right:0;top:-12px;bottom:auto;height:1px;width:auto}
 .training-discipline__copy{padding:15px 12px 15px 13px}
 .training-discipline h2{font-size:31px;line-height:1.15;margin-bottom:14px}
 .training-discipline h2::before{width:36px;margin-bottom:12px}
 .training-discipline p{font-size:16px;line-height:1.42;max-width:178px}
 .training-discipline::before{background:linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.35) 44%,transparent 87%)}
 .training-path{padding:31px 25px 36px}
 .training-path__copy{max-width:470px}
 .training-path__art{object-fit:cover;object-position:20% center;opacity:.47}
 .training-path::before{background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.55))}
 .training-path h2{font-size:29px;line-height:1.25;margin-bottom:20px}
 .training-path h2::after{width:53px;margin-top:14px}
 .training-path__intro{font-size:17px;line-height:1.6}
 .training-maxim{margin-top:24px;padding:20px 4px 0}
 .training-maxim p{font-size:24px;line-height:1.4}
 .training-maxim::after{margin:14px auto 0;width:49px}
 .training-path__reflection{font-size:17px;line-height:1.6;padding:4px 0 23px}
}
@media(max-width:360px){.training-hero__copy{padding-left:20px;padding-right:20px}.training-hero h1{font-size:50px}.training-hero__lead{font-size:23px}.training-hero__intro{font-size:16px}.training-disciplines{padding-left:16px;padding-right:16px}.training-discipline{min-height:194px}.training-discipline p{font-size:15px;max-width:154px}.training-discipline h2{font-size:29px}.training-path{padding-left:21px;padding-right:21px}.training-path__intro,.training-path__reflection{font-size:16px}.training-path h2{font-size:27px}.training-maxim p{font-size:23px}}
@media print{.training-hero__art,.training-hero::before,.training-discipline__art,.training-discipline::before,.training-path__art,.training-path::before{display:none!important}.page-training .training-main,.training-hero,.training-disciplines,.training-discipline,.training-path{background:#fff;color:#111}.training-hero{min-height:0;border:0}.training-hero__copy{width:100%;max-width:100%;padding:20px 0;text-shadow:none}.training-hero h1,.training-hero__lead,.training-hero__intro,.training-discipline h2,.training-discipline p,.training-path h2,.training-path__intro,.training-maxim p,.training-path__reflection{color:#111;text-shadow:none}.training-disciplines{display:block;padding:10px 0}.training-discipline{min-height:0;max-width:none;margin:0 0 20px;break-inside:avoid}.training-discipline__copy{padding:0;text-shadow:none}.training-discipline p{max-width:none}.training-discipline::after{display:none!important}.training-path{padding:20px 0}.training-path__copy{text-shadow:none}}
