/* assets/hero-fullscreen.css */
/* Eingangsbild über die volle Fensterbreite und -höhe, auch über der Seitenleiste.
   Die Sektion liegt dafür ausserhalb von .site-layout, direkt unter dem Header. */
.home .photo-hero{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  aspect-ratio:auto;
  height:calc(100vh - 70px);
  height:calc(100svh - 70px);
  min-height:520px;
}
.home .photo-hero img{object-position:center 32%}
/* Bei voller Höhe darf der Verlauf das Bild nicht mehr fast ganz zudecken. */
.home .photo-hero::after{
  background:linear-gradient(0deg,
    rgba(10,10,11,.98) 0%,
    rgba(10,10,11,.70) 26%,
    rgba(10,10,11,.14) 58%,
    rgba(10,10,11,0) 84%) !important;
}
.home .hero-content{
  max-width:1700px;
  margin:0 auto;
  padding:0 3.5% 56px;
}
.home .hero-content h1{font-size:clamp(36px,4.6vw,68px);max-width:24ch;text-transform:none;margin-bottom:38px}
.home .hero-content .hero-text-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  width:min(1100px,100%);
  margin:0 auto;
  padding-top:0;
  text-align:center;
}
.home .hero-content .hero-promise{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  column-gap:.45em;
  max-width:none;
  margin:0 auto;
  color:#f4f3ef;
  font-size:clamp(18px,1.55vw,23px);
  font-weight:600;
  line-height:1.45;
  text-align:center;
}
.home .hero-content .hero-detail{
  max-width:780px;
  margin:0 auto;
  color:#d8d7d3;
  font-size:clamp(15px,1.16vw,18px);
  line-height:1.55;
  text-align:center;
}
@media(max-width:800px){
  .home .photo-hero{
    height:calc(100vh - 62px);
    height:calc(100svh - 62px);
    min-height:460px;
  }
  .home .hero-content{padding:0 24px 36px}
  .home .hero-content .hero-text-grid{gap:16px;max-width:650px;padding-top:0}
  .home .hero-content .hero-promise,.home .hero-content .hero-detail{text-align:center}
  .home .hero-content .hero-promise{white-space:normal}
}

@media(max-width:600px){
  .home .photo-hero{min-height:calc(100svh - 62px);height:auto;padding-top:0}
  .home .photo-hero img{object-position:center 27%}
  .home .hero-content{padding:54vh 20px 28px}
  .home .hero-content h1{font-size:clamp(32px,9.5vw,44px);line-height:1.05;max-width:14ch;margin-bottom:22px}
  .home .hero-content p{font-size:15px;line-height:1.5;margin-bottom:18px}
  .home .hero-content .hero-promise{font-size:18px;margin-bottom:12px}
  .home .hero-content .hero-detail{font-size:15px;margin-bottom:0}
  .home .bar-inline-2{align-items:stretch;gap:14px;margin-top:14px}
  .home .bar-inline-2 .nl-form{width:100%}
  .home .bar-inline-2 .nl-form input{width:auto;flex:1;min-width:0}
  .home .bar-inline-2 .nl-form button.submit{width:58px;flex:0 0 58px}
  .home .bar-label{margin-top:0;font-size:10px}
}


@media(max-width:600px){
  .home .photo-hero{display:block;min-height:0;height:auto;padding:0;background:#0a0a0a;overflow:hidden}
  .home .photo-hero picture{display:block;position:relative;width:100%;aspect-ratio:2.04/1;overflow:hidden}
  .home .photo-hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(100%)}
  .home .photo-hero::after{display:none}
  .home .hero-content{position:relative;padding:30px 20px 34px;background:#0a0a0a}
}

/* assets/home-centered-closing.css */
/* Centered homepage and three closing-section studies. */
.home .hero-content{text-align:center;width:100%;left:0;right:0}
.home .hero-content h1,.home .hero-content p{margin-left:auto;margin-right:auto}
.home .hero-content p{max-width:900px}
.home .hero-content .eyebrow{justify-content:center}
.home .bar-inline-2{justify-content:center}
.home .bar-inline-2>div{width:min(440px,100%)}
.home .bar-inline-2 .nl-form{width:100%;margin:auto}
.home .bar-inline-2 .nl-form input{flex:1;min-width:0;width:auto}
.home .bar-label{display:block;text-align:center}
.home #gedanke .home-type-inner{align-items:center;text-align:center}
.home #gedanke .home-type-copy h2,.home #gedanke .home-type-copy p{margin-inline:auto}
.home .home-type-question{width:100%;grid-template-columns:1fr;justify-items:center}
.home .home-type-question .hm-questions{margin-inline:auto;text-align:center}
.home .home-type-question .hm-work-link{justify-content:center;margin-inline:auto}
.home .format-module .header{margin-inline:auto;text-align:center}
.home .format-module .home-section-label{justify-content:center}
.home .format-module.lens-mode .tile{text-align:center}
.home .format-module.lens-mode .icon-wrap{margin-inline:auto}
.home .format-module.lens-mode .tile:not(:last-child)::before{left:calc(50% + 60px);width:calc(100% - 80px)}
.home .format-module.lens-mode .bottom{padding-right:0;padding-bottom:44px}
.home .format-module.lens-mode .bottom::after{right:calc(50% - 13.5px);top:auto;bottom:0}
.home .global-footer{text-align:center}
.home .global-footer .brand{display:inline-block}

.lab-closing{--closing-blue:#8fbeff;--closing-red:#ed675a;position:relative;isolation:isolate;background:#0b0c0e;color:#f2f1ed;text-align:center;padding:100px 24px 110px;border-top:1px solid #282b30;scroll-margin-top:100px}
.lab-closing-inner{position:relative;width:min(1120px,100%);margin:auto}
.lab-closing .lab-mark{display:flex;justify-content:center;align-items:center;gap:24px;margin:0 auto 48px;font:500 clamp(13px,1.2vw,17px)/1.4 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase}
.lab-closing .hm-stroke-mark{display:block;position:relative;width:60px;height:60px;flex:0 0 60px}
.lab-closing .hm-stroke-mark em{position:absolute;left:50%;top:50%;display:block;width:82%;height:10px;border-radius:1px;background:var(--closing-red);transform-origin:center;transition:transform .55s cubic-bezier(.65,0,.2,1),height .3s ease,width .3s ease}
.lab-closing .hm-stroke-mark em:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.lab-closing .hm-stroke-mark em:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.lab-closing .hm-stroke-mark.is-plus em:first-child{transform:translate(-50%,-50%) rotate(0)}
.lab-closing .hm-stroke-mark.is-plus em:last-child{transform:translate(-50%,-50%) rotate(90deg)}
.lab-closing .hm-stroke-mark.is-turning em{animation:closing-stroke-weight .58s ease-in-out}
@keyframes closing-stroke-weight{0%,100%{height:10px;width:82%}50%{height:14px;width:94%}}
.lab-closing h2{font:600 clamp(40px,5.7vw,84px)/1.08 Sora,sans-serif;letter-spacing:-.055em;margin:0 auto 30px;max-width:19ch;text-wrap:balance}
.lab-closing h2 .blue{color:var(--closing-blue)}
.lab-closing .closing-description{max-width:760px;margin:0 auto;color:#aeb4bd;font:400 clamp(17px,1.7vw,23px)/1.6 Inter,sans-serif;text-wrap:balance}
.closing-actions{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap;margin-top:50px}
.closing-actions a{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:17px 0;min-height:56px;color:#bfc5cd;font:500 16px/1.4 Sora,sans-serif;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#626770;transition:color .2s,background .2s,border-color .2s}
.closing-actions .primary{padding:18px 28px;background:var(--closing-blue);border:1px solid var(--closing-blue);border-radius:4px;color:#0b0c0e;text-decoration:none}
.closing-actions a:hover{color:#fff;text-decoration-color:var(--closing-blue)}
.closing-actions .primary:hover{background:#b7d5ff;color:#0b0c0e}
.closing-actions a:focus-visible{outline:2px solid var(--closing-blue);outline-offset:7px}
.closing-actions .btn-arrow{position:relative;width:23px;height:12px;flex:0 0 23px;display:inline-block;background:transparent;margin-left:0}
.closing-actions .btn-arrow::before{content:'';position:absolute;left:0;top:5px;width:22px;height:1px;background:currentColor}
.closing-actions .btn-arrow::after{content:'';position:absolute;right:1px;top:2px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.closing-grid::before{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(#000,transparent 95%)}
.closing-editorial{background:#0a0a0b;padding-top:120px;padding-bottom:120px}
.closing-editorial h2{font-family:Sora,Arial,sans-serif;font-weight:600;letter-spacing:-.055em;font-size:clamp(44px,6vw,86px)}
.closing-editorial #closing-title-1{font-family:Sora,Arial,sans-serif!important}
.lab-closing:is(#anfrage,#v1,#v2,#v3) .closing-actions a,.lab-closing:is(#anfrage,#v1,#v2,#v3) .closing-actions strong{font-family:Sora,Arial,sans-serif!important}
.closing-editorial .lab-mark{margin-bottom:62px}
.closing-editorial #closing-title-1{max-width:none;margin-bottom:28px;font-size:clamp(40px,5.6vw,80px);font-weight:700;line-height:1.13}
.closing-editorial .closing-result{max-width:760px;margin:0 auto;color:#d1d5db;font:500 clamp(19px,1.9vw,27px)/1.5 Inter,sans-serif;text-wrap:balance}
.closing-editorial .closing-result .blue{color:var(--closing-blue)}
.closing-editorial .closing-actions{border-top:1px solid #30333a;border-bottom:1px solid #30333a;padding:18px 0;gap:0;margin-top:65px}
.closing-editorial .closing-actions a{width:33.333%;min-height:60px;border:0;border-radius:0;background:transparent;color:#dfe5ed;text-decoration:none;padding:16px}
.closing-editorial .closing-actions a+a{border-left:1px solid #30333a}
.closing-editorial .closing-actions .primary{color:var(--closing-blue)}
.closing-editorial .closing-actions a:hover{background:#8fbeff0d;color:var(--closing-blue)}
.closing-paths{background:radial-gradient(ellipse at 50% 10%,#142132,#0b0c0e 65%)}
.closing-paths .closing-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:56px}
.closing-paths .closing-actions a{display:flex;flex-direction:column;min-height:210px;border:1px solid #3d4754;border-radius:4px;text-decoration:none;padding:28px 18px;background:#0c1017;color:#f2f1ed;gap:12px}
.closing-paths .closing-actions .primary{border-color:var(--closing-blue);background:#142339;color:#f2f1ed}
.closing-paths .closing-actions small{color:var(--closing-blue);font:11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.closing-paths .closing-actions strong{font:500 18px/1.4 Sora,sans-serif}
.closing-paths .closing-actions .action-note{color:#959fab;font:14px/1.5 Inter,sans-serif}
.closing-paths .closing-actions a:hover{background:#1c2e44;border-color:var(--closing-blue)}
.design-choices{padding:24px;text-align:center;background:#13171e;color:#cdd4de;font:13px Inter,sans-serif;border-bottom:1px solid #303744}
.design-choices nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:15px}
.design-choices a{color:#8fbeff;padding:8px;text-underline-offset:4px}
.design-choices a[aria-current=page]{color:#fff}
.closing-comparison{margin:0;background:#0b0c0e;font-family:Inter,sans-serif}
.closing-comparison .sample-heading{padding:28px 24px;text-align:center;border-top:1px solid #303744;color:#aeb4bd;font:12px 'IBM Plex Mono',monospace;letter-spacing:.08em}
.sample-heading a{display:inline-block;margin-left:20px;color:#8fbeff}
@media(max-width:760px){.lab-closing{padding:64px 22px 70px}.lab-closing .lab-mark{gap:16px;margin-bottom:36px;font-size:12px}.lab-closing .hm-stroke-mark{width:48px;height:48px;flex-basis:48px}.lab-closing h2{font-size:clamp(34px,9vw,55px)}.lab-closing .closing-description{font-size:17px}.closing-actions{flex-direction:column;gap:12px;margin-top:32px}.closing-actions .primary{width:min(340px,100%)}.closing-editorial .closing-actions{flex-direction:column;margin-top:38px}.closing-editorial .closing-actions a{width:100%}.closing-editorial .closing-actions a+a{border-left:0;border-top:1px solid #30333a}.closing-paths .closing-actions{grid-template-columns:1fr;margin-top:36px}.closing-paths .closing-actions a{min-height:170px}.home .bar-inline-2{align-items:center}.home .hero-content{padding-bottom:34px}.home .format-module.lens-mode .tile:not(:last-child)::before{display:none}.sample-heading a{display:block;margin:14px 0 0}}
@media(max-width:760px){.closing-editorial #closing-title-1{font-size:clamp(34px,7.5vw,54px);line-height:1.16;margin-bottom:26px}.closing-editorial .closing-result{font-size:18px}}
@media(prefers-reduced-motion:reduce){.lab-closing .hm-stroke-mark em{transition:none}.lab-closing .hm-stroke-mark.is-turning em{animation:none}html{scroll-behavior:auto}}

/* Newsletter follows the working-method link; keep its original input design. */
.home .home-impuls{width:min(527px,100%);margin:38px auto 0;scroll-margin-top:120px}
.home .home-impuls .bar-inline-2{margin:0;display:block}
.home .home-impuls .bar-inline-2>div{width:100%}
.home .home-impuls .nl-form{min-height:54px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.home .home-impuls .nl-form input{padding:16px 18px;font-size:14px;caret-color:#8fbeff}
.home .home-impuls .nl-form button.submit{flex:0 0 66px;display:grid;place-items:center;padding:0;background:#8fbeff;color:#0a0a0b}
.home .home-impuls .nl-form button.submit .btn-arrow{margin:0}
.home .home-impuls .bar-label{margin:16px 0 0;color:#c7c6c2;font-size:11px;letter-spacing:.06em}
.home .home-impuls .form-note{display:block;margin-top:12px;font-size:12px;line-height:1.5;color:#aeb4bd}
html body.home .home-impuls .nl-form input,html body.home .home-impuls .nl-form input::placeholder{font-family:'IBM Plex Mono',monospace!important}
.home .photo-hero .eyebrow{font-size:clamp(16px,1.6vw,22px);margin-bottom:24px;letter-spacing:.09em;color:#f2f1ed;text-transform:uppercase}
.home .photo-hero .eyebrow::before{background:currentColor}
.home .photo-hero .hero-content p{font-size:clamp(18px,1.65vw,24px);line-height:1.6;max-width:1000px}
@media(max-width:600px){.home .photo-hero .eyebrow{font-size:16px;margin-bottom:18px}.home .photo-hero .hero-content p{font-size:17px;line-height:1.6}.home .home-impuls{margin-top:28px}.home .home-impuls .nl-form input{font-size:13px;padding:14px}.home .home-impuls .nl-form button.submit{flex-basis:56px}}

/* assets/footer-identity.css */
/* Footer identity: muted dash divider, compact descriptor, responsive alignment. */
.global-footer{
  grid-template-columns:minmax(405px,1.65fr) minmax(130px,.7fr) minmax(165px,.9fr) minmax(125px,.6fr);
  gap:clamp(20px,2.5vw,34px);
}
.global-footer .footer-identity{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  min-width:0;
  align-self:start;
}
.global-footer .footer-identity .brand{
  flex:none;
  text-align:left;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.045em;
  white-space:nowrap;
}
.global-footer .footer-identity .brand small{
  margin-top:4px;
  font-size:14px;
  font-weight:400;
  letter-spacing:.12em;
}
.global-footer .footer-identity-rule{
  display:block!important;
  width:28px;
  height:1px;
  flex:none;
  margin:3px 0 2px;
  background:#777b80;
}
.global-footer .footer-identity p{
  margin:0;
  text-align:left;
  color:#b7b9ba;
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  line-height:1.35;
  letter-spacing:.12em;
  white-space:nowrap;
}
@media(max-width:1050px){
  .global-footer{grid-template-columns:repeat(2,minmax(0,1fr))}
  .global-footer .footer-identity{grid-column:1/-1}
}
@media(max-width:600px){
  .global-footer{grid-template-columns:1fr}
  .global-footer .footer-identity{grid-column:auto;align-items:center;gap:7px;text-align:center}
  .global-footer .footer-identity .brand{font-size:16px;text-align:center}
  .global-footer .footer-identity .brand small{font-size:11px}
  .global-footer .footer-identity-rule{width:24px;height:1px;align-self:center;margin:3px 0 2px}
  .global-footer .footer-identity p{font-size:11px;text-align:center}
}

/* assets/mxm-brand.css */
/* Selected logo 06/21, adapted for the site header and footer. */
.global-header .brand.mxm-brand,
.global-footer .footer-identity .brand.mxm-brand{
  --mxm-size:35px;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:0;
  width:max-content;
  max-width:100%;
  white-space:nowrap;
  line-height:1;
  letter-spacing:0;
  text-decoration:none;
  color:#f4f2ee;
}
.global-header .brand.mxm-brand::before,
.global-header .brand.mxm-brand::after{content:none;display:none}
.mxm-brand .mxm-word{
  display:inline-flex;
  align-items:center;
  gap:.035em;
  flex:none;
  font:800 var(--mxm-size)/1 Sora,Arial,sans-serif;
  letter-spacing:0;
}
.mxm-brand .mxm-m{
  display:inline-block;
  overflow:hidden;
  max-width:1.2em;
  opacity:1;
  transform:translateX(0) scale(1);
  transition:max-width .85s cubic-bezier(.65,0,.2,1),opacity .55s,transform .85s cubic-bezier(.65,0,.2,1);
}
.mxm-brand.is-folded .mxm-left{max-width:0;opacity:0;transform:translateX(.55em) scale(.2)}
.mxm-brand.is-folded .mxm-right{max-width:0;opacity:0;transform:translateX(-.55em) scale(.2)}
.mxm-brand .mxm-x{display:inline-block;position:relative;width:.86em;height:.86em;flex:none}
.mxm-brand .mxm-x::before,.mxm-brand .mxm-x::after{
  content:"";position:absolute;left:50%;top:50%;width:29%;height:100%;
  background:#ed675a;border-radius:1px;transform-origin:center;
  transition:transform .55s cubic-bezier(.65,0,.2,1),width .3s,height .3s;
}
.mxm-brand .mxm-x::before{transform:translate(-50%,-50%) rotate(45deg)}
.mxm-brand .mxm-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.mxm-brand .mxm-x.is-plus::before{transform:translate(-50%,-50%) rotate(0deg)}
.mxm-brand .mxm-x.is-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.mxm-brand .mxm-x.is-turning::before,.mxm-brand .mxm-x.is-turning::after{width:31.5%;height:123.5%}
.mxm-brand .mxm-identity{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:none}
.mxm-brand .mxm-identity strong{font:800 calc(var(--mxm-size) * .47)/1.03 Sora,Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase}
.mxm-brand .mxm-identity span{font:400 calc(var(--mxm-size) * .31)/1.1 Sora,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#aaa9a7}
.global-footer .footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.global-footer .footer-identity .brand.mxm-brand{--mxm-size:46px;gap:14px}
.global-footer .footer-identity .footer-identity-rule{display:none}
.global-footer .footer-identity p{font-size:15px;line-height:1.45;color:#aaa9a7}
@media(max-width:1050px){
  .global-header .brand.mxm-brand{--mxm-size:32px;gap:10px}
  .global-footer .footer-identity .brand.mxm-brand{--mxm-size:40px}
}
@media(max-width:600px){
  .global-header .brand.mxm-brand{--mxm-size:29px;gap:8px}
  .global-footer .footer-identity .brand.mxm-brand{--mxm-size:38px;gap:11px}
}
@media(max-width:380px){.global-header .brand.mxm-brand{--mxm-size:25px;gap:7px}}
@media(prefers-reduced-motion:reduce){.mxm-brand .mxm-x::before,.mxm-brand .mxm-x::after{transition:none}}

/* MXM LAB animated mark in the “Mehr sehen” section. */
#gedanke.home-type-section .hm-concept-label.mxm-brand{--mxm-size:clamp(34px,3.1vw,43px);gap:0;margin-bottom:clamp(38px,5vw,70px);color:#f4f2ee;text-transform:none;letter-spacing:0;font:800 var(--mxm-size)/1 Sora,Arial,sans-serif}
#gedanke.home-type-section .hm-concept-label.mxm-brand .mxm-word{display:inline-flex;align-items:center;gap:.035em;flex:none;font:800 var(--mxm-size)/1 Sora,Arial,sans-serif;letter-spacing:0}
#gedanke.home-type-section .hm-concept-label.mxm-brand .mxm-identity{display:inline-flex;align-items:center;margin-left:.24em;flex:none}
#gedanke.home-type-section .hm-concept-label.mxm-brand .mxm-identity strong{font:800 var(--mxm-size)/1 Sora,Arial,sans-serif;letter-spacing:-.085em;color:#f4f2ee;text-transform:uppercase}
@media(max-width:760px){#gedanke.home-type-section .hm-concept-label.mxm-brand{--mxm-size:clamp(30px,8vw,36px);margin-bottom:42px}}
/* Keep Strategy and Lab as one balanced wordmark. */
.global-header .mxm-identity strong{letter-spacing:-.035em;white-space:nowrap}
.global-header .mxm-identity strong .brand-word-gap{display:inline;margin-left:.24em;font:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit}

/* Align the footer divider with the left edge of its identity text. */
.global-footer .footer-identity .footer-identity-rule{display:block!important;align-self:flex-start;width:28px;height:1px;margin:3px 0 2px;background:#777b80}
@media(max-width:600px){
  .global-footer .footer-identity{align-items:flex-start!important;text-align:left!important}
  .global-footer .footer-identity .brand,.global-footer .footer-identity p{text-align:left!important}
  .global-footer .footer-identity .footer-identity-rule{align-self:flex-start!important}
}

/* Animated M×M LAB signature used in both footers. */
.footer-mxm-lab{
  --mxm-size:44px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  width:max-content;
  max-width:100%;
  padding:0;
  color:inherit;
  line-height:1;
  letter-spacing:0;
  text-decoration:none;
  white-space:nowrap
}
.footer-mxm-lab .mxm-identity{display:inline-flex;align-items:center}
.footer-mxm-lab .mxm-identity strong{
  font:800 var(--mxm-size)/1 Sora,Arial,sans-serif;
  letter-spacing:-.075em;
  color:inherit
}
.footer-mxm-lab .mxm-x{transition:transform .78s cubic-bezier(.65,0,.2,1)}
.footer-mxm-lab .mxm-x.is-spinning{transform:rotate(180deg)}
@media(max-width:600px){.footer-mxm-lab{--mxm-size:36px;gap:9px}}
/* Center the complete footer identity on every breakpoint. */
.global-footer .footer-identity{align-items:center!important;text-align:center!important;justify-self:stretch!important}
.global-footer .footer-identity .brand{align-self:center!important;text-align:center!important}
.global-footer .footer-identity .footer-identity-rule{align-self:center!important}
.global-footer .footer-identity p{text-align:center!important}

/* assets/lesezimmer-entry.css */
.global-header nav .reading-room-link{white-space:nowrap}.reading-room-preview{width:min(100%,1120px);margin:55px auto 0;border:1px solid #ffffff2a;display:grid;grid-template-columns:1.05fr .8fr;align-items:stretch;gap:0;background:#11171c}.reading-room-preview>a{display:block;min-width:0;background:#f4f1ea;overflow:hidden}.reading-room-preview img{display:block;width:100%;height:100%;max-height:330px;object-fit:cover;object-position:top}.reading-room-preview .rr-copy{padding:30px;color:#f2f1ed}.reading-room-preview .rr-copy .why-label{font-size:11px;color:#ed675a}.reading-room-preview .rr-copy h3{font:600 clamp(24px,2.4vw,34px)/1.15 Sora,Arial,sans-serif;letter-spacing:-.04em;margin:15px 0}.reading-room-preview p{font-size:14px;line-height:1.68;color:#b8c0cb}.reading-room-preview .rr-link{display:inline-block;color:#8fbeff;font-size:14px;margin-top:12px;text-underline-offset:6px}.sandbox-room-entry{margin:0;padding:60px 5%;background:#f4f1ea;color:#1c2b3a;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.sandbox-room-entry h2{color:#b54136;font:500 clamp(29px,3.4vw,45px)/1.15 Fraunces,Georgia,serif;margin:0 0 18px}.sandbox-room-entry p{font:15px/1.75 Sora,Arial,sans-serif;color:#655f57}.sandbox-room-entry a{color:#b54136;font:600 14px Sora,Arial,sans-serif}.sandbox-room-entry img{display:block;width:100%;border:1px solid #ddd5c8}
html[data-theme="light"] .reading-room-preview{background:#f4f1ea!important;border-color:#cbc3b6!important;box-shadow:0 14px 34px rgba(28,43,58,.08)}
html[data-theme="light"] .reading-room-preview .rr-copy{background:#f4f1ea!important;color:#1c2b3a!important}
html[data-theme="light"] .reading-room-preview .rr-copy h3{color:#1c2b3a!important}
html[data-theme="light"] .reading-room-preview .rr-copy p{color:#58616a!important}
html[data-theme="light"] .reading-room-preview .rr-link{color:#285d88!important}
@media(min-width:1051px){.global-header nav{gap:16px}.global-header nav .reading-room-link{font-size:12px}}@media(max-width:800px){.reading-room-preview,.sandbox-room-entry{grid-template-columns:1fr}.reading-room-preview .rr-copy{padding:25px}.reading-room-preview img{height:auto;max-height:310px}.sandbox-room-entry{padding:40px 24px}.global-header nav .reading-room-link{font-size:inherit}}

/* Training page: welcome strip instead of a screenshot preview. */
.reading-room-preview.reading-room-welcome{display:block;width:min(100%,1120px);background:#11171c}
.reading-room-preview.reading-room-welcome .rr-copy{
  display:grid;
  grid-template-columns:minmax(230px,.9fr) minmax(300px,1.25fr) auto;
  grid-template-areas:"kicker copy link" "title copy link";
  align-items:center;
  gap:4px 34px;
  padding:27px 30px
}
.reading-room-preview.reading-room-welcome .why-label{grid-area:kicker;margin:0!important}
.reading-room-preview.reading-room-welcome h3{grid-area:title;margin:4px 0 0!important;font-size:clamp(23px,2.1vw,31px)!important}
.reading-room-preview.reading-room-welcome .rr-copy>p:not(.why-label){grid-area:copy;margin:0!important}
.reading-room-preview.reading-room-welcome .rr-link{grid-area:link;margin:0!important;white-space:nowrap}
html[data-theme="light"] .reading-room-preview.reading-room-welcome{background:#f4f1ea!important}
@media(max-width:850px){
  .reading-room-preview.reading-room-welcome .rr-copy{grid-template-columns:1fr auto;grid-template-areas:"kicker link" "title link" "copy copy";gap:5px 20px}
  .reading-room-preview.reading-room-welcome .rr-copy>p:not(.why-label){margin-top:12px!important}
}
@media(max-width:560px){
  .reading-room-preview.reading-room-welcome .rr-copy{display:block;padding:24px}
  .reading-room-preview.reading-room-welcome h3{margin:8px 0 13px!important}
  .reading-room-preview.reading-room-welcome .rr-link{display:inline-block;margin-top:16px!important}
}