.cent-inspiration,.cent-inspiration *{box-sizing:border-box}.cent-inspiration{max-width:1104px;margin:0 auto;padding:0;font-family:Montserrat,Arial,sans-serif;color:#eee}.ci-intro{max-width:800px;margin:auto}.ci-intro h2{font-size:24px;font-weight:500;margin:0 0 18px}.ci-intro p{font-size:14px;line-height:1.9;color:#aaa;margin:0}.ci-intro strong{font-weight:500;color:#eee}.ci-gallery{width:min(800px,100%);margin:15px auto 0}.ci-canvas{width:100%;aspect-ratio:4/3;position:relative;container-type:inline-size}.ci-contour{position:absolute;left:33.75%;top:11.67%;width:45%;height:60%;border:2px solid #434343}.ci-tiles{position:absolute;inset:0}.ci-tile{position:absolute;width:10%;aspect-ratio:1;border:1px solid #555;background:#121212;padding:5px;cursor:pointer;transform:translate(-50%,-50%);transition:border-color .3s,box-shadow .3s}.ci-tile:nth-child(1){left:40%;top:11.67%}.ci-tile:nth-child(2){left:55%;top:11.67%}.ci-tile:nth-child(3){left:70%;top:11.67%}.ci-tile:nth-child(4){left:78.75%;top:32%}.ci-tile:nth-child(5){left:78.75%;top:54%}.ci-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) brightness(.65);transition:filter .4s}.ci-tile:hover,.ci-tile[aria-selected=true]{border-color:white;box-shadow:0 0 0 3px #090909}.ci-tile:hover img,.ci-tile[aria-selected=true] img{filter:none}.ci-tile .ci-n{position:absolute;bottom:-23px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.12em;color:#8a8a8a}.ci-tile[aria-selected=true] .ci-n{color:#eee}.ci-hero{position:absolute;left:7.5%;top:41.67%;width:42.5%;height:50%;margin:0;background:#111;box-shadow:0 0 0 10px #090909;overflow:hidden}.ci-hero img{display:block;width:100%;height:100%;object-fit:cover;animation:ci-reveal .55s ease}.ci-hero:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff1c}.ci-copy{position:absolute;left:55%;top:74%;width:40%;animation:ci-reveal .55s ease}.ci-chapter{font-size:clamp(12px,2.1cqw,17px);font-weight:500;letter-spacing:.07em;margin:0 0 12px}.ci-chapter .ci-num{font-size:.7em;color:#888;margin-right:10px}.ci-copy h2{font-size:clamp(12px,1.8cqw,15px);font-weight:400;color:#bbb;margin:0 0 10px;line-height:1.5}.ci-copy p{font-size:clamp(11px,1.55cqw,13px);line-height:1.85;color:#8f8f8f;margin:0}.ci-cta{text-align:center;margin:24px 0 0;min-height:52px}.ci-discover{position:relative;display:inline-block;font-size:18px;font-weight:500;color:#fff;text-decoration:none;padding:0 0 15px}.ci-discover:after{content:'→';display:inline-block;margin-left:16px;transition:transform .3s}.ci-discover:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .5s}.ci-discover:hover:before,.ci-discover:focus-visible:before{transform:scaleX(1)}.ci-discover:hover:after{transform:translateX(5px)}.ci-pulse{animation:ci-pulse 1.2s ease 1}@keyframes ci-pulse{0%,100%{transform:scale(1);text-shadow:none}40%{transform:scale(1.055);text-shadow:0 0 16px #ffffffb0}}@keyframes ci-reveal{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.cent-inspiration button:focus-visible,.cent-inspiration a:focus-visible{outline:1px solid white;outline-offset:6px}.ci-footer{margin:85px auto 0;max-width:800px;border-top:1px solid #292929;padding-top:24px;display:flex;justify-content:center;gap:27px;flex-wrap:wrap}.ci-footer a{font-size:11px;color:#aaa;text-decoration:none}.ci-footer a:hover{color:#fff}@media(max-width:580px){.cent-inspiration{padding:0}.ci-intro h2{font-size:21px}.ci-intro p{font-size:13px}.ci-gallery{margin-top:25px}.ci-canvas{aspect-ratio:4/4.8}.ci-contour{left:26%;top:8%;width:58%;height:46%}.ci-tile{width:15%}.ci-tile:nth-child(1){left:32%;top:8%}.ci-tile:nth-child(2){left:53%;top:8%}.ci-tile:nth-child(3){left:74%;top:8%}.ci-tile:nth-child(4){left:84%;top:26%}.ci-tile:nth-child(5){left:84%;top:44%}.ci-tile .ci-n{bottom:-18px;font-size:9px}.ci-hero{left:3%;top:31%;width:62%;height:43%;box-shadow:0 0 0 6px #090909}.ci-copy{left:3%;top:80%;width:94%}.ci-chapter{font-size:16px;margin-bottom:8px}.ci-copy h2{font-size:13px;margin-bottom:6px}.ci-copy p{font-size:12px;line-height:1.7}.ci-cta{margin-top:25px}.ci-discover{font-size:16px}.ci-footer{gap:18px;margin-top:55px}}@media(prefers-reduced-motion:reduce){.cent-inspiration *,.cent-inspiration *:before,.cent-inspiration *:after{animation:none!important;transition:none!important}}
.cent-inspiration .ci-gallery{width:min(var(--ci-width,800px),100%)}
.cent-inspiration .ci-intro{max-width:1104px;margin:0 auto}.cent-inspiration .ci-intro h2{font-size:24px;line-height:1.5;font-weight:500}.cent-inspiration .ci-intro p{font-size:15px;line-height:1.85}
.ci-backlink{display:block;width:100%;text-align:center!important;margin:28px auto 40px;clear:both}.ci-backlink a{color:#aaa!important;font-family:Montserrat,Arial,sans-serif;font-size:14px;text-decoration:none!important}.ci-backlink a:hover{color:white!important}
.cent-inspiration[dir=rtl]{font-family:Tahoma,Arial,sans-serif}.cent-inspiration[dir=rtl] .ci-tiles,.cent-inspiration[dir=rtl] .ci-canvas{direction:ltr}.cent-inspiration[dir=rtl] .ci-copy{direction:rtl;text-align:right}.cent-inspiration[dir=rtl] .ci-discover:after{content:'←';margin-left:0;margin-right:16px}.cent-inspiration[dir=rtl] .ci-discover:before{transform-origin:right}.cent-inspiration[dir=rtl] .ci-discover:hover:after{transform:translateX(-5px)}.cent-inspiration[dir=rtl] .ci-copy p{font-size:15px;line-height:1.8}

.news-container>section:has(>.tpl-t1)+section:has(>.cent-inspiration),.news-container>section:has(>.tpl-t13)+section:has(>.cent-inspiration){padding-top:0!important;margin-top:0!important;display:flow-root}
.news-container>section:has(>.tpl-t1)+section>.cent-inspiration,.news-container>section:has(>.tpl-t13)+section>.cent-inspiration{margin-top:0!important;padding-top:0!important}
.cent-inspiration[dir=rtl] .ci-chapter{letter-spacing:0;font-family:Tahoma,Arial,sans-serif}.cent-inspiration[dir=rtl] .ci-copy h2{font-family:Tahoma,Arial,sans-serif;font-size:17px}

.ci-stage{position:absolute;inset:0}
@media(max-width:580px){.cent-inspiration .ci-canvas{aspect-ratio:auto}.ci-stage{position:relative;inset:auto;aspect-ratio:4/3.7;width:100%}.cent-inspiration .ci-copy{position:relative;left:auto;top:auto;width:94%;margin:0 3%;padding-top:12px}.cent-inspiration .ci-hero{height:56%}.cent-inspiration .ci-contour{height:58%}.cent-inspiration .ci-cta{margin-top:28px}.cent-inspiration[dir=rtl] .ci-copy p{font-size:16px}}

/* T36 v2: transparent, ordinary content flow instead of the global sticky header. */
.cent-inspiration,.cent-inspiration .ci-intro{background:transparent!important;box-shadow:none!important}
.cent-inspiration .ci-intro{position:static!important;inset:auto!important;z-index:auto!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;border:0!important;transform:none!important}
/* A direct T1 transition uses 40/20px. A T13 retains its configured spacing. */
.news-container>section:has(>.tpl-t1)+section:has(>.cent-inspiration){padding-top:40px!important;margin-top:0!important}
@media(max-width:760px){.news-container>section:has(>.tpl-t1)+section:has(>.cent-inspiration){padding-top:20px!important}}
@media(min-width:581px){
 .cent-inspiration .ci-canvas{aspect-ratio:25/14;min-height:480px}
 .cent-inspiration .ci-contour{left:27%;top:13%;width:64%;height:54%}
 .cent-inspiration .ci-tile{width:8%}
 .cent-inspiration .ci-tile:nth-child(1){left:34%;top:13%}
 .cent-inspiration .ci-tile:nth-child(2){left:55%;top:13%}
 .cent-inspiration .ci-tile:nth-child(3){left:76%;top:13%}
 .cent-inspiration .ci-tile:nth-child(4){left:91%;top:36%}
 .cent-inspiration .ci-tile:nth-child(5){left:91%;top:59%}
 .cent-inspiration .ci-hero{left:5%;top:40%;width:40%;height:54%}
 .cent-inspiration .ci-copy{left:49%;top:73%;width:42%}
}

/* T36 v3: align intro with the page content; use the approved T1/T13 spacing rule. */
.news-container>section>.cent-inspiration{width:100%;max-width:none;margin-inline:0}
.cent-inspiration .ci-intro{width:100%;max-width:none;margin-inline:0;text-align:start}
.news-container>section:has(>.tpl-t1)+section:has(>.cent-inspiration),.news-container>section:has(>.tpl-t13)+section:has(>.cent-inspiration){padding-top:0!important;margin-top:0!important;display:flow-root}
.news-container>section:has(>.tpl-t1)+section>.cent-inspiration,.news-container>section:has(>.tpl-t13)+section>.cent-inspiration{margin-top:0!important;padding-top:0!important}
@media(min-width:581px){.cent-inspiration .ci-tile:nth-child(4){top:31%}.cent-inspiration .ci-tile:nth-child(5){top:49%}}

/* v4: dimensions measured against the live Technik intro. */
.news-container>section>.cent-inspiration{width:min(1200px,92vw)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
.cent-inspiration .ci-intro{width:100%;max-width:1100px;margin-left:0;margin-right:0}
.news-container>section:has(>.tpl-t1)+section:has(>.cent-inspiration){padding-top:20px!important;margin-top:0!important}
@media(min-width:581px){.cent-inspiration .ci-tile:nth-child(4){top:28%}.cent-inspiration .ci-tile:nth-child(5){top:52%}}

/* Numbers beside the two right-hand tiles, including mobile. */
.cent-inspiration .ci-tile:nth-child(n+4) .ci-n{left:calc(100% + 12px);right:auto;top:50%;bottom:auto;transform:translateY(-50%);width:max-content;text-align:left}
.cent-inspiration .ci-discover::after{margin:0}
.cent-inspiration[dir=rtl] .ci-discover::after{margin:0}

/* Scope only automatically detected Inspiration chapter boundaries. */
.news-container>.ci-boundary-end{margin-bottom:0!important;padding-bottom:0!important;display:flow-root}
.news-container>.ci-boundary-end>.tpl-t15>.inner{padding-bottom:0!important;margin-bottom:0!important}
.news-container>.ci-boundary-end>.t17,.news-container>.ci-boundary-end>.t17>.t17__frame,.news-container>.ci-boundary-end>.cent-poi{margin-bottom:0!important;padding-bottom:0!important}
.news-container>.ci-boundary-end>.tpl-t15>.inner>:last-child,.news-container>.ci-boundary-end>.tpl-t15>.inner>.content>:last-child{margin-bottom:0!important}
.news-container>.ci-boundary-spacer{display:none!important}
.news-container>.ci-boundary-back{margin:0 auto!important;padding:28px 0 32px!important;line-height:22px!important;display:block;clear:both}
.news-container>.ci-boundary-separator{margin:0!important;padding:0 0 40px!important;display:flow-root}
.news-container>.ci-boundary-separator>.t17,.news-container>.ci-boundary-separator>.t17>.t17__frame{margin:0 auto!important;padding:0!important}
@media(max-width:760px){.news-container>.ci-boundary-back{padding:20px 0 24px!important}.news-container>.ci-boundary-separator{padding-bottom:28px!important}}

/* Mobile composition: five choices above the image, all content in normal flow. */
@media(max-width:580px){
 .cent-inspiration .ci-gallery{width:100%;margin-top:38px}
 .cent-inspiration .ci-canvas{aspect-ratio:auto;min-height:0;height:auto}
 .cent-inspiration .ci-stage{position:relative;inset:auto;aspect-ratio:auto;display:flex;flex-direction:column;gap:28px;width:100%;padding:0 10px}
 .cent-inspiration .ci-tiles{position:relative;inset:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;direction:ltr;z-index:2}
 .cent-inspiration .ci-tiles .ci-tile{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-width:0;min-height:0;aspect-ratio:1;transform:none!important;margin:0!important;padding:3px;box-shadow:none}
 .cent-inspiration .ci-tiles .ci-tile>span:first-child{position:absolute;inset:3px;width:auto!important;height:auto!important}
 .cent-inspiration .ci-tiles .ci-tile .ci-n{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:calc(100% + 8px)!important;width:100%!important;transform:none!important;text-align:center!important;font-size:10px;line-height:1.2}
 .cent-inspiration .ci-contour{position:absolute;left:0;right:0;top:24px;bottom:22%;width:auto;height:auto;z-index:0}
 .cent-inspiration .ci-hero{position:relative;inset:auto;left:auto;top:auto;width:100%;height:auto!important;aspect-ratio:16/10;margin:0;box-shadow:0 0 0 6px #090909;z-index:1}
 .cent-inspiration .ci-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .cent-inspiration .ci-copy{position:relative;inset:auto;left:auto;top:auto;width:100%;height:auto;margin:28px 0 0;padding:0}
 .cent-inspiration .ci-chapter{font-size:17px;line-height:1.5;margin-bottom:10px}
 .cent-inspiration .ci-copy h2{font-size:14px;line-height:1.7;margin-bottom:8px}
 .cent-inspiration .ci-copy p{font-size:14px;line-height:1.8}
 .cent-inspiration .ci-cta{margin-top:28px;min-height:48px;padding-bottom:12px}
}

[data-inspiration-editor] .cent-inspiration{container:ci-preview / inline-size}
@container ci-preview (max-width:580px){
 .cent-inspiration .ci-gallery{width:100%;margin-top:38px}
 .cent-inspiration .ci-canvas{aspect-ratio:auto;min-height:0;height:auto}
 .cent-inspiration .ci-stage{position:relative;inset:auto;aspect-ratio:auto;display:flex;flex-direction:column;gap:28px;width:100%;padding:0 10px}
 .cent-inspiration .ci-tiles{position:relative;inset:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;direction:ltr;z-index:2}
 .cent-inspiration .ci-tiles .ci-tile{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-width:0;min-height:0;aspect-ratio:1;transform:none!important;margin:0!important;padding:3px;box-shadow:none}
 .cent-inspiration .ci-tiles .ci-tile>span:first-child{position:absolute;inset:3px;width:auto!important;height:auto!important}
 .cent-inspiration .ci-tiles .ci-tile .ci-n{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:calc(100% + 8px)!important;width:100%!important;transform:none!important;text-align:center!important;font-size:10px;line-height:1.2}
 .cent-inspiration .ci-contour{position:absolute;left:0;right:0;top:24px;bottom:22%;width:auto;height:auto;z-index:0}
 .cent-inspiration .ci-hero{position:relative;inset:auto;left:auto;top:auto;width:100%;height:auto!important;aspect-ratio:16/10;margin:0;box-shadow:0 0 0 6px #090909;z-index:1}
 .cent-inspiration .ci-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .cent-inspiration .ci-copy{position:relative;inset:auto;left:auto;top:auto;width:100%;height:auto;margin:28px 0 0;padding:0}
 .cent-inspiration .ci-chapter{font-size:17px;line-height:1.5;margin-bottom:10px}
 .cent-inspiration .ci-copy h2{font-size:14px;line-height:1.7;margin-bottom:8px}
 .cent-inspiration .ci-copy p{font-size:14px;line-height:1.8}
 .cent-inspiration .ci-cta{margin-top:28px;min-height:48px;padding-bottom:12px}
}

/* One rendering rule in the admin preview and public page, including Safari.
   Keep user transforms separate from the chapter-entry animation. */
.cent-inspiration .ci-hero>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:var(--ci-hero-fit,cover)!important;object-position:var(--ci-hero-position,50% 50%)!important;transform:var(--ci-hero-transform,none)!important;transform-origin:50% 50%!important;animation:none!important}