* {
  box-sizing: border-box;
  transition:all 200ms ease;
}
/* mobile nav */

  .mobileheader {
    justify-content: space-between;
    max-width:94%;
  }
  .mobile-opener {
    color:#fff;
    font-size:3rem;
    margin:0;
    padding:0;
  }
  .mobileheader img {
    padding:5%;
  }
  .mobilenav {
    margin-top:16px;
  }
  .mobilenav ul {
    left:0;
  }
  .mobileheader .level02 {
    visibility: hidden;
  }
.mobileheader .level01 > li {
  color:var(--main_background);
  padding:4% 1%;
}
.mobileheader .level01 > li > div:hover .level02,
.mobileheader .level01 > li > div:focus .level02 {
  visibility: visible;
  z-index:2;
   display:flex!important; 
}
.mobileheader .level02 li,
.mobileheader .level02 li {
  width:100%;
}
.mobilenav .level01 a:link,
.mobilenav .level01 a:active,
.mobilenav .level01 a:visited {
  color:var(--main_background)!important;
  text-decoration:none!important;
}
.mobilenav .level01 a:focus,
.mobilenav .level01 a:hover {
  
}



body,
header {
  background-color: var(--main_background);
}
.ce-gallery figcaption {
  font-size: 1rem;
  text-transform: uppercase;
  padding: 4px 0;
}
.ce-bodytext ul li {
  padding:4px 0;
  line-height:1.4em;
}
.frame-layout-1 .frame-layout-1 {
  max-width: 100%!important;
  margin:0 auto!important;
}


@media screen and (max-width:1350px) {
  header > div,
  main > div,
  footer > div {
    padding:0 2%;
  }  
  .main-menu.level01 {
    flex-wrap: wrap;
  }
}


main {
  border-top:1px solid var(--border_color);
  background-color:var(--main_background);
  background:url("/fileadmin/images/2025/ineos_bg.png") no-repeat!important;
  background-position: top right!important;
  background-size:initial!important;
  width:100%;
}
main header {
  background:transparent;
}
.maincontent {
  font-size:150%;
}
.image-embed-item {
  border-radius:5px;
}
.contenttable td {
  padding:5px;
}
.bg {
  background:url(/fileadmin/system/images/wlcmtzgbj0wavzhbpiyt.svg)!important;
  background-position:bottom!important;
  background-repeat: repeat-x !important;
  background-position: 0px 116px !important;
  min-height: 70vh;
}
.inner {
  max-width:var(--inner_maxwidth);
  margin:0 auto;
}

.frame-layout-0 > div,
.frame-layout-1 > div,
.frame-layout-2 > div,
.frame-layout-3 > div {
  margin: 2% auto!important;
  max-width:74%!important;
}

.frame-layout-0 > header,
.frame-layout-0 > div,
.frame-layout-1 > header,
.frame-layout-1 > div,
.frame-layout-2 > header,
.frame-layout-2 > div,
.frame-layout-3 > header,
.frame-layout-3 > div {
  max-width: var(--inner_maxwidth);
  margin:0 auto;
  padding:2%;
  
}
.frame-layout-0 a:link, 
.frame-layout-0 a:active, 
.frame-layout-0 a:visited {
  transition:all 200ms ease;
  color:#fff;
  font-weight:700;
}
.frame-layout-1 a:link, 
.frame-layout-1 a:active, 
.frame-layout-1 a:visited,
.frame-layout-2 a:link, 
.frame-layout-2 a:active, 
.frame-layout-2 a:visited {
  transition:all 200ms ease;
  color:var(--color_layout_1);
  font-weight:700;
}

.frame-layout-1 {
  background-color:#fafafa;
  color: var(--color_layout_1);
  display: flow-root;
}
.frame-layout-1 .ce-textpic,
.frame-layout-2 .ce-textpic {
  background:#fff;
  border-radius:5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.frame-layout-2 {
  background-color:#e7e8ef;
  color: var(--color_layout_1);
  display: flow-root;
}

/* BREADCRUMB */
.breadcrumb ul {
  display:flex;
  margin-top:10px;
  flex-wrap: wrap;
}
.breadcrumb li {
  display:flex;
    justify-content:center;
  align-items:center;
}
.breadcrumb a:link,
.breadcrumb a:active,
.breadcrumb a:visited {
  font-size:1.3rem;
  color:#fff;
  font-weight:700;
}
.divider {
  font-size:.6rem;
  padding:0 4px;
  color:var(--menu_border_color);
}



/* FOOTER */
footer {
  border-top:1px solid var(--border_color);
  padding:30px 0;
  color:#fff!important;
}
footer ul.colophon {
  color:#fff!important;
  font-size:14px;
  text-transform:uppercase;
}
footer a:link, 
footer a:active, 
footer a:visited {
  transition: all 200ms ease-in-out;
  color:#ccc!important;
}
footer a:hover, 
footer a:focus {
  color:#fff!important;
}

/* FOOTER ENDE */


.manufacturing-content,
#Banner {
  width:100%;
  max-width:var(--inner_maxwidth);
  margin: 0 auto;
}
#Logo {
  left:0;
}
.ce-right .ce-gallery {
  float: right;
  display: flex;
  flex-direction: column;
  gap: 15px;
}


/* menu */
#MainNav {
  border-top:1px solid var(--border_color);
}
#MainNav .wrapper {
  width: 100%;
  max-width: var(--inner_maxwidth);
  left:-30px;
}
nav.main {
  margin-top:0;
}
nav.main > ul > li,
nav.main > ul > li * {
  text-align:center;
}
nav.main ul li:hover,
nav.main ul li:focus {
  background-color: var(--menu_background_hover);
}
nav.main ul li > div {
  border-left: 1px solid transparent!important;
  padding: 20px 30px!important;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: initial;
}
nav.main ul > li a:link,
nav.main ul > li a:active,
nav.main ul > li a:visited
{
  display:block;
  text-align:left;
  color: var(--menu_color);
  text-transform:initial;
  font-size:1.2rem!important;
}
nav.main ul > li a:focus,
nav.main ul > li a:hover {
  color: var(--menu_color);
  text-decoration:none;
}

/* 2nd level */
ul.dropdown-wrapper {
  transition:all 200ms ease;
  border: none;
  display:flex;
  flex-direction: column;
  right: unset;
  top: 58px;
  left: unset;
  font-weight:700;
}
.dropdown-visible .dropdown-wrapper {
  display:flex!important;
}
.dropdown-wrapper a:link,
.dropdown-wrapper a:active,
.dropdown-wrapper a:visited {
  display:block;
  padding:10px 20px;
  color: var(--main_background)!important;
  border-bottom:1px solid var(--menu_border_color);
}
.dropdown-wrapper a:hover,
.dropdown-wrapper a:focus {
  color:var(--menu_hover)!important;
}


/* content */
.frame-default p,
.ce-textpic {
  margin-left:0;
}
#c92 h2 {
  font-size:7rem;
}
#c92 p {
  font-size: 3rem;
  line-height: 4rem;
}



@media screen and (max-width:990px) {
  h1 {
    font-size: 4rem;
  }
  #c92 p {
    font-size: 2rem;
    line-height: 3rem;
  }
  .bg {
    background-position: 0px 24vh!important;
  }
  .frame-layout-0 > div,
  .frame-layout-1 > div,
  .frame-layout-2 > div,
  .frame-layout-3 > div {
    margin: 2% auto;
    max-width:98%!important;
  }
  .ce-gallery {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
  }
  .ce-gallery img {
    width:auto;
    max-width:100%;
  }
  h2 {
    font-size: 2.6rem;
  }
  .ce-right .ce-gallery {
    float: none;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items:center;
    margin:3vh 0!important;
  }
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip-link:focus {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  color: #fff;
  padding: 8px 16px;
  text-decoration: none;
  z-index: 1000;
  width: auto;
  height: auto;
}




/* global colors */
:root {
  --main_background: #071637;
  --inner_maxwidth: 1350px;
  --main_color: rgb(7,22,55);
  --border_color: rgb(39,52,81);
  --menu_color: #fff;
  --menu_background_hover: #132241;
  --menu_border_color: rgb(231,232,239);
  --menu_hover: #274cd8;
  --color_layout_1: rgb(89,89,89);
}