/*
 * Öffentliches GMATICK-Designsystem.
 *
 * Die Gestaltung nutzt ausschließlich lokale beziehungsweise systemeigene
 * Ressourcen. Abschnitte sind nach ihrer fachlichen Aufgabe geordnet, damit
 * spätere Anpassungen auch ohne Framework nachvollziehbar bleiben.
 */

/* Grundwerte ------------------------------------------------------------- */
:root{
  --brand-red:#d0181f;
  --brand-red-accessible:#b90f16;
  --studio-black:#111312;
  --studio-grey:#6a6e6a;
  --studio-dark-grey:#4f5450;
  --studio-light-grey:#eceeeb;
  --studio-paper:#f7f7f4;
  --studio-white:#fff;
  --studio-line:rgba(17,19,18,.14);
  --focus:#005fcc;
  --content-max:1440px;
  --page-gutter:clamp(1.25rem,5vw,7rem);
  --section-space:clamp(5.5rem,11vw,10.5rem);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:7rem}
body{
  margin:0;
  padding-bottom:7rem;
  background:var(--studio-paper);
  color:var(--studio-black);
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif;
  font-size:clamp(1rem,.97rem + .14vw,1.1rem);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.22em}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
h1,h2,h3{margin-top:0;text-wrap:balance}
h1,h2{font-weight:540;line-height:.96;letter-spacing:-.052em}
h3{font-weight:650;line-height:1.14;letter-spacing:-.025em}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.about-section__heading h2,.solutions-heading h2,.downloads-section__heading h2,.contact-section h2{overflow-wrap:break-word}

/* Der Sprunglink wird erst sichtbar, wenn er per Tastatur erreicht wird. */
.skip-link{
  position:fixed;
  z-index:1000;
  top:1rem;
  left:1rem;
  padding:.8rem 1rem;
  border-radius:.6rem;
  background:var(--studio-white);
  color:var(--studio-black);
  box-shadow:0 .5rem 2rem rgba(0,0,0,.2);
  transform:translateY(-180%);
}
.skip-link:focus{transform:none}
.eyebrow{
  margin:0 0 1.35rem;
  color:var(--brand-red-accessible);
  font-size:.73rem;
  font-weight:720;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.rich-text{color:var(--studio-dark-grey)}
.rich-text>*:first-child{margin-top:0}
.rich-text>*:last-child{margin-bottom:0}
.rich-text p{margin:0 0 1.35rem}
.rich-text h2{margin:0 0 2rem;color:var(--studio-black);font-size:clamp(2.3rem,4vw,4.5rem)}
.rich-text h3{margin:2.7rem 0 .9rem;color:var(--studio-black);font-size:1.35rem}
.rich-text ul,.rich-text ol{padding-left:1.25rem}
.rich-text a{font-weight:650}

/* Schwebender Header und Markenanordnung ------------------------------- */
.studio-header{
  position:fixed;
  z-index:80;
  top:1.1rem;
  left:50%;
  width:min(calc(100% - 2.2rem),var(--content-max));
  transform:translateX(-50%);
}
.studio-header__inner{
  min-height:4.35rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding:.55rem .65rem .55rem 1.4rem;
  border:1px solid rgba(255,255,255,.62);
  border-radius:1.1rem;
  background:rgba(247,247,244,.86);
  box-shadow:0 .55rem 2.1rem rgba(0,0,0,.1);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
}
.studio-brand{display:flex;align-items:center;gap:.8rem;min-width:0;text-decoration:none}
.studio-brand__sign{
  position:relative;
  flex:0 0 auto;
  width:1.8rem;
  height:1.8rem;
  border:.25rem solid var(--brand-red);
  border-right:0;
}
.studio-brand__sign::after{
  content:"";
  position:absolute;
  top:.45rem;
  right:-.4rem;
  width:.9rem;
  height:.25rem;
  background:var(--brand-red);
}
.studio-brand__lockup{display:flex;min-width:0;flex-direction:column;justify-content:center}
.studio-brand__wordmark{width:11.2rem;height:1.8rem;object-fit:contain;object-position:left center}
.studio-brand__claim{
  margin-top:-.05rem;
  color:#5f625f;
  font-size:.48rem;
  font-weight:680;
  line-height:1;
  letter-spacing:.18em;
}
.studio-brand--office-original{align-self:stretch}
.studio-brand__office-original{
  width:clamp(11rem,22vw,18rem);
  height:auto;
  align-self:center;
  object-fit:contain;
}
.main-nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);font-size:.82rem;font-weight:620}
.main-nav a{position:relative;text-decoration:none}
.main-nav a:not(.language-switch)::after{
  content:"";
  position:absolute;
  right:100%;
  bottom:-.38rem;
  left:0;
  height:2px;
  background:var(--brand-red);
  transition:right 180ms ease-out;
}
.main-nav a:not(.language-switch):hover::after,.main-nav a:not(.language-switch):focus-visible::after{right:0}
.language-switch{
  display:grid;
  place-items:center;
  min-width:2.65rem;
  min-height:2.65rem;
  border-radius:.75rem;
  background:var(--studio-black);
  color:var(--studio-white);
}
.language-switch:active{transform:scale(.97)}
.nav-toggle{display:none;border:0;background:transparent;color:var(--studio-black);font-weight:650}
.nav-toggle__icon{display:grid;gap:.32rem;width:1.25rem}
.nav-toggle__icon span{display:block;height:2px;background:currentColor}

/* Hero ------------------------------------------------------------------ */
.studio-hero{
  position:relative;
  min-height:max(43rem,92svh);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(12,14,13,.78) 0%,rgba(12,14,13,.37) 52%,rgba(12,14,13,.08) 82%),
    url("../images/hero-fronten.webp") center/cover no-repeat;
  color:var(--studio-white);
}
.studio-hero__copy{width:min(58rem,94vw);padding:10.5rem var(--page-gutter) clamp(5rem,9vw,8.5rem)}
.studio-hero .eyebrow{color:var(--studio-white);opacity:.86}
.studio-hero h1{max-width:12ch;margin:0;font-size:clamp(3.5rem,7.4vw,7rem)}
.studio-hero__intro{max-width:39rem;margin:2rem 0 0;color:rgba(255,255,255,.86);font-size:clamp(1.08rem,1.5vw,1.4rem);line-height:1.5}
.primary-link{
  display:inline-flex;
  align-items:center;
  gap:.85rem;
  margin-top:2.2rem;
  padding:.82rem 1.05rem;
  border-radius:.75rem;
  background:var(--studio-white);
  color:var(--studio-black);
  font-size:.88rem;
  font-weight:680;
  text-decoration:none;
  transition:transform 100ms ease-out;
}
.primary-link:active{transform:scale(.97)}

/* Unternehmensprofil ---------------------------------------------------- */
.about-section{
  max-width:var(--content-max);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(17rem,.8fr) minmax(22rem,1.2fr);
  gap:clamp(3.5rem,9vw,10rem);
  padding:var(--section-space) var(--page-gutter);
}
.about-section__heading h2{max-width:11ch;margin:0;font-size:clamp(2rem,3.2vw,3rem)}
.about-section__content{align-self:end;max-width:44rem;font-size:clamp(1.08rem,1.5vw,1.35rem)}

/* Redaktionelle Produktgalerie ----------------------------------------- */
.solutions-section{padding:0 max(var(--page-gutter),calc((100vw - var(--content-max))/2 + var(--page-gutter))) var(--section-space)}
.solutions-heading{
  max-width:var(--content-max);
  margin:0 auto 3rem;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:3rem;
}
.solutions-heading h2{max-width:13ch;margin:0;font-size:clamp(2.5rem,4.5vw,4.3rem)}
.solutions-heading>p{max-width:31rem;margin:0;color:var(--studio-grey)}
.solution-gallery{
  max-width:var(--content-max);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-flow:dense;
  grid-auto-rows:minmax(19rem,24vw);
  gap:1.5rem;
  background:transparent;
}
.solution-item{--image-scale:1;--image-scale-hover:1.025;position:relative;min-height:0;overflow:hidden;border:1px solid rgba(208,24,31,.45);background:#d5d8d5;isolation:isolate}
.solution-item--1{grid-column:span 7;grid-row:span 2}
.solution-item--2{grid-column:span 5}
.solution-item--3{grid-column:span 5}
.solution-item--4{grid-column:span 6}
.solution-item--5{grid-column:span 6}
.solution-item--visual-ionisation{--image-scale:1.12;--image-scale-hover:1.145}
.solution-item--visual-ionisation img{object-position:34% center}
.solution-item--visual-reinigung{--image-scale:1.08;--image-scale-hover:1.105}
.solution-item--visual-reinigung img{object-position:52% center}
.solution-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(var(--image-scale));
  filter:grayscale(.16) contrast(1.03);
  transition:transform 600ms cubic-bezier(.2,.7,.2,1),filter 280ms ease-out;
}
.solution-item:hover img{transform:scale(var(--image-scale-hover));filter:grayscale(0)}
.solution-item__label{
  position:absolute;
  z-index:2;
  right:1rem;
  bottom:1rem;
  left:1rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  min-height:7.25rem;
  gap:clamp(1.5rem,2.5vw,2.5rem);
  align-items:start;
  padding:1.2rem 1.35rem;
  border:1px solid rgba(255,255,255,.5);
  border-radius:.8rem;
  background:rgba(247,247,244,.9);
  box-shadow:0 .5rem 1.8rem rgba(0,0,0,.1);
  -webkit-backdrop-filter:blur(15px) saturate(135%);
  backdrop-filter:blur(15px) saturate(135%);
}
.solution-item__label h3{min-width:0;margin:0;font-size:clamp(1.02rem,1.45vw,1.35rem);hyphens:auto;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.solution-item__label p{min-width:0;margin:0;color:var(--studio-dark-grey);font-size:.78rem;line-height:1.45}
.solution-details{
  max-width:var(--content-max);
  margin:clamp(3.5rem,7vw,6.5rem) auto 0;
  display:grid;
  grid-template-columns:minmax(17rem,.78fr) minmax(22rem,1.22fr);
  gap:clamp(2.5rem,7vw,8rem);
  padding:clamp(2rem,4vw,3.5rem);
  border-top:.25rem solid var(--brand-red);
  background:var(--studio-white);
}
.solution-details__heading h3{max-width:12ch;margin:0 0 1.25rem;font-size:clamp(2rem,3.5vw,3.25rem);text-wrap:balance}
.solution-details__heading>p:last-child{max-width:35rem;margin:0;color:var(--studio-grey)}
.solution-details__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;align-content:start;margin:0;padding:0;list-style:none}
.solution-details__list li{position:relative;padding:1rem 0 1rem 1.25rem;border-bottom:1px solid var(--studio-line)}
.solution-details__list li::before{content:"";position:absolute;top:1.55rem;left:0;width:.4rem;height:.4rem;background:var(--brand-red)}

/* Zusammenarbeit -------------------------------------------------------- */
.innovation-section{min-height:40rem;display:grid;grid-template-columns:1.08fr .92fr;background:var(--studio-black);color:var(--studio-white)}
.innovation-section__image{min-height:40rem;margin:0;overflow:hidden;background:#272a28}
.innovation-section__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05)}
.innovation-section__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4.5rem,8vw,8rem)}
.innovation-section__copy .eyebrow{color:#f04b51}
.innovation-section__copy h2{max-width:11ch;margin:0 0 2rem;font-size:clamp(2.8rem,5vw,5.2rem)}
.rich-text--dark{color:#c7cac7}
.rich-text--dark h2,.rich-text--dark h3{color:var(--studio-white)}
.rich-text--dark li::marker{color:#f04b51}

/* Prospekte ------------------------------------------------------------- */
.downloads-section{
  max-width:var(--content-max);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(17rem,.75fr) minmax(25rem,1.25fr);
  gap:clamp(3.5rem,9vw,10rem);
  padding:var(--section-space) var(--page-gutter);
}
.downloads-section__heading h2{max-width:10ch;margin:0;font-size:clamp(2.6rem,4.5vw,4.4rem)}
.downloads-section__heading>p:last-child{max-width:34rem;color:var(--studio-grey)}
.download-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--studio-black)}
.download-list a{
  display:grid;
  grid-template-columns:minmax(12rem,1fr) auto 1.5rem;
  gap:1rem;
  align-items:center;
  padding:1.15rem .15rem;
  border-bottom:1px solid var(--studio-line);
  text-decoration:none;
  transition:padding 180ms ease-out,background 180ms ease-out;
}
.download-list a:hover{padding-right:.8rem;padding-left:.8rem;background:var(--studio-white)}
.download-list small{color:var(--studio-grey)}

/* Kontakt --------------------------------------------------------------- */
.contact-section{padding:var(--section-space) max(var(--page-gutter),calc((100vw - var(--content-max))/2 + var(--page-gutter)));background:var(--studio-light-grey)}
.contact-section h2{max-width:12ch;margin:0;font-size:clamp(3.2rem,7vw,7rem)}
.contact-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:3.3rem}
.contact-link{
  min-width:min(100%,22rem);
  display:flex;
  justify-content:space-between;
  gap:2rem;
  padding:1.05rem 1.15rem;
  border-radius:.75rem;
  background:var(--studio-black);
  color:var(--studio-white);
  font-size:.92rem;
  font-weight:620;
  text-decoration:none;
  transition:transform 100ms ease-out;
}
.contact-link--primary{background:var(--brand-red-accessible)}
.contact-link:active{transform:scale(.98)}

/* Footer und Datenschutzhinweis ---------------------------------------- */
.site-footer{
  display:flex;
  justify-content:space-between;
  gap:3rem;
  padding:3.2rem max(var(--page-gutter),calc((100vw - var(--content-max))/2 + var(--page-gutter))) 7rem;
  background:var(--studio-black);
  color:var(--studio-white);
  font-size:.8rem;
}
.site-footer__company p{margin:.25rem 0 0;color:#c8cbc8}
.site-footer__nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem 1.7rem}
.site-footer__nav a{color:#e3e5e3}
.privacy-info{
  position:fixed;
  z-index:100;
  right:1rem;
  bottom:1rem;
  left:1rem;
  max-width:var(--content-max);
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding:.85rem .85rem .85rem 1.15rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:1rem;
  background:rgba(17,19,18,.94);
  color:var(--studio-white);
  box-shadow:0 .75rem 2.5rem rgba(0,0,0,.24);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  backdrop-filter:blur(16px) saturate(130%);
}
.privacy-info p{margin:0;font-size:.82rem}
.privacy-info a{font-weight:650}
.privacy-info button{flex:0 0 auto;min-height:2.75rem;padding:.65rem .95rem;border:1px solid rgba(255,255,255,.55);border-radius:.65rem;background:transparent;color:var(--studio-white)}
.privacy-info button:active{transform:scale(.97)}

/* Rechtliche Informationsseiten ---------------------------------------- */
.legal-main,.legal-page{
  max-width:var(--content-max);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(24rem,.8fr) minmax(20rem,1.2fr);
  gap:clamp(3.5rem,8vw,9rem);
  padding:clamp(9rem,14vw,13rem) var(--page-gutter) var(--section-space);
}
.legal-hero,.legal-page__intro{position:sticky;top:7.5rem;align-self:start;border-top:.3rem solid var(--brand-red);padding-top:1.6rem}
.legal-hero,.legal-page__intro,.legal-article,.legal-page__content{min-width:0}
.legal-kicker{margin:0;color:var(--studio-grey);font-size:clamp(2rem,4vw,3.8rem);font-weight:540;letter-spacing:-.045em}
.legal-hero h1,.legal-page__intro h1{max-width:none;margin:1.2rem 0 0;font-size:clamp(1.75rem,4.5vw,2.7rem)}
.legal-article,.legal-page__content{max-width:52rem}
.legal-article h2,.legal-page__content h2{font-size:clamp(1.35rem,2.2vw,1.8rem);overflow-wrap:break-word}

/* Tablet --------------------------------------------------------------- */
@media (max-width:1000px){
  .about-section,.downloads-section{grid-template-columns:1fr;gap:2.5rem}
  .about-section__content{max-width:52rem}
  .solution-gallery{grid-auto-rows:minmax(17rem,34vw);gap:1.125rem}
  .solution-item--1{grid-column:span 12;grid-row:span 2}
  .solution-item--2,.solution-item--3,.solution-item--4,.solution-item--5{grid-column:span 6}
  .innovation-section{grid-template-columns:1fr}
  .innovation-section__image{min-height:55vw;max-height:42rem}
  .innovation-section__copy{padding:5rem var(--page-gutter)}
  .solution-details{grid-template-columns:1fr;gap:2.5rem}
}

/* Tablets benötigen in den Produktlabels eine klare, platzsparende Textfolge. */
@media (max-width:1100px){
  .solution-item__label{min-height:7.75rem;grid-template-columns:1fr;gap:.55rem;align-items:start}
}

@media (max-width:900px){
  .legal-main,.legal-page{grid-template-columns:1fr;padding:8rem 1.5rem 6rem}
  .legal-hero,.legal-page__intro{position:static}
}

/* Mobil ---------------------------------------------------------------- */
@media (max-width:760px){
  body{padding-bottom:9rem}
  .studio-header{top:.6rem;width:calc(100% - 1.2rem)}
  .studio-header__inner{min-height:3.9rem;padding:.45rem .5rem .45rem .9rem;border-radius:.9rem}
  .studio-brand{gap:.65rem}
  .studio-brand__sign{width:1.45rem;height:1.45rem;border-width:.2rem}
  .studio-brand__sign::after{top:.34rem;width:.75rem;height:.2rem}
  .studio-brand__wordmark{width:8.2rem;height:1.5rem}
  .studio-brand__claim{display:none}
  .studio-brand__office-original{width:clamp(9rem,44vw,12rem)}
  .nav-toggle{display:flex;align-items:center;gap:.65rem;min-height:2.75rem;padding:.5rem .65rem}
  .main-nav{
    position:absolute;
    top:calc(100% + .45rem);
    right:0;
    left:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:.6rem;
    border:1px solid var(--studio-line);
    border-radius:.9rem;
    background:var(--studio-paper);
    box-shadow:0 1rem 2.5rem rgba(0,0,0,.14);
  }
  .main-nav[data-open]{display:flex}
  .main-nav a{min-height:2.9rem;display:flex;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--studio-line)}
  .main-nav a::after{display:none}
  .main-nav .language-switch{align-self:flex-start;margin-top:.55rem;border:0}
  .studio-hero{min-height:82svh;background-position:58% center}
  .studio-hero__copy{padding:8.5rem 1.5rem 4.5rem}
  .studio-hero h1{font-size:clamp(3rem,14vw,5rem)}
  .about-section{padding:5.5rem 1.5rem}
  .solutions-section{padding:0 1rem 5.5rem}
  .solutions-heading{display:block;margin-bottom:2rem;padding:0 .5rem}
  .solutions-heading>p{margin-top:1.25rem}
  .solution-gallery{display:block}
  .solution-item{--image-scale:1;--image-scale-hover:1;min-height:0;height:auto;margin-bottom:1rem;overflow:hidden;background:var(--studio-white)}
  .solution-item:last-child{margin-bottom:0}
  .solution-item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
  .solution-item__label{min-height:0;position:static;display:block;border:0;border-radius:0;background:var(--studio-white);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .solution-item__label p{margin-top:.55rem;font-size:.86rem}
  .solution-details{margin-top:3rem;padding:2rem 1.25rem}
  .solution-details__list{grid-template-columns:1fr}
  .innovation-section__image{min-height:52svh}
  .innovation-section__copy{padding:4.5rem 1.5rem}
  .downloads-section{padding:5.5rem 1.5rem}
  .download-list a{grid-template-columns:1fr 1.25rem}
  .download-list small{grid-column:1}
  .contact-section{padding:5.5rem 1.5rem}
  .contact-links{display:grid}
  .contact-link{min-width:0}
  .site-footer{display:block;padding:3rem 1.5rem 8rem}
  .site-footer__nav{justify-content:flex-start;margin-top:2rem}
  .privacy-info{align-items:flex-start;gap:.75rem;padding:.75rem .75rem .75rem 1rem}
  .privacy-info button{min-width:2.75rem;padding:.55rem;font-size:0}
  .privacy-info button::after{content:"×";font-size:1.35rem;line-height:1}
}

@media (max-width:390px){
  .studio-brand__wordmark{width:6.9rem}
  .studio-brand__office-original{width:8.75rem}
  .nav-toggle>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .studio-hero__copy{padding-right:1.1rem;padding-left:1.1rem}
  .solution-item__label{padding:1rem}
  .contact-link{font-size:.84rem}
  .privacy-info{right:.5rem;bottom:.5rem;left:.5rem}
}

/* Persönliche Bedienpräferenzen ---------------------------------------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .solution-item:hover img{transform:scale(var(--image-scale))}
}

@media (prefers-contrast:more){
  .studio-header__inner,.solution-item__label{border:2px solid var(--studio-black);background:var(--studio-white)}
  .solution-item{border-color:var(--brand-red-accessible)}
  .privacy-info{border:2px solid var(--studio-white);background:var(--studio-black)}
  .studio-hero__intro,.rich-text--dark{color:var(--studio-white)}
}

@media (prefers-reduced-transparency:reduce){
  .studio-header__inner,.solution-item__label{background:var(--studio-white);-webkit-backdrop-filter:none;backdrop-filter:none}
  .privacy-info{background:var(--studio-black);-webkit-backdrop-filter:none;backdrop-filter:none}
}

@media (forced-colors:active){
  .studio-brand__sign,.privacy-info,.contact-link,.language-switch{border:2px solid ButtonText}
  .solution-item{border-color:CanvasText}
  .studio-brand__sign::after{background:ButtonText}
  .studio-hero{forced-color-adjust:none}
}

@media print{
  .studio-header,.privacy-info,.site-footer,.nav-toggle{display:none!important}
  body{padding:0;background:#fff;color:#000}
  .legal-main,.legal-page{display:block;padding:0}
  .legal-hero,.legal-page__intro{position:static}
}