/* Identische Layoutregeln in Blog-Vorschau und veröffentlichtem Artikel. */
.ccns-body .ccbs-block{margin:0 0 28px;min-width:0}
.ccns-body .ccbs-block--heading{font-size:clamp(23px,3vw,29px);line-height:1.25;margin:34px 0 15px;color:#12384f}
.ccns-body .ccbs-block--text{white-space:pre-line;line-height:1.85}
.ccns-body .ccbs-block--split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(18px,3vw,32px);align-items:center}
.ccns-body .ccbs-block--split.ccbs-block--image-left{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__media{grid-column:1;grid-row:1}
.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__copy{grid-column:2;grid-row:1}
.ccns-body .ccbs-block__copy{white-space:pre-line;line-height:1.8;min-width:0}
.ccns-body .ccbs-block__media{margin:0;min-width:0}
.ccns-body .ccbs-block__media img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:16px;background:#f2f5f7}
.ccns-body .ccbs-block--image .ccbs-block__media img{width:100%;max-height:720px}
.ccns-body .ccbs-block__media figcaption{font-size:13px;line-height:1.5;color:#62778a;text-align:center;padding:9px 4px 0}
.ccns-body .ccbs-block--button{margin:30px 0}
@media(max-width:680px){.ccns-body .ccbs-block--split,.ccns-body .ccbs-block--split.ccbs-block--image-left{grid-template-columns:1fr}.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__media,.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__copy{grid-column:auto;grid-row:auto}.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__copy{grid-row:1}.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__media{grid-row:2}}

/* Shared by both editor previews and published Blog/News articles. */
.ccns-body{container-type:inline-size}
.ccns-body .ccbs-block--info{background:#eef4f7;border-left:4px solid #b28b32;border-radius:13px;padding:22px 25px;line-height:1.7}
.ccns-body .ccbs-block--info strong{display:block;color:#153c56;font-size:19px;margin-bottom:7px}
.ccns-body .ccbs-block--info div{white-space:pre-line}
.ccns-body .ccbs-block--highlight{border-left:4px solid #d1ab48;margin:30px 0;padding:16px 24px;background:#f8f7f2;color:#17384f;font-size:clamp(19px,2.5vw,24px);line-height:1.5;font-weight:650;white-space:pre-line;border-radius:0 12px 12px 0}
.ccns-body .ccbs-block--faq{border-top:1px solid #dbe5ec}
.ccns-body .ccbs-block--faq details{border-bottom:1px solid #dbe5ec;padding:13px 4px}
.ccns-body .ccbs-block--faq summary{cursor:pointer;color:#173e59;font-weight:700;list-style-position:outside;padding:7px 2px}
.ccns-body .ccbs-block--faq details div{padding:7px 2px 12px;line-height:1.75;white-space:pre-line}
.ccns-body .ccbs-block--two-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,22px);align-items:start}
.ccns-body .ccbs-block--two-images .ccbs-block__media img{width:100%}
@container(max-width:680px){.ccns-body .ccbs-block--split,.ccns-body .ccbs-block--split.ccbs-block--image-left{grid-template-columns:1fr}.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__media,.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__copy{grid-column:auto;grid-row:auto}.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__copy{grid-row:1}.ccns-body .ccbs-block--split.ccbs-block--image-left .ccbs-block__media{grid-row:2}.ccns-body .ccbs-block--two-images{grid-template-columns:1fr}}
@media(max-width:680px){.ccns-body .ccbs-block--two-images{grid-template-columns:1fr}.ccns-body .ccbs-block--info{padding:18px 20px}}

/* Cabin-type guide: editor-native info and text blocks stay equal on desktop. */
.cc-blog-kabinenarten .ccns-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;align-items:stretch}
.cc-blog-kabinenarten .ccns-body>:nth-child(n+4){grid-column:1/-1}
.cc-blog-kabinenarten .ccns-body>.ccbs-block--info:nth-child(-n+3){border:1px solid #d5e3eb;border-top:4px solid #d2ad47;background:#f5f9fb;padding:18px;line-height:1.55}
.cc-blog-kabinenarten .ccns-body>.ccbs-block--info:nth-child(-n+3) strong{font-size:18px;line-height:1.35}
.cc-blog-kabinenarten .ccns-body>.ccbs-block--text:nth-child(n+43):nth-child(-n+45){grid-column:auto;border:1px solid #d5e3eb;border-radius:15px;background:#f5f9fb;padding:18px;line-height:1.55;display:flex;flex-direction:column;white-space:pre-line}
.cc-blog-kabinenarten .ccns-body>.ccbs-block--text:nth-child(n+43):nth-child(-n+45)>strong{font-size:19px;color:#113b56}
.cc-blog-kabinenarten .ccns-body>.ccbs-block--text:nth-child(n+43):nth-child(-n+45)>a{margin-top:auto;padding-top:14px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
  .cc-blog-kabinenarten .ccns-body{grid-template-columns:1fr}
  .cc-blog-kabinenarten .ccns-body>.ccbs-block--text:nth-child(n+43):nth-child(-n+45){grid-column:1}
  .cc-blog-kabinenarten .ccbs-table-scroll{overflow:visible;border:0}
  .cc-blog-kabinenarten .ccbs-table-scroll table,.cc-blog-kabinenarten .ccbs-table-scroll tbody,.cc-blog-kabinenarten .ccbs-table-scroll tr{display:block;width:100%;min-width:0}
  .cc-blog-kabinenarten .ccbs-table-scroll thead{display:none}
  .cc-blog-kabinenarten .ccbs-table-scroll tr{border:1px solid #d8e6ed;border-radius:12px;margin-bottom:10px;overflow:hidden}
  .cc-blog-kabinenarten .ccbs-table-scroll tbody th{display:block;background:#eaf3f6;font-size:16px}
  .cc-blog-kabinenarten .ccbs-table-scroll td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;border-bottom:1px solid #e1e9ef}
  .cc-blog-kabinenarten .ccbs-table-scroll td:nth-of-type(1)::before{content:'Innen';font-weight:700}
  .cc-blog-kabinenarten .ccbs-table-scroll td:nth-of-type(2)::before{content:'Außen';font-weight:700}
  .cc-blog-kabinenarten .ccbs-table-scroll td:nth-of-type(3)::before{content:'Balkon';font-weight:700}
}


/* Family guide: balanced decision cards, editorial photo pairs and finder cards. */
.cc-blog-familien .ccns-body{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:18px;align-items:stretch}
.cc-blog-familien .ccns-body>*{grid-column:1/-1;min-width:0}
.cc-blog-familien .ccns-body>.ccbs-block--info:nth-child(-n+3){grid-column:span 2;border:1px solid #d5e3eb;border-top:4px solid #d2ad47;background:#f5f9fb;padding:18px;line-height:1.55}
.cc-blog-familien .ccns-body>.ccbs-block--info:nth-child(-n+3) strong{font-size:18px;line-height:1.35}
.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(25),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(26),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(31),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(32),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(37),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(38){grid-column:span 3;margin:0 0 26px}
.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(25) img,.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(26) img,.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(31) img,.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(32) img,.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(37) img,.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(38) img{height:260px;max-height:none;object-fit:cover}
.cc-blog-familien .ccns-body>.ccbs-block--image .ccbs-block__media figcaption{text-align:left;padding:10px 4px 0}
.cc-blog-familien .ccns-body>.ccbs-block--text:nth-child(n+49):nth-child(-n+51){grid-column:span 2;border:1px solid #d5e3eb;border-radius:15px;background:#f5f9fb;padding:18px;line-height:1.55;display:flex;flex-direction:column;white-space:pre-line}
.cc-blog-familien .ccns-body>.ccbs-block--text:nth-child(n+49):nth-child(-n+51)>strong{font-size:19px;color:#113b56}
.cc-blog-familien .ccns-body>.ccbs-block--text:nth-child(n+49):nth-child(-n+51)>a{margin-top:auto;padding-top:14px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
  .cc-blog-familien .ccns-body{grid-template-columns:1fr}
  .cc-blog-familien .ccns-body>*{grid-column:1!important}
  .cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(25),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(26),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(31),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(32),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(37),.cc-blog-familien .ccns-body>.ccbs-block--image:nth-child(38){margin:0 0 22px}
  .cc-blog-familien .ccns-body>.ccbs-block--image img{height:220px!important;max-height:none;object-fit:cover}
  .cc-blog-familien .ccbs-table-scroll{overflow:visible;border:0}
  .cc-blog-familien .ccbs-table-scroll table,.cc-blog-familien .ccbs-table-scroll tbody,.cc-blog-familien .ccbs-table-scroll tr{display:block;width:100%;min-width:0}
  .cc-blog-familien .ccbs-table-scroll thead{display:none}
  .cc-blog-familien .ccbs-table-scroll tr{border:1px solid #d8e6ed;border-radius:12px;margin-bottom:10px;overflow:hidden}
  .cc-blog-familien .ccbs-table-scroll tbody th{display:block;background:#eaf3f6;font-size:16px}
  .cc-blog-familien .ccbs-table-scroll td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;border-bottom:1px solid #e1e9ef}
  .cc-blog-familien .ccbs-table-scroll td:nth-of-type(1)::before{content:'AIDA';font-weight:700}
  .cc-blog-familien .ccbs-table-scroll td:nth-of-type(2)::before{content:'MSC';font-weight:700}
  .cc-blog-familien .ccbs-table-scroll td:nth-of-type(3)::before{content:'Mein Schiff';font-weight:700}
}