@media screen and (max-width:767px) {
 #activation { background: #f4f5f6; margin: 0; padding: 32px 20px; }
 #activation > .container.maxWidth, #activation div.activation {
  display: block; width: 100%; min-width: 0; margin: 0; padding: 0 !important;
 }
 #activation .headline { width: 100%; margin: 0 0 20px; padding: 0; }
 #activation .headline h1 {
  width: auto; margin: 0; padding: 0 !important; font-size: 28px !important; line-height: 1.18;
 }
 #activation div.description {
  display: grid; grid-template-columns: 56px minmax(0,1fr); gap: 18px 14px;
  align-items: center; box-sizing: border-box; width: 100%; margin: 0; padding: 22px 18px !important;
  background: #fff; border: 1px solid #e6e7e8; border-radius: 16px;
  box-shadow: 0 6px 20px rgba(20,25,30,.04);
 }
 #activation div.description > img {
  position: static !important; width: 56px !important; height: 56px !important;
  max-width: 56px !important; object-fit: contain; margin: 0 !important; padding: 0 !important;
  transform: none !important; align-self: start;
 }
 #activation div.description > h3 {
  position: static; width: auto; min-height: 0; margin: 0; padding: 0 !important;
  color: #20262b; font-size: 20px !important; line-height: 1.25;
 }
 #activation div.description > h3 br, #activation div.description > p br { display: none; }
 #activation div.description > p {
  grid-column: 1 / -1; width: auto; margin: 0; padding: 0 !important;
  color: #41484e; font-size: 15px !important; line-height: 1.55;
 }
 #test { background: #f4f5f6; margin: 0; padding: 32px 20px 20px; }
 #test .container.maxWidth, #test .dotted { width: 100%; margin: 0; padding: 0 !important; border: 0; }
 #test .gap { display: none; }
 #test .dotted, #test .dotted > div { background: none; }
 #test h1 { margin: 0; padding: 0 !important; font-size: 28px !important; line-height: 1.18; }
 #test + section.aggregates { background: #f4f5f6; padding: 0 20px 32px; margin: 0; }
 #test + section.aggregates > .container.maxWidth { width: 100%; margin: 0; padding: 0 !important; }
 #test + section.aggregates div.aggregates {
  display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 18px 14px;
  align-items: center; box-sizing: border-box; width: 100%; margin: 0; padding: 22px 18px !important;
  background: #fff; border: 1px solid #e6e7e8; border-radius: 16px;
  box-shadow: 0 6px 20px rgba(20,25,30,.04);
 }
 #test + section.aggregates div.aggregates > img {
  position: static !important; width: 64px !important; height: 64px !important;
  max-width: 64px !important; object-fit: contain; margin: 0 !important; padding: 0 !important; transform: none !important;
  grid-column: 1; grid-row: 1 / 3; align-self: start;
 }
 #test + section.aggregates .atex { display: contents; }
 #test + section.aggregates .atex h2 {
  grid-column: 2; position: static; width: auto; margin: 0; padding: 0 !important;
  font-size: 20px !important; line-height: 1.25; text-align: left; color: #20262b;
 }
 #test + section.aggregates div.aggregates { row-gap: 0; }
 #test + section.aggregates .atex h2 span { display: block; color: #a96300; font-size: 16px; margin-top: 7px; }
 #test + section.aggregates .atex p {
  grid-column: 1 / -1; width: auto; margin: 18px 0 0; padding: 0 !important;
  font-size: 15px !important; line-height: 1.55; color: #41484e;
 }
 #test + section.aggregates .atex p br { display: none; }
 #test + section.aggregates .atex a {
  grid-column: 1 / -1; position: static; display: flex; justify-content: center; align-items: center;
  box-sizing: border-box; width: 100%; min-height: 50px; margin: 22px 0 0; padding: 14px 12px !important;
  background: #cd1719; border: 0; border-radius: 10px; color: white;
  font: 500 15px/1.35 'Fira Sans',Arial,sans-serif; text-align: center; text-decoration: none;
 }
 #test + section.aggregates .atex a span:first-child { display: none; }
 #test + section.aggregates .atex a span:last-child { margin-left: 4px; color: inherit; }
 #test + section.aggregates .atex a:focus-visible { outline: 3px solid #222; outline-offset: 3px; }
 /* One continuous production section, without nested white heading panels. */
 #home > #test { background:#f4f5f6 !important; padding:32px 20px 20px !important; margin:0 !important; border:0 !important; }
 #home > #test :is(.container, .container > div, .dotted, .dotted > div) { width:100%; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
 #home > #test::before, #home > #test::after, #home > #test .dotted::before, #home > #test .dotted::after { display:none !important; }
 #home > #test h1 { height:auto !important; min-height:0 !important; font-size:24px !important; line-height:1.25 !important; margin:0 !important; }
 #home > #test + .aggregates { background:#f4f5f6 !important; margin:0 !important; padding:0 20px 32px !important; }
 #home > #test + .aggregates .container { background:transparent !important; }
 #home > #test + .aggregates div.aggregates { grid-template-columns:48px minmax(0,1fr); padding:18px !important; border-radius:12px; box-shadow:none; }
 #home > #test + .aggregates div.aggregates > img { width:48px !important; height:48px !important; }
 #home > #test + .aggregates .atex h2 { font-size:18px !important; height:auto !important; min-height:0 !important; }
 #home > #test + .aggregates .atex p { margin-top:16px !important; font-size:16px !important; line-height:1.5; }
 #home > :is(.start,.activation,.reception) { margin:0 !important; padding:32px 20px !important; }
 #home > :is(.start,.activation,.reception) > .container { width:100%; margin:0 !important; padding:0 !important; }
 #home > .start div.start, #home > .start div.start > div, #home > .start .description { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; }
 #home > .start div.start > div + div { margin-top:28px !important; }
 #home > .start .foto { width:100%; padding:0 !important; margin:20px 0 !important; }
 #home > .start .foto img { display:block; width:100% !important; height:180px !important; object-fit:cover; border-radius:12px; margin:0 !important; }
 #home > :is(.start,.reception) :is(h2,h3), #home > #activation .headline h1 { font-size:24px !important; line-height:1.25 !important; height:auto !important; min-height:0 !important; margin:0 0 20px !important; padding:0 !important; }
 #home > :is(.start,.reception) p { font-size:16px !important; line-height:1.5; margin:0 0 16px !important; padding:0 !important; }
 #home > :is(.start,.reception) br { display:none; }
 #home > .reception :is(.title,.description) { width:100%; margin:0 !important; padding:0 !important; border:0 !important; }
 #home > .reception .gap { display:none; }
 #home > .reception > .container > img { display:block; width:100% !important; height:160px !important; object-fit:contain; margin:20px 0 0 !important; }
 #home > #activation .description { border-radius:12px; padding:18px !important; box-shadow:none; }
 #home > .start div.start > div { display:flex !important; flex-direction:column; }
 #home > .start .description { order:0; }
 #home > .start .foto { order:1; margin:20px 0 0 !important; }
 #home > #activation .description { gap:16px 14px; }
 #home > #activation .description > p { height:auto !important; min-height:0 !important; margin:0 !important; font-size:16px !important; line-height:1.5; }
 #test,#activation { scroll-margin-top:88px; }
}
