/* Webfonts in use
Rubik,RubikItalic,RubikBold,RubikMedium
*/
/* FontAwesome:
   Brands: font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
*/
.warning {position:absolute; right:0; max-width:320px; top:150px; line-height:1.5; text-align:left; font-size:2.2rem;}

#contenthead {padding:0; min-height:720px;}
#contenthead .section-inner {padding-top:100px;}
#contenthead h1 {max-width:630px; font-size:58px; font-size:5.8rem; line-height:72px; letter-spacing:0.4px;}
#contenthead h2 {max-width:500px;}

#contenthead .bigimg {top:0; left:0;}
#contenthead img {}

#contenthead #searchform {margin-top:70px;}
#contenthead #searchform fieldset {width:465px;}
#contenthead #searchform #searchinput {width:465px; height:62px; border-radius:5px; font-size:18px; font-size:1.8rem;}
#contenthead #searchsubmit {top:7px; right:7px; border-radius:4px; font-size:20px; font-size:2rem;}

#content {position:relative; z-index:999; margin-top:0; padding-bottom:0;}
#content h2 {color:#9e9e9e; font-size:46px; font-size:4.6rem; line-height:46px;}
#content h2 a {color:#9e9e9e;}
#content h2 a:hover {text-decoration:none;}
#content h2 a::after {font-size:34px; font-size:3.4rem; content:"\e912"; margin:0 0 0 10px;  font-family: 'icomoon';}
#content .frame-type-header h3 {margin-top:15px; color:#9e9e9e; font-size:24px; font-size:2.4rem; line-height:28px; font-family:Rubik, sans-serif}

/* section 1 */
#content #section-1 {display:flex; flex-wrap:wrap; max-width:1140px; padding:45px 0; margin-top:-115px; margin-bottom:100px; background-color:#fff; border-radius:10px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.21);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.21);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.21);
}
#content #section-1 .col {width:33.33333333%; padding:0 35px;}
#content #section-1 .col-2 {border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}
#content #section-1 h3 {margin-bottom:15px;}
#content #section-1 p:last-child {margin-bottom:0;}

/* section 2 */
#content #section-2 {padding:60px 0 80px 0; background:url(../image/facts.jpg) no-repeat; background-position:top; background-size:cover;}
#content #section-2 .news h2 {color:#fff; font-size:46px; font-size:4.6rem; line-height:46px;}
#content #section-2 .news h2 a {color:#9e9e9e;}
#content #section-2 .news h2 a::after {font-size:34px; font-size:3.4rem; content:"\e912"; margin:0 0 0 10px;  font-family: 'icomoon';}
#content #section-2 .news h2 a:hover {text-decoration:none;}
#content #section-2 .news .news {margin-top:35px; border-radius:4px; background-color:#fff; line-height:0;}

#content .news h4 {margin-bottom:15px; font-size:32px; font-size:3.2rem; line-height:38px;}
#content .article-list-text {padding:50px 60px 50px 50px;}
#content .news-list-view p {font-size:18px; font-size:1.8rem; line-height:24px;}
#content .teaser-text .more {display:block; margin-top:40px;}
#content .teaser-text .more::after {display:inline-block; content:"\e912"; margin-left:3px; font-family: 'icomoon'; font-size:14px; font-size:1.4rem;}
#content .news-list-view {padding:0; background:none; border:none; border-radius:0;}
#content .news-img-wrap {width:48.4%;}
#content .news-img-wrap a {width:100%; height:100%;}
#content .news-img-wrap img {display:block; object-fit:cover; width:100%; height:100%;}
#content .article-list-text {width:51.6%; margin-right:0; order:2;}

.news-list-view .article {box-shadow:none; border:none; margin-bottom:0;}
#content .article:not(:first-child) {padding:0 30px; margin-bottom:10px;}
/* #content .article:not(:first-child) .news-img-wrap {display:none;} */
#content .article:not(:first-child) .news-img-wrap img {display:none;}
#content .article:not(:first-child) .article-list-text {width:100%; padding:0;}
#content .news .article:not(:first-child) h4 {display:inline; margin-left:6px; line-height:18px;}
#content .article:not(:first-child) .article-list-text h4 span {font-size:14px;}
#content .article:not(:first-child) .article-list-text div.teaser-text {display:none;}
.news-list-view .article:last-child {padding-bottom:30px !important;}
#content .article:not(:first-child) .news-list-date {display:inline-block; width:80px;}

/* #content .numbers {display:flex; flex-wrap:wrap; margin:80px auto 0;}
#content .numbers .col {padding:75px 62px 25px; width:33.3333333%; text-align:center;}
#content .numbers .col-2 {border-right:solid 1px rgba(255,255,255,0.2); border-left:solid 1px rgba(255,255,255,0.2);}
#content .numbers h2,
#content .numbers h3 {color:#fff;}
#content .numbers h2 {margin-bottom:35px; font-size:74px; font-size:7.4rem; line-height:78px;}
#content .numbers h3 {font-size:20px; font-size:2rem; line-height:22px;} */

/* section 3 */
#section-3 {margin:100px 0;}
#content .productgroups {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px;}
.productgroups .col {min-height:270px; width:23.5%; margin-bottom:20px; padding:30px 30px; background-color:#fff; text-align:center; border-radius: 2px; border: solid 1px #e0e0e0;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
#content .productgroups .col > a:hover {text-decoration:none;}
.productgroups .col h4 {margin-bottom:10px;}
.productgroups .col p {margin-bottom:0; font-size:16px; font-size:1.6rem; line-height:20px;}

/* section 4 */
#section-4 {padding:120px 0; background:url(../image/prozesse.jpg) no-repeat; background-size: cover;}
#section-4 h2 a {color:#fff;}
#section-4 .introduction h3 {color:rgba(255,255,255,0.8); max-width:800px;}
#section-4 .research {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:40px;}
#section-4 .research h4 {margin-bottom:20px; font-size:14px; font-size:1.4rem; text-transform:uppercase; color:rgba(255,255,255,0.8);}
#section-4 .research .col-1 {width:40%; margin-right:10%;}
#section-4 .research .col-1 a {position:relative; display:block; padding:15px 55px 15px 22px; border-radius:2px;
  background-color:#fff; color:#333333; font-size:18px; font-size:1.8rem; font-family:RubikMedium, sans-serif;}
#section-4 .research .col-1 a::after {position:absolute; top:0; right:0; content:"\e912"; margin:0 0 0 10px; padding:15px 20px;
font-family: 'icomoon'; color:#fff; height:100%; box-sizing: border-box;
background: rgba(47,75,177,1);
background: -moz-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
background: -webkit-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
background: -o-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
background: -ms-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
background: linear-gradient(to bottom, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4bb1', endColorstr='#284097', GradientType=0 );
}
#section-4 .research .col-2 {width:50%;}
#section-4 .research .col-2 .ce-bodytext {padding:10px 30px 20px 30px; background-color:#fff;}
#section-4 .research .col-2  h3 {margin-bottom:8px;}
#section-4 .research .col-2  h3 a {color:#333333;}
#section-4 .research .col-2  h3 a::after {content:"\e912"; margin:0 0 0 8px; color:#304cb2; font-size:16px; font-size:1.6rem;
font-family: 'icomoon';}
#section-4 .research .col-2 .ce-textpic {background-color:#fff;}
#section-4 .research .col-2 .ce-textpic p {line-height:24px;}
#section-4 .research .col-2 .ce-outer,
#section-4 .research .col-2 .ce-inner,
#section-4 .research .col-2 .ce-column {float:none;position:static;}
#section-4 .research .col-2 figure {display:block;}
#section-4 .research .col-2 img {width:100%; height:auto;}

#section-4 .research .news-list-view .article {padding:0;}
#section-4 .research .news-list-view .article:last-child {padding-bottom:0 !important;}
#section-4 .research .news-img-wrap {width:100%; margin-bottom:10px; max-height:390px;}
#section-4 .research .news-img-wrap a {display: block;}
#section-4 .research .news-img-wrap img {height:100%;}
#section-4 .research .news-list-date {display:none;}
#section-4 .research .article-list-text {width:100%; padding: 10px 30px 20px 30px;}
#section-4 .research .article h4 {margin-top:0; color:#404040; font-size: 18px; font-size: 1.8rem; line-height: 30px; text-transform: none;}
#section-4 .research .news-list-view h4 .icon-intern {}
#section-4 .teaser-text .more {margin-top:15px;}

/* section 5 */
#section-5 {margin:100px 0;}
#section-5 .services {display:flex; flex-wrap:wrap; margin-top:35px; justify-content:space-between;}
#section-5 .services .col {width:32%; margin-bottom:28px; }
/* #section-5 .services .col:nth-child(2),
#section-5 .services .col:nth-child(5)  {margin:0 2% 28px;} */
#section-5 .services .col p {margin-bottom:0;}
#section-5 .services .col .text-frame a {position:relative; display:flex;
  align-items:center; min-height:100px; padding:5px 60px 5px 22px; border-radius:4px;
   color:#333333; font-size:18px; font-size:1.8rem; line-height:20px; font-family:RubikMedium, sans-serif;
   background-color:#fff;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
   box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
 }
#section-5 .services .col .text-frame  a::after {display:flex; align-items:center; position:absolute; top:50%; bottom:0; right:0; content:"\e912"; margin:0 0 0 10px; padding:15px 20px;
font-family: 'icomoon'; color:#fff; transform: translate(0, -50%); min-height:70px;
background: rgba(47,75,177,1);
background: -moz-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
background: -webkit-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
background: -o-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
background: -ms-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
background: linear-gradient(to bottom, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4bb1', endColorstr='#284097', GradientType=0 );
border-top-right-radius:4px; border-bottom-right-radius:4px;
}

/* section 6 */
#section-6 {padding:120px 0; background:url(../image/webservice.jpg) no-repeat; background-size: cover;}
#section-6 h2,
#section-6 h2 a {color:#fff;}
#section-6 .services {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:40px;}
#section-6 .services > div {width:49%;}
#section-6 .services > div > div {margin-bottom:35px;}
#section-6 .services h2 {font-size:24px; font-size:2.4rem; line-height:28px;}
#section-6 .services h3 {margin:12px 0 15px; color:rgba(255,255,255,0.8); font-size:23px; font-size:2.3rem; line-height:25px; font-family:Rubik, sans-serif;}
#section-6 .services p {color:#fff; font-size:16px; font-size:1.6rem; line-height:22px; color:rgba(255,255,255,0.8);}
#section-6 .services .link-button {margin-top:10px; background:none; background-color:#fff; color:#333333; font-size:14px; font-size:1.4rem;}


@media only screen and (max-width:1170px) {
  #content #section-1 {margin-left:15px; margin-right:15px;}
  #section-4 .research .col-1 {width:45%; margin-right:5%;}
}

@media only screen and (max-width:1024px) {
  #section-5 .services .col {width:49%;}
}

@media only screen and (max-width:900px) {
  #contenthead,
  #contenthead .bigimg img {height:650px; min-height:auto;}
  #contenthead .section-inner {padding-top:65px;}

  #content #section-1 {padding:30px 0; margin-bottom:70px;}
  #content #section-1 .col {padding:0 20px;}

  #content #section-2 {padding:40px 0;}
  #content .news h4 {font-size:24px; font-size:2.4rem; line-height:28px;}
  #content .article-list-text {padding:40px 30px;}

  #content #section-3 {margin:50px 0;}
  .productgroups .col {width:32.5%;}

  #content #section-4 {padding:50px 0;}
  #section-4 .research .col-1 {width:100%; margin-right:0; margin-bottom:20px;}
  #section-4 .research .col-1 .text-frame {display:flex; flex-wrap:wrap; justify-content:space-between;}
  #section-4 .research .col-1 .text-frame p {width:49%; }
  #section-4 .research .col-1 a {padding:15px 55px 15px 10px; font-size:16px; font-size:1.6rem;}
  #section-4 .research .col-1 a::after {height:100%; box-sizing: border-box;}
  #section-4 .research .col-2 {width:100%;}
  #section-4 .research .col-2 .ce-gallery {max-height:400px; margin-bottom:0;}
  #section-4 .research .article-list-text,
  #section-4 .research .col-2 .ce-bodytext {padding:20px}
  #section-4 .research .news-img-wrap {margin-bottom:0;}

  #section-5 {margin:50px 0;}
  #section-5 .services .col a {min-height:75px; font-size:16px; font-size:1.6rem;}
  #section-5 .services .col a::after {box-sizing:border-box; height:100%;}

  #section-6 {padding:50px 0;}
  #section-6 .services > div {width:100%;}
}

@media only screen and (max-width:768px) {
  #contenthead h1 {font-size:46px; font-size:4.6rem; line-height:57px;}
  #contenthead,
  #contenthead .bigimg img {height:550px;}

  #content #section-1 {padding:0;}
  #content #section-1 .col {width:100%; padding:25px 20px;}
  #content #section-1 .col-2 {border-left:none; border-right:none; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}

  #content .news-img-wrap {width:100%;}
  #content .article-list-text {width:100%;}
  #content .article-list-text {padding:15px 0 15px;}
  #content .article:not(:first-child) {padding:0 20px;}

  .productgroups .col {width:48%;}

  #section-6 .services > div {width:100%;}
}

@media only screen and (max-width:740px) {
  #contenthead h1 {font-size:42px; font-size:4.2rem; line-height:46px;}
  #contenthead,
  #contenthead .bigimg img {height:500px;}

  #section-4 .research .col-2 .ce-gallery {max-height:250px;}

  #section-6 .services h3 {font-size:20px; font-size:2rem; line-height:24px; margin-bottom:10px;}
}


@media only screen and (max-width:640px) {
  #section-4 .research .col-1 .text-frame p {width:100%;}
  #section-4 .research .col-1 a {padding:10px 55px 10px 10px;}
  #section-4 .research .col-1 a::after {padding:10px 20px;}

  #section-5 .services .col {width:100%; margin-bottom:15px;}
  #section-5 .services .col a {padding:10px 60px 10px 10px;}
  #section-5 .services .col a::after,
  #section-5 .services .col a {min-height:50px;}
}

@media only screen and (max-width:480px) {
  #contenthead h1 {font-size:32px; font-size:3.2rem; line-height:38px;}
  #contenthead,
  #contenthead .bigimg img {height:450px;}
  #contenthead .section-inner {padding-top:55px;}
  #content h2 {font-size:30px; font-size:3rem; line-height:38px;}
  #content h2 a::after {font-size:26px; font-size:2.6rem;}


  #content #section-1 .col {padding:18px 20px; text-align:center;}
  #content #section-1 h3 {margin-bottom:10px;}

  #content #section-2 {padding:20px 0 30px;}
  #content #section-2 .news .news {margin-top:10px;}
  #content #section-2 .news h2 {font-size:30px; font-size:3rem; line-height:38px;}
  #content .news h4 {margin-bottom:10px;}
  #content .news-list-view p {font-size:16px; font-size:1.6rem; line-height:24px;}
  #content .teaser-text .more {margin-top:25px;}

  #content .productgroups {margin-top:20px;}
  .productgroups .col {margin-bottom:10px; padding:10px 20px; width:100%; min-height:auto; text-align:left;}
  .productgroups .col .ce-textpic {display:flex; flex-wrap:wrap; align-items: center;}
  .productgroups .col .ce-bodytext {margin-left:5%; width:70%;}
  .productgroups .col .ce-center .ce-outer,
  .productgroups .col .ce-center .ce-inner {float:none; position:static;}
  .productgroups .col .ce-gallery {width:25%;}
  .productgroups .col .ce-gallery img {width:100%; height:auto;}
  .productgroups .col h4 {font-size:18px; font-size:1.8rem; line-height:24px;}

  #section-4 .research {margin-top:20px;}
  #section-4 .research .article h4 {font-size:1.6rem; line-height:1.5;}
  #section-4 .news-list-view .news-img-wrap {display:block;}

  #section-5 {margin:30px 0;}
  #section-5 .services {margin-top:25px;}
}

@media only screen and (max-width:360px) {
  #contenthead h1 {font-size:32px; font-size:3.2rem; line-height:36px;}
  #contenthead h2 {font-size:18px; font-size:1.8rem; line-height:24px;}
  #contenthead,
  #contenthead .bigimg img {height:380px;}
  #contenthead .section-inner {padding-top:15px;}

  #content .article-list-text {padding:10px 0 25px;}
  #content .news h4 {font-size:20px; font-size:2rem; line-height:24px;}
}