/* Champions Training global shell – header/footer only */
html{scroll-behavior:smooth}
.ctwd-header,.ctwd-header *,.ctwd-footer,.ctwd-footer *{box-sizing:border-box}

.ctwd-header{
  min-height:82px;background:#090a0b;color:#fff;display:flex;align-items:center;
  padding:0 max(24px,calc((100vw - 1240px)/2));position:relative;z-index:10000;gap:32px;
  font-family:Arial,Helvetica,sans-serif
}
.ctwd-brand{display:block;margin-right:auto!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.ctwd-brand img,.ctwd-header .ctwd-approved-logo{display:block!important;max-width:205px!important;max-height:54px!important;width:auto!important;height:auto!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.ctwd-nav{display:flex;align-items:center;gap:28px}
.ctwd-nav a{color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;margin:0!important}
.ctwd-nav a:hover{color:#FFD200!important}
.ctwd-contact-button{background:transparent!important;color:#fff!important;padding:0!important;border-radius:0!important}
.ctwd-contact-button:hover{background:transparent!important;color:#FFD200!important}
.ctwd-menu-toggle{display:none}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.ctwd-footer{
  background:#0b0c0d!important;color:#fff!important;padding:46px max(24px,calc((100vw - 1180px)/2)) 24px!important;
  font-family:Arial,Helvetica,sans-serif!important;position:relative!important;
  display:block!important;width:100%!important;max-width:none!important;float:none!important;clear:both!important
}
.ctwd-footer-grid{display:grid!important;grid-template-columns:1.05fr .75fr 1fr!important;gap:72px!important;align-items:start!important;padding-bottom:38px!important;width:100%!important;max-width:none!important}
.ctwd-footer-brand{text-align:left;justify-self:start;align-items:flex-start;padding-top:0}
.ctwd-footer .ctwd-footer-logo{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:max-content!important;max-width:190px!important;margin:0 auto 0 0!important;text-decoration:none!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.ctwd-footer .ctwd-footer-logo-clean{display:block!important;width:180px!important;max-width:180px!important;height:auto!important;object-fit:contain!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.ctwd-footer .ctwd-footer-slogan{display:block;margin-top:9px;color:#fff;font-size:7.5px;line-height:1.4;letter-spacing:.18em;font-weight:600;text-align:left;white-space:nowrap}
.ctwd-footer .ctwd-footer-since{display:block;margin-top:3px;color:#fff;font-size:7px;line-height:1.3;letter-spacing:.22em;font-weight:500;text-align:left}
.ctwd-footer h3{font-size:13px!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#FFD200!important;margin:0 0 12px!important;font-weight:700!important}
.ctwd-footer a{display:block;color:#d9d9d9!important;text-decoration:none!important;margin:0 0 8px!important;font-size:14px!important;line-height:1.35!important}
.ctwd-footer a:hover{color:#fff!important}
.ctwd-footer a small{display:block;color:#888!important;margin-top:4px!important}
.ctwd-footer-nav,.ctwd-footer-contact{display:flex;flex-direction:column;align-items:flex-start}
.ctwd-footer-contact{justify-self:end;width:250px;text-align:left}
.ctwd-footer-contact h3,.ctwd-footer-contact a,.ctwd-footer-contact small{text-align:left!important;align-items:flex-start!important}
.ctwd-footer-bottom{border-top:1px solid #2c2d2f!important;margin-top:0!important;padding-top:22px!important;padding-bottom:0!important;display:flex!important;justify-content:space-between!important;color:#777!important;font-size:12px!important;width:100%!important;max-width:none!important;grid-column:1/-1!important;float:none!important;clear:both!important}
.ctwd-footer-bottom div{display:flex;gap:18px}
.ctwd-footer-bottom a{margin:0!important;font-size:12px!important;color:#888!important}

.ctwd-back-to-top{position:fixed!important;right:22px!important;bottom:22px!important;z-index:10001!important;display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;padding:0!important;background:#111!important;border:2px solid #FFD200!important;border-radius:2px!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important}
.ctwd-back-to-top-chevron{display:block!important;width:16px!important;height:16px!important;border-left:4px solid #FFD200!important;border-top:4px solid #FFD200!important;transform:rotate(45deg)!important;margin-top:8px!important}
.ctwd-back-to-top:hover,.ctwd-back-to-top:focus{background:#222!important;outline:none!important}

@media(max-width:900px){
  .ctwd-header{min-height:72px;padding-left:20px;padding-right:20px}
  .ctwd-brand img,.ctwd-header .ctwd-approved-logo{max-width:170px!important}
  .ctwd-menu-toggle{display:flex!important;width:44px;height:44px;border:0!important;background:none!important;flex-direction:column;justify-content:center;gap:5px;padding:8px;cursor:pointer}
  .ctwd-menu-toggle span:not(.screen-reader-text){height:2px;background:#fff;width:24px;display:block}
  .ctwd-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0d0e10;padding:22px;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 10px 20px rgba(0,0,0,.2)}
  .ctwd-nav.is-open{display:flex}
  .ctwd-nav a{padding:12px!important}
  .ctwd-footer-grid{gap:36px}
}
@media(max-width:700px){
  .ctwd-footer{padding-top:36px}
  .ctwd-footer-grid{grid-template-columns:1fr;gap:28px}
  .ctwd-footer-contact{justify-self:start;width:auto}
  .ctwd-footer .ctwd-footer-logo-clean{width:170px!important}
  .ctwd-footer-bottom{display:block}
  .ctwd-footer-bottom div{margin-top:15px;flex-wrap:wrap}
  .ctwd-back-to-top{right:16px!important;bottom:16px!important;width:48px!important;height:48px!important}
}


/* ============================================================
   0.3.3 – kompakter EINZEILIGER Reise-Header
   ============================================================ */
.ctwd-travel-header,
.ctwd-travel-header *{box-sizing:border-box}

.ctwd-travel-header{
  min-height:72px;
  background:#090a0b;
  color:#fff;
  display:flex;
  align-items:center;
  gap:24px;
  padding:0 max(22px,calc((100vw - 1240px)/2));
  position:relative;
  z-index:10000;
  font-family:Arial,Helvetica,sans-serif
}
.ctwd-travel-brand{
  flex:0 0 auto!important;
  text-decoration:none!important;
  border:0!important;
  margin:0!important
}
.ctwd-travel-brand img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:168px!important;
  max-height:46px!important
}
.ctwd-travel-jumps{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  margin-left:auto;
  white-space:nowrap
}
.ctwd-travel-jumps a{
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  margin:0!important
}
.ctwd-travel-jumps a:hover{color:#FFD200!important}

.ctwd-travel-menu-toggle{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  border:0!important;
  background:transparent!important;
  color:#d7d7d7!important;
  padding:8px 4px!important;
  font:700 12px/1 Arial,Helvetica,sans-serif!important;
  cursor:pointer
}
.ctwd-travel-menu-toggle:hover{color:#fff!important}
.ctwd-travel-menu-icon{display:flex;flex-direction:column;gap:3px}
.ctwd-travel-menu-icon i{display:block;width:16px;height:2px;background:currentColor}

.ctwd-travel-booking{
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 18px!important;
  background:#FFD200!important;
  color:#111!important;
  text-decoration:none!important;
  border-radius:3px!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  margin:0!important
}
.ctwd-travel-booking:hover{background:#ffe04d!important;color:#111!important}

.ctwd-travel-menu-panel{
  position:absolute;
  top:72px;
  right:max(22px,calc((100vw - 1240px)/2));
  width:min(520px,calc(100vw - 44px));
  background:#121416;
  border-top:2px solid #FFD200;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  padding:22px 24px;
  grid-template-columns:1.3fr 1fr;
  gap:28px
}
.ctwd-travel-menu-panel.is-open{display:grid!important}
.ctwd-travel-menu-panel[hidden]{display:none!important}
.ctwd-travel-menu-panel a{
  display:block;
  color:#e6e6e6!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.35!important;
  margin:0 0 10px!important
}
.ctwd-travel-menu-panel a:hover{color:#FFD200!important}
.ctwd-travel-menu-heading{
  display:block;
  color:#FFD200;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin:0 0 13px
}

@media(max-width:980px){
  .ctwd-travel-header{min-height:66px;gap:16px;padding-left:18px;padding-right:18px}
  .ctwd-travel-brand img{max-width:145px!important;max-height:40px!important}
  .ctwd-travel-jumps{gap:16px}
  .ctwd-travel-jumps a{font-size:11px!important;letter-spacing:.06em!important}
  .ctwd-travel-booking{min-height:38px!important;padding:0 14px!important}
  .ctwd-travel-menu-panel{top:66px;right:18px}
}
@media(max-width:760px){
  .ctwd-travel-header{gap:12px}
  .ctwd-travel-jumps{display:none}
  .ctwd-travel-menu-toggle{margin-left:auto}
  .ctwd-travel-booking{font-size:11px!important}
  .ctwd-travel-menu-panel{left:14px;right:14px;width:auto;grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .ctwd-travel-brand img{max-width:122px!important}
  .ctwd-travel-menu-toggle>span:last-child{display:none}
  .ctwd-travel-booking{padding:0 11px!important}
  .ctwd-travel-menu-panel{grid-template-columns:1fr}
}


/* ============================================================
   0.3.4 – Reise-Header: Navigation klar erkennbar + iPad-Fokus
   ============================================================ */

/* Kein orangefarbener Theme-/Safari-Rahmen am Logo nach Antippen. */
.ctwd-travel-brand,
.ctwd-travel-brand:link,
.ctwd-travel-brand:visited,
.ctwd-travel-brand:hover,
.ctwd-travel-brand:active,
.ctwd-travel-brand:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.ctwd-travel-brand img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Allgemeine Website-Navigation bewusst als klarer Bedienelement darstellen. */
.ctwd-travel-menu-toggle{
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:3px!important;
  background:#151719!important;
  color:#fff!important;
  gap:9px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-tap-highlight-color:transparent!important;
}
.ctwd-travel-menu-toggle:hover,
.ctwd-travel-menu-toggle:focus{
  background:#202326!important;
  border-color:#fff!important;
  color:#fff!important;
}
.ctwd-travel-menu-toggle[aria-expanded="true"]{
  border-color:#FFD200!important;
  color:#FFD200!important;
}
.ctwd-travel-menu-icon{gap:4px!important}
.ctwd-travel-menu-icon i{
  width:18px!important;
  height:2px!important;
  background:currentColor!important;
}

/* Dropdown eindeutig als eigenständige Navigation lesbar halten,
   unabhängig von Theme- oder Reise-CSS. */
.ctwd-travel-menu-panel{
  background:#111315!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-top:3px solid #FFD200!important;
  border-radius:0 0 5px 5px!important;
  box-shadow:0 20px 50px rgba(0,0,0,.5)!important;
  padding:24px 26px!important;
  z-index:10050!important;
}
.ctwd-travel-menu-panel a{
  display:block!important;
  color:#f1f1f1!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:5px 0!important;
  margin:0 0 7px!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-transform:none!important;
  letter-spacing:0!important;
  opacity:1!important;
  visibility:visible!important;
}
.ctwd-travel-menu-panel a:hover,
.ctwd-travel-menu-panel a:focus{
  color:#FFD200!important;
}
.ctwd-travel-menu-heading{
  color:#FFD200!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:11px!important;
  font-weight:900!important;
}

@media(max-width:1100px){
  .ctwd-travel-header{gap:14px!important}
  .ctwd-travel-jumps{gap:15px!important}
  .ctwd-travel-menu-toggle{padding:0 10px!important}
}
@media(max-width:860px){
  .ctwd-travel-jumps{gap:12px!important}
  .ctwd-travel-jumps a{font-size:10.5px!important}
  .ctwd-travel-menu-toggle{font-size:10.5px!important}
}
@media(max-width:760px){
  .ctwd-travel-menu-toggle>span:last-child{display:inline!important}
}
@media(max-width:560px){
  .ctwd-travel-menu-toggle>span:last-child{display:none!important}
}


/* ============================================================
   0.3.5 – Reise-Header: reduzierter Hamburger
   ============================================================ */
.ctwd-travel-menu-toggle{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:3px!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.ctwd-travel-menu-toggle:hover,
.ctwd-travel-menu-toggle:focus{
  border:0!important;
  background:rgba(255,255,255,.07)!important;
  color:#FFD200!important;
}
.ctwd-travel-menu-toggle[aria-expanded="true"]{
  border:0!important;
  background:rgba(255,255,255,.07)!important;
  color:#FFD200!important;
}
.ctwd-travel-menu-icon{
  width:20px!important;
  height:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:0!important;
}
.ctwd-travel-menu-icon i{
  display:block!important;
  width:20px!important;
  height:2px!important;
  min-height:2px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
.ctwd-travel-menu-toggle:hover .ctwd-travel-menu-icon i,
.ctwd-travel-menu-toggle:focus .ctwd-travel-menu-icon i,
.ctwd-travel-menu-toggle[aria-expanded="true"] .ctwd-travel-menu-icon i{
  background:#FFD200!important;
}