/**
 * CMS-Inhaltsblöcke – Frontend + Editor (ohne Inline-Styles, CSP-sicher)
 */

/* Text */
.cms-section { margin-bottom: 1.5rem; }
.cms-block--text h1 { font-size: 1.75rem; line-height: 1.25; margin: 0 0 1rem; }
.artikel-lead { font-size: 1.1rem; line-height: 1.5; color: #555; margin: 0 0 1.25rem; }
.cms-c-artikel-kopf,
.cms-c-artikel-bild,
.cms-c-artikel-credit,
.cms-c-artikel-koerper {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.cms-block--text h2 { font-size: 1.35rem; margin: 1.5rem 0 .75rem; }
.cms-block--text h3 { font-size: 1.15rem; margin: 1.25rem 0 .65rem; }
.cms-block--text p { margin: 0 0 1rem; }
.cms-block--text ul,
.cms-block--text ol { margin: 0 0 1rem; padding-left: 1.25rem; }
.cms-block--text a { text-decoration: underline; }
.cms-block--text strong,
.cms-block--text b { font-weight: 700; }
.cms-block--text em,
.cms-block--text i { font-style: italic; }
.cms-block--text u { text-decoration: underline; }

/* Bild */
.cms-figure {
  margin: 0 0 1.5rem;
  max-width: 100%;
  position: relative;
  width: 100%;
}
.cms-figure img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}
.cms-figure--align-left { margin-left: 0; margin-right: auto; }
.cms-figure--align-center { margin-left: auto; margin-right: auto; }
.cms-figure--align-right { margin-left: auto; margin-right: 0; }

/* Breite über data-image-width (10–100), kein Inline-Style */
.cms-figure[data-image-width="10"] { width: 10%; }
.cms-figure[data-image-width="11"] { width: 11%; }
.cms-figure[data-image-width="12"] { width: 12%; }
.cms-figure[data-image-width="13"] { width: 13%; }
.cms-figure[data-image-width="14"] { width: 14%; }
.cms-figure[data-image-width="15"] { width: 15%; }
.cms-figure[data-image-width="16"] { width: 16%; }
.cms-figure[data-image-width="17"] { width: 17%; }
.cms-figure[data-image-width="18"] { width: 18%; }
.cms-figure[data-image-width="19"] { width: 19%; }
.cms-figure[data-image-width="20"] { width: 20%; }
.cms-figure[data-image-width="21"] { width: 21%; }
.cms-figure[data-image-width="22"] { width: 22%; }
.cms-figure[data-image-width="23"] { width: 23%; }
.cms-figure[data-image-width="24"] { width: 24%; }
.cms-figure[data-image-width="25"] { width: 25%; }
.cms-figure[data-image-width="26"] { width: 26%; }
.cms-figure[data-image-width="27"] { width: 27%; }
.cms-figure[data-image-width="28"] { width: 28%; }
.cms-figure[data-image-width="29"] { width: 29%; }
.cms-figure[data-image-width="30"] { width: 30%; }
.cms-figure[data-image-width="31"] { width: 31%; }
.cms-figure[data-image-width="32"] { width: 32%; }
.cms-figure[data-image-width="33"] { width: 33%; }
.cms-figure[data-image-width="34"] { width: 34%; }
.cms-figure[data-image-width="35"] { width: 35%; }
.cms-figure[data-image-width="36"] { width: 36%; }
.cms-figure[data-image-width="37"] { width: 37%; }
.cms-figure[data-image-width="38"] { width: 38%; }
.cms-figure[data-image-width="39"] { width: 39%; }
.cms-figure[data-image-width="40"] { width: 40%; }
.cms-figure[data-image-width="41"] { width: 41%; }
.cms-figure[data-image-width="42"] { width: 42%; }
.cms-figure[data-image-width="43"] { width: 43%; }
.cms-figure[data-image-width="44"] { width: 44%; }
.cms-figure[data-image-width="45"] { width: 45%; }
.cms-figure[data-image-width="46"] { width: 46%; }
.cms-figure[data-image-width="47"] { width: 47%; }
.cms-figure[data-image-width="48"] { width: 48%; }
.cms-figure[data-image-width="49"] { width: 49%; }
.cms-figure[data-image-width="50"] { width: 50%; }
.cms-figure[data-image-width="51"] { width: 51%; }
.cms-figure[data-image-width="52"] { width: 52%; }
.cms-figure[data-image-width="53"] { width: 53%; }
.cms-figure[data-image-width="54"] { width: 54%; }
.cms-figure[data-image-width="55"] { width: 55%; }
.cms-figure[data-image-width="56"] { width: 56%; }
.cms-figure[data-image-width="57"] { width: 57%; }
.cms-figure[data-image-width="58"] { width: 58%; }
.cms-figure[data-image-width="59"] { width: 59%; }
.cms-figure[data-image-width="60"] { width: 60%; }
.cms-figure[data-image-width="61"] { width: 61%; }
.cms-figure[data-image-width="62"] { width: 62%; }
.cms-figure[data-image-width="63"] { width: 63%; }
.cms-figure[data-image-width="64"] { width: 64%; }
.cms-figure[data-image-width="65"] { width: 65%; }
.cms-figure[data-image-width="66"] { width: 66%; }
.cms-figure[data-image-width="67"] { width: 67%; }
.cms-figure[data-image-width="68"] { width: 68%; }
.cms-figure[data-image-width="69"] { width: 69%; }
.cms-figure[data-image-width="70"] { width: 70%; }
.cms-figure[data-image-width="71"] { width: 71%; }
.cms-figure[data-image-width="72"] { width: 72%; }
.cms-figure[data-image-width="73"] { width: 73%; }
.cms-figure[data-image-width="74"] { width: 74%; }
.cms-figure[data-image-width="75"] { width: 75%; }
.cms-figure[data-image-width="76"] { width: 76%; }
.cms-figure[data-image-width="77"] { width: 77%; }
.cms-figure[data-image-width="78"] { width: 78%; }
.cms-figure[data-image-width="79"] { width: 79%; }
.cms-figure[data-image-width="80"] { width: 80%; }
.cms-figure[data-image-width="81"] { width: 81%; }
.cms-figure[data-image-width="82"] { width: 82%; }
.cms-figure[data-image-width="83"] { width: 83%; }
.cms-figure[data-image-width="84"] { width: 84%; }
.cms-figure[data-image-width="85"] { width: 85%; }
.cms-figure[data-image-width="86"] { width: 86%; }
.cms-figure[data-image-width="87"] { width: 87%; }
.cms-figure[data-image-width="88"] { width: 88%; }
.cms-figure[data-image-width="89"] { width: 89%; }
.cms-figure[data-image-width="90"] { width: 90%; }
.cms-figure[data-image-width="91"] { width: 91%; }
.cms-figure[data-image-width="92"] { width: 92%; }
.cms-figure[data-image-width="93"] { width: 93%; }
.cms-figure[data-image-width="94"] { width: 94%; }
.cms-figure[data-image-width="95"] { width: 95%; }
.cms-figure[data-image-width="96"] { width: 96%; }
.cms-figure[data-image-width="97"] { width: 97%; }
.cms-figure[data-image-width="98"] { width: 98%; }
.cms-figure[data-image-width="99"] { width: 99%; }
.cms-figure[data-image-width="100"] { width: 100%; }

.cms-image-placeholder {
  background: #eef2f6;
  color: #666;
  padding: 3rem 1rem;
  text-align: center;
  border: 1px dashed #ccd3dd;
  border-radius: 8px;
}

/* Partner-Leiste – Basis (Theme kann Optik überschreiben) */
.partner-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.25rem;
  align-items: center;
  margin: 0 0 1.5rem;
  padding: 1rem;
  background: #fff;
}
.partner-strip a,
.partner-strip__link,
.partner-strip__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 96px;
  padding: .5rem;
}
.partner-strip img {
  width: 100%;
  height: auto;
  max-height: 140px;
  object-fit: contain;
  display: block;
}
.cms-partners-placeholder {
  grid-column: 1 / -1;
  border: 2px dashed #ccd3dd;
  border-radius: 8px;
  padding: 1.5rem 1rem;
  text-align: center;
  color: #888;
  font-size: .95rem;
}
@media (max-width: 960px) {
  .partner-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Galerie – Spalten über data-gallery-columns */
.cms-gallery { margin: 0 0 1.5rem; }
.cms-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
.cms-gallery[data-gallery-columns="2"] .cms-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cms-gallery[data-gallery-columns="3"] .cms-gallery__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cms-gallery[data-gallery-columns="4"] .cms-gallery__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cms-gallery[data-gallery-columns="5"] .cms-gallery__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.cms-gallery[data-gallery-columns="6"] .cms-gallery__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.cms-gallery__item { margin: 0; position: relative; }
.cms-gallery__link {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: zoom-in;
}
.cms-gallery__link:hover { color: inherit; text-decoration: none; opacity: .92; }
.cms-gallery__item img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}
.cms-gallery__caption {
  font-size: .8rem;
  color: #555;
  margin-top: .35rem;
}

/* Lightbox */
body.cms-lightbox-open { overflow: hidden; }
.cms-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 3.5rem;
  background: rgba(10, 14, 18, .88);
}
.cms-lightbox[hidden] { display: none !important; }
.cms-lightbox__figure {
  margin: 0;
  max-width: min(1100px, 100%);
  max-height: 100%;
  text-align: center;
}
.cms-lightbox__img {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 6rem);
  width: auto;
  height: auto;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .35);
}
.cms-lightbox__caption {
  margin: .75rem 0 0;
  color: #f2f4f6;
  font-size: .95rem;
}
.cms-lightbox__counter {
  margin-top: .35rem;
  color: rgba(255, 255, 255, .65);
  font-size: .8rem;
}
.cms-lightbox__close,
.cms-lightbox__prev,
.cms-lightbox__next {
  position: absolute;
  border: 0;
  background: rgba(255, 255, 255, .12);
  color: #fff;
  cursor: pointer;
  border-radius: 999px;
  line-height: 1;
  font-size: 1.6rem;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  transition: background .15s ease;
}
.cms-lightbox__close:hover,
.cms-lightbox__prev:hover,
.cms-lightbox__next:hover { background: rgba(255, 255, 255, .22); }
.cms-lightbox__close { top: 1rem; right: 1rem; font-size: 1.8rem; }
.cms-lightbox__prev { left: .75rem; top: 50%; transform: translateY(-50%); }
.cms-lightbox__next { right: .75rem; top: 50%; transform: translateY(-50%); }
@media (max-width: 640px) {
  .cms-lightbox { padding: 3.5rem 1rem 1.5rem; }
  .cms-lightbox__prev,
  .cms-lightbox__next { width: 2.25rem; height: 2.25rem; font-size: 1.4rem; }
}
.cms-gallery-placeholder {
  border: 2px dashed #ccd3dd;
  border-radius: 8px;
  padding: 2rem 1rem;
  text-align: center;
  color: #888;
  font-size: .95rem;
}
@media (max-width: 640px) {
  .cms-gallery__grid,
  .cms-gallery[data-gallery-columns] .cms-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.cms-html-placeholder {
  background: #eef2f6;
  color: #666;
  padding: 2rem 1rem;
  text-align: center;
  border: 1px dashed #ccd3dd;
  border-radius: 8px;
}

/* Layout: Spalten, CTA, Video, Abstand */
.cms-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 1.25rem 0;
}
.cms-columns[data-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cms-columns[data-columns="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cms-columns__col { min-width: 0; }
.cms-columns__col:focus { outline: 1px dashed #9aa8b8; outline-offset: 4px; }

.cms-cta { margin: 1.5rem 0; text-align: center; }
.cms-cta__btn {
  display: inline-block;
  padding: .7rem 1.35rem;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  border: 2px solid transparent;
  transition: background .15s, color .15s, border-color .15s;
}
.cms-cta__btn--primary {
  background: #1a1a1a;
  color: #fff;
  border-color: #1a1a1a;
}
.cms-cta__btn--primary:hover { background: #333; border-color: #333; }
.cms-cta__btn--secondary {
  background: transparent;
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.cms-cta__btn--secondary:hover { background: #1a1a1a; color: #fff; }

.cms-video { margin: 1.5rem 0; }
.cms-video__frame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #111;
  border-radius: 8px;
  overflow: hidden;
}
.cms-video__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.cms-video-placeholder {
  border: 2px dashed #ccd3dd;
  border-radius: 8px;
  padding: 2.5rem 1rem;
  text-align: center;
  color: #888;
  font-size: .95rem;
  background: #f7f8fa;
}

.cms-spacer {
  width: 100%;
  margin: 0;
  pointer-events: none;
  box-sizing: border-box;
}
.cms-spacer--h8{height:8px}.cms-spacer--h9{height:9px}.cms-spacer--h10{height:10px}.cms-spacer--h11{height:11px}.cms-spacer--h12{height:12px}.cms-spacer--h13{height:13px}.cms-spacer--h14{height:14px}.cms-spacer--h15{height:15px}.cms-spacer--h16{height:16px}.cms-spacer--h17{height:17px}.cms-spacer--h18{height:18px}.cms-spacer--h19{height:19px}.cms-spacer--h20{height:20px}.cms-spacer--h21{height:21px}.cms-spacer--h22{height:22px}.cms-spacer--h23{height:23px}.cms-spacer--h24{height:24px}.cms-spacer--h25{height:25px}.cms-spacer--h26{height:26px}.cms-spacer--h27{height:27px}.cms-spacer--h28{height:28px}.cms-spacer--h29{height:29px}.cms-spacer--h30{height:30px}.cms-spacer--h31{height:31px}.cms-spacer--h32{height:32px}.cms-spacer--h33{height:33px}.cms-spacer--h34{height:34px}.cms-spacer--h35{height:35px}.cms-spacer--h36{height:36px}.cms-spacer--h37{height:37px}.cms-spacer--h38{height:38px}.cms-spacer--h39{height:39px}.cms-spacer--h40{height:40px}.cms-spacer--h41{height:41px}.cms-spacer--h42{height:42px}.cms-spacer--h43{height:43px}.cms-spacer--h44{height:44px}.cms-spacer--h45{height:45px}.cms-spacer--h46{height:46px}.cms-spacer--h47{height:47px}.cms-spacer--h48{height:48px}.cms-spacer--h49{height:49px}.cms-spacer--h50{height:50px}.cms-spacer--h51{height:51px}.cms-spacer--h52{height:52px}.cms-spacer--h53{height:53px}.cms-spacer--h54{height:54px}.cms-spacer--h55{height:55px}.cms-spacer--h56{height:56px}.cms-spacer--h57{height:57px}.cms-spacer--h58{height:58px}.cms-spacer--h59{height:59px}.cms-spacer--h60{height:60px}.cms-spacer--h61{height:61px}.cms-spacer--h62{height:62px}.cms-spacer--h63{height:63px}.cms-spacer--h64{height:64px}.cms-spacer--h65{height:65px}.cms-spacer--h66{height:66px}.cms-spacer--h67{height:67px}.cms-spacer--h68{height:68px}.cms-spacer--h69{height:69px}.cms-spacer--h70{height:70px}.cms-spacer--h71{height:71px}.cms-spacer--h72{height:72px}.cms-spacer--h73{height:73px}.cms-spacer--h74{height:74px}.cms-spacer--h75{height:75px}.cms-spacer--h76{height:76px}.cms-spacer--h77{height:77px}.cms-spacer--h78{height:78px}.cms-spacer--h79{height:79px}.cms-spacer--h80{height:80px}.cms-spacer--h81{height:81px}.cms-spacer--h82{height:82px}.cms-spacer--h83{height:83px}.cms-spacer--h84{height:84px}.cms-spacer--h85{height:85px}.cms-spacer--h86{height:86px}.cms-spacer--h87{height:87px}.cms-spacer--h88{height:88px}.cms-spacer--h89{height:89px}.cms-spacer--h90{height:90px}.cms-spacer--h91{height:91px}.cms-spacer--h92{height:92px}.cms-spacer--h93{height:93px}.cms-spacer--h94{height:94px}.cms-spacer--h95{height:95px}.cms-spacer--h96{height:96px}.cms-spacer--h97{height:97px}.cms-spacer--h98{height:98px}.cms-spacer--h99{height:99px}.cms-spacer--h100{height:100px}.cms-spacer--h101{height:101px}.cms-spacer--h102{height:102px}.cms-spacer--h103{height:103px}.cms-spacer--h104{height:104px}.cms-spacer--h105{height:105px}.cms-spacer--h106{height:106px}.cms-spacer--h107{height:107px}.cms-spacer--h108{height:108px}.cms-spacer--h109{height:109px}.cms-spacer--h110{height:110px}.cms-spacer--h111{height:111px}.cms-spacer--h112{height:112px}.cms-spacer--h113{height:113px}.cms-spacer--h114{height:114px}.cms-spacer--h115{height:115px}.cms-spacer--h116{height:116px}.cms-spacer--h117{height:117px}.cms-spacer--h118{height:118px}.cms-spacer--h119{height:119px}.cms-spacer--h120{height:120px}.cms-spacer--h121{height:121px}.cms-spacer--h122{height:122px}.cms-spacer--h123{height:123px}.cms-spacer--h124{height:124px}.cms-spacer--h125{height:125px}.cms-spacer--h126{height:126px}.cms-spacer--h127{height:127px}.cms-spacer--h128{height:128px}.cms-spacer--h129{height:129px}.cms-spacer--h130{height:130px}.cms-spacer--h131{height:131px}.cms-spacer--h132{height:132px}.cms-spacer--h133{height:133px}.cms-spacer--h134{height:134px}.cms-spacer--h135{height:135px}.cms-spacer--h136{height:136px}.cms-spacer--h137{height:137px}.cms-spacer--h138{height:138px}.cms-spacer--h139{height:139px}.cms-spacer--h140{height:140px}.cms-spacer--h141{height:141px}.cms-spacer--h142{height:142px}.cms-spacer--h143{height:143px}.cms-spacer--h144{height:144px}.cms-spacer--h145{height:145px}.cms-spacer--h146{height:146px}.cms-spacer--h147{height:147px}.cms-spacer--h148{height:148px}.cms-spacer--h149{height:149px}.cms-spacer--h150{height:150px}.cms-spacer--h151{height:151px}.cms-spacer--h152{height:152px}.cms-spacer--h153{height:153px}.cms-spacer--h154{height:154px}.cms-spacer--h155{height:155px}.cms-spacer--h156{height:156px}.cms-spacer--h157{height:157px}.cms-spacer--h158{height:158px}.cms-spacer--h159{height:159px}.cms-spacer--h160{height:160px}.cms-spacer--h161{height:161px}.cms-spacer--h162{height:162px}.cms-spacer--h163{height:163px}.cms-spacer--h164{height:164px}.cms-spacer--h165{height:165px}.cms-spacer--h166{height:166px}.cms-spacer--h167{height:167px}.cms-spacer--h168{height:168px}.cms-spacer--h169{height:169px}.cms-spacer--h170{height:170px}.cms-spacer--h171{height:171px}.cms-spacer--h172{height:172px}.cms-spacer--h173{height:173px}.cms-spacer--h174{height:174px}.cms-spacer--h175{height:175px}.cms-spacer--h176{height:176px}.cms-spacer--h177{height:177px}.cms-spacer--h178{height:178px}.cms-spacer--h179{height:179px}.cms-spacer--h180{height:180px}.cms-spacer--h181{height:181px}.cms-spacer--h182{height:182px}.cms-spacer--h183{height:183px}.cms-spacer--h184{height:184px}.cms-spacer--h185{height:185px}.cms-spacer--h186{height:186px}.cms-spacer--h187{height:187px}.cms-spacer--h188{height:188px}.cms-spacer--h189{height:189px}.cms-spacer--h190{height:190px}.cms-spacer--h191{height:191px}.cms-spacer--h192{height:192px}.cms-spacer--h193{height:193px}.cms-spacer--h194{height:194px}.cms-spacer--h195{height:195px}.cms-spacer--h196{height:196px}.cms-spacer--h197{height:197px}.cms-spacer--h198{height:198px}.cms-spacer--h199{height:199px}.cms-spacer--h200{height:200px}.cms-spacer--h201{height:201px}.cms-spacer--h202{height:202px}.cms-spacer--h203{height:203px}.cms-spacer--h204{height:204px}.cms-spacer--h205{height:205px}.cms-spacer--h206{height:206px}.cms-spacer--h207{height:207px}.cms-spacer--h208{height:208px}.cms-spacer--h209{height:209px}.cms-spacer--h210{height:210px}.cms-spacer--h211{height:211px}.cms-spacer--h212{height:212px}.cms-spacer--h213{height:213px}.cms-spacer--h214{height:214px}.cms-spacer--h215{height:215px}.cms-spacer--h216{height:216px}.cms-spacer--h217{height:217px}.cms-spacer--h218{height:218px}.cms-spacer--h219{height:219px}.cms-spacer--h220{height:220px}.cms-spacer--h221{height:221px}.cms-spacer--h222{height:222px}.cms-spacer--h223{height:223px}.cms-spacer--h224{height:224px}.cms-spacer--h225{height:225px}.cms-spacer--h226{height:226px}.cms-spacer--h227{height:227px}.cms-spacer--h228{height:228px}.cms-spacer--h229{height:229px}.cms-spacer--h230{height:230px}.cms-spacer--h231{height:231px}.cms-spacer--h232{height:232px}.cms-spacer--h233{height:233px}.cms-spacer--h234{height:234px}.cms-spacer--h235{height:235px}.cms-spacer--h236{height:236px}.cms-spacer--h237{height:237px}.cms-spacer--h238{height:238px}.cms-spacer--h239{height:239px}.cms-spacer--h240{height:240px}
/* Editor: Abstand sichtbar machen */
.cms-block--spacer .cms-spacer {
  pointer-events: auto;
  background: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 6px,
    rgba(150, 160, 175, .12) 6px,
    rgba(150, 160, 175, .12) 12px
  );
  border: 1px dashed #ccd3dd;
  border-radius: 4px;
  min-height: 8px;
}

@media (max-width: 720px) {
  .cms-columns,
  .cms-columns[data-columns="3"],
  .cms-columns[data-columns="4"] {
    grid-template-columns: 1fr;
  }
}