/*

LAYOUT
Base

Aside
78Content
Footer
Header
Main

MODULES
Anchor
Blockquote
Box
Breadcrumb
Code
Cookie
Embed
Figure
Form
Grid
Headline
Image
List
Navigation
Language Navigation
Searchfield
Searchpage
Table
Text
Teaser Grid

VENDOR
Mailform
News
UI Accordion
UI Tabs

Media Queries:
xs: 30em =  480px
sm: 48em =  768px
md: 64em = 1024px
lg: 72em = 1152px
xl: 80em = 1280px

 */

/* LAYOUT */

/* Base */

@font-face {
    font-family: 'Heebo';
    src:url('../../Fonts/Heebo/Heebo-Regular.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'Heebo';
    src:url('../../Fonts/Heebo/Heebo-Bold.ttf') format('truetype');
    font-weight: 600;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 100%;
  height: 100%;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  background-color: #fff;
  color: #666;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          flex-direction: column;
  font-family: 'Heebo', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  min-height: 100%;
}

body ::-moz-selection {
  background-color: #222;
  color: #fafafa;
}

body ::selection {
  background-color: #222;
  color: #fafafa;
}
.text-right {
  text-align:right;
}

/* Aside */

.site-aside {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (min-width: 769px) {

  .site-aside {
    -ms-flex-preferred-size: 22%;
        flex-basis: 22%; /* 25% - 3% */
  }

}

@media (min-width: 769px) {

  .site-aside-left {
    margin-right: 3%;
    -ms-flex-order: -1;
        order: -1;
  }

}

@media (min-width: 769px) {

  .site-aside-right {
    margin-left: 3%;
  }

}

/* Content */

.site-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-bottom: 3rem;
  padding-top: 3rem;
  flex:none;
}
#page-1 .site-content {
  padding-top:0;
}

.content-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media (min-width: 769px) {

  .content-main {
    -ms-flex-direction: row;
        flex-direction: row;
  }

}

.frame-type-image .ce-center .image-embed-item {
  display:block;
  margin:auto;
}

/* Youtube Videos */
.frame-type-youtubevideo_pi1.frame-layout-800 {
  height:auto;
  padding:1rem;
}
.youtubeVideo.small .customplaybutton {
  min-width: 70px;
  max-width: 70px;
  max-height: 70px;
	top: 50%;
	left:calc(-50% + 35px);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin:0;
}

/* STARTPAGE VIDEO */
.frame-type-youtubevideo_pi1.video--startpage{
  padding: 0;
}
.frame-type-youtubevideo_pi1.video--startpage .youtubeVideo figure .videoWrapper{
  padding-bottom: 48.25% !important;
  max-width: 86%;
  height: 0;
}
.frame-type-youtubevideo_pi1.video--startpage .youtubeVideo figure{
  padding: 0;
}
#page-1 .messe-container .frame-type-html {
  padding: 0 !important;
}
#c31632.frame-type-text a,
#c26928.frame-type-text a,
#c26930.frame-type-text a,
#c26929.frame-type-text a,
#c26934.frame-type-text a,
#c26936.frame-type-text a,
#c26937.frame-type-text a,
#c26939.frame-type-text a,
#c26943.frame-type-text a,
#c28469.frame-type-text a,
#c31637.frame-type-text a,
#c27124.frame-type-text a,
#c27066.frame-type-text a{
  margin: 0.7rem 0 0 0;
}


/* News Mediathek */
.news-media-section .news {

}

.mediathek-news .article {
    width: calc(20% - 1rem);
    float: left;
    background-color: #F8F8F8;
    margin:0.5rem !important;
    padding:0.5rem !important;
}
.news .mediathek-news .news-img-wrap {
    float: none;
}
.mediathek-news img {
    width: 275px;
    height: 183px;
}
.mediathek-news {
	width:100%;
    max-width:110rem;
    display:flex;
    flex-wrap: wrap;
    margin:1rem 1rem 4rem 1rem;
}
.mediathek-news .teaser-text img {
    display: none;
}
.news .mediathek-news .news-img-wrap {
    float: none;
}
.mediathek-news img {
    width: 275px;
    height: 183px;
}
.mediathek-singlenews {
    margin: 0 3.5em;
    max-width: 110rem;
    min-width: auto;
    margin: 0 auto;
}
.mediathek-news .teaser-text img {
    display: none;
}
.mediathek-news .article {
    min-height: 460px;
}
.mediathek-news img {
    width: calc(100% - 2rem);
    height: auto;
    margin:1rem;
}
.mediathek-news .article .news-img-wrap, .mediathek-news .article .teaser-text, .mediathek-news .article .footer {
    padding: 0 1rem;
    margin:0;
}
.mediathek-news .article {
    min-height: 478px;
}
.mediathek-news .header h3 span {
    font-size: 1.2em;
    line-height: 1.4rem;
    font-weight: normal;
}
.mediathek-singlenews h1 {
  font-size: 1.45rem;
}
.mediathek-singlenews span.news-list-date {
  display: none;
}
.news .mediathek-singlenews .news-img-wrap {
    float:left;
    margin-right:0 1rem 0 0;
    width:calc(33.33% - 1rem);
}
.news .mediathek-singlenews .header,
.news .mediathek-singlenews .news-text-wrap {
	width:calc(66.66% - 1rem);
	float:left;
	margin:0 0 0 1rem;
}
.news .page-navigation {
  display: block;
  width: 100%;
  margin-left: 0.5rem;
}
.news .page-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0;
}
.news .page-navigation ul li {
  margin-right: 1rem;
}

/* Stellenanzeigen */

#umantis_iframe iframe {
  min-height:1041px;
}

@media screen and (max-width:1760px) {
  #umantis_iframe iframe {
    min-height:1487px;
  }
}
@media screen and (max-width:1152px) {
  #umantis_iframe iframe {
    min-height:1630px;
  }
}
@media screen and (max-width:900px) {
  #umantis_iframe iframe {
    min-height:2510px;
  }
}
@media screen and (max-width:610px) {
  #umantis_iframe iframe {
    min-height:3600px;
  }
}

.find-jobs {
  width:auto;
  padding:0 0 30px 50px;
  font-size:26px;
  line-height:1.4;
  color:#008CC6;
  position:relative;
}
.find-jobs::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:36px;
  height:36px;
  background:url("../../Images/sprite.svg") 0px -795px no-repeat;
}

/* Suche / Search */
.tx-indexedsearch-searchbox {
  width:100%;
  padding:0 !important;
  margin:0 0 0.5rem 0;
  background:transparent !important;
}
.tx-indexedsearch-searchbox form {
  padding:2rem;
  max-width:30rem;
  background:#f4f4f4;
}
.tx-indexedsearch-searchbox legend {
  font-size:1.6rem;
  color:#008ad2;
  margin:0 0 1rem 0;
}
.tx-indexedsearch-searchbox input[type="text"] {
  padding:0.5rem 0.825rem;
  line-height:1.25rem;
  border:1px solid #bfbfbf;
  background:#fff;
  width:100%;
}
.tx-indexedsearch-searchbox input[type="text"]:focus,
.tx-indexedsearch-searchbox input[type="text"]:hover {
  box-shadow: inset 0px 0px 1px 1px #bfbfbf;
}
.tx-indexedsearch-form {
  width:calc(100% - 100px);
  float:left;
}
.tx-indexedsearch-search-submit {
  width:100px;
  float:left;
}
.tx-indexedsearch-searchbox .tx-indexedsearch-search-submit input {
  width:100%;
  font-weight: 300 !important;
  color: #fff !important;
  background: #008ad2;
  padding: 0.45rem 0.825rem;
  cursor:pointer;
  margin:24px 0 1rem 0.5rem;
}
.tx-indexedsearch-searchbox fieldset + p:last-child {
  display:none;
}
.tx-indexedsearch-searchbox p a {
  font-weight:300;
  color:#008ad2;
  background:#fff;
  padding:0.5rem 0.825rem;
  float:left;
}

.tx-indexedsearch-browsebox {
  margin:5rem 0 0 0;
}
.tx-indexedsearch-browsebox p {
  margin:0;
}

.tx-indexedsearch-res {
  width:100%;
  display:inline-block;
  padding:2rem 0;
  margin:0 0 1rem 0;
}
.tx-indexedsearch-res h3 {
  font-size:1.6rem;
  font-weight:300;
  text-transform:uppercase;
}
.tx-indexedsearch-res .tx-indexedsearch-title a {
  color:#008ad2;
  font-weight:300;
}
.tx-indexedsearch-title a {
  font-size:1.6rem;
  font-weight:300;
  color:#008ad2;
}
.tx-indexedsearch-percent {
  color:#666;
}
.tx-indexedsearch-description {
  max-width:60rem;
}
dl.tx-indexedsearch-info {
  width:100%;
  float:left;
  display:none;
}
dl.tx-indexedsearch-info dt,
dl.tx-indexedsearch-info dd {
  width:auto;
  float:left;
  font-size:0.8rem;
}
dl.tx-indexedsearch-info dd {
    margin: 0 3rem 0 0.5rem;
}
.tx-indexedsearch-text-item-path p {
    margin: 0;
    line-height:1.5;
}
.tx-indexedsearch-info a {
  font-weight: 300 !important;
  line-height: 1.5;
  color: #008ad2 !important;
}

/* Ebook Form */
#ebook_form {
  margin:1rem 0 0 0;
}
#ebook_form .form_box {
  display:inline-block;
}
#ebook_form .form_box > div {
  display:block;
  width:100%;
  float:left;
  margin:0 0 0.5rem 0;
}
#ebook_form .form_box input[type="checkbox"] {
  float:left;
  margin:0.2rem 0.5rem 0 0;
}
#ebook_form .form_box .form_checkbox label {
  display:inline-block;
  width:calc(100% - 13px - 0.5rem);
  float:left;
  font-size:0.88rem;
}
#ebook_form input {
  background-color: transparent;
  border: 1px solid #bfbfbf;
  line-height: 1.25rem;
  /*outline: 0;*/
  padding:0.5rem 0.825rem;
}
#ebook_form button[type="submit"] {
  background: #008ad2;
  color: #fff;
  padding: 0.45rem 1.4rem;
  margin-left: 0.5rem;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

/* Mitarbeiter Login */
.tx-felogin-pi1 form {
  margin:1rem 0 0 0;
}
.tx-felogin-pi1 legend {
  display:none;
  padding:0;
}
.tx-felogin-pi1 a {
  font-size:0.88rem;
}
.tx-felogin-pi1 label {
  display:block;
  width:100%;
  padding:0;
}
.tx-felogin-pi1 input {
  background-color: transparent;
  border: 1px solid #bfbfbf;
  line-height: 1.25rem;
  padding: 0.5rem 0.825rem 0.5rem 0.825rem;
  margin:0 0 1rem 0;
}
.tx-felogin-pi1 input[type="submit"] {
  background: #008ad2;
  color: #fff;
  padding: 0.45rem 1.4rem;
  border:none;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

/* Youtube Videos */
.youtubeVideo figure {
  padding-bottom: 38px;
}
.youtubeVideo figure .videoWrapper {
  overflow: visible;
}
.youtubeVideo iframe {
  z-index:3;
}
.cookieconsent-optout-marketing {
  position: absolute;
  bottom:0;
  padding:15px;
  background:rgba(255,255,255,0.9);
  z-index:2;
  width: 100%;

  transform: translate(0px, 100%);
}
.youtubeVideo:hover .customplaybutton polygon {
  fill:#fff;
}
.youtubeVideo:hover .customplaybutton circle {
  opacity:0.67;
}
.youtubeVideo .coverimage:hover .customplaybutton polygon {
  fill:#db0500;
}
.youtubeVideo .coverimage:hover .customplaybutton circle {
  opacity:1;
}

/* CUSTOM Videos auf chinesischer Seite */

html[lang="cn"] .site-main .column-3cols .grid-col-4 figure div.video-embed video {
  width: 100%;
  border: 1px solid #565657;
}
html[lang="cn"] .site-main .column-3cols .grid-col-4:nth-of-type(3) .frame-layout-1100 {
  display: flex;
  align-items: center;
}
html[lang="cn"] #page-73 figure.video .video-embed video,
html[lang="cn"] #page-1265 figure.video .video-embed video {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}

/* Footer */

.site-footer {
  background-color: #f8f8f8;
  color: #fff;
  padding:3rem 0 1.5rem 0;
}

.site-footer ::-moz-selection {
  background-color: #fff;
  color: #222;
}

.site-footer ::selection {
  background-color: #fff;
  color: #222;
}
.site-footer p {
  margin-bottom:0.8rem;
}
.site-footer p,
.site-footer a {
  font-size:0.88rem;
  line-height:1.2rem;
  color:#666;
}
.navigation-footer ul {
  display:inline-block;
}
.navigation-footer li {
  margin:0;
  float:left;
}
.navigation-footer li a {
  padding:0.5rem 1rem;
  margin:0;
}
.navigation-footer li:first-child a {
  padding:0.5rem;
}
.navigation-footer li::after {
  content:"|";
  color:#666;
  display:inline-block;
}
.navigation-footer li:last-child::after {
	content:none;
}
.site-footer .frame-type-textmedia {
  display:inline-block;
  width:100%;
  float:left;
}


.site-footer a.fb,
.site-footer a.linkedin,
.site-footer a.xing,
.site-footer a.youtube,
.site-footer a.instagram,
.site-footer a.yk,
.site-footer a.wc {
  margin:0 0 0 2rem;
  padding:0 0 0 2rem;
  position:relative;
}
.site-footer a.fb::before,
.site-footer a.linkedin::before,
.site-footer a.xing::before,
.site-footer a.youtube::before,
.site-footer a.instagram::before,
.site-footer a.yk::before,
.site-footer a.wc::before {
  content:"";
  width:21px;
  height:18px;
  display:inline-block;
  position:absolute;
  left: 0;
  top: 1px;
  background:transparent url("../../Images/sprite.svg") 0px 0px no-repeat;
}
.site-footer a.fb {
  margin:0;
}
.site-footer a.fb::before {
	background:transparent url("../../Images/Logos_Social-Media_facebook.png") 0px 0px no-repeat;
	background-size: 16px auto;
}
.site-footer a.linkedin::before {
	background:transparent url("../../Images/Logos_Social-Media_linkedin.png") 0px 0px no-repeat;
	background-size: 16px auto;
}
.site-footer a.xing::before { background-position: -92px -350px; }

.site-footer a.youtube::before {
	background:transparent url("../../Images/Logos_Social-Media_youtube.png") 0px 0px no-repeat;
	background-size: 21px auto;
	background-position: 0 -2px;
}
.site-footer a.instagram::before {
  background:transparent url("../../Images/Logos_Social-Media_instagram.png") 0px 0px no-repeat;
  background-size: 16px auto;
}

.site-footer .column-3cols .grid-col:nth-child(2) {
  margin:1rem 4rem;
  flex-basis:calc(100% / 12 * 4 - 2 * 4rem);
}

.footer-bottom {
  padding:0.5rem 0;
  background: #666;
  display:none;
}
.footer-bottom .ec-ref {
  color:#aaa;
  font-weight:300;
  text-align:right;
}
#page-1 .footer-bottom {
  display:block;
}
.footer-bottom .ec-ref a {
  color:#fff;
  font-weight:300;
  opacity:0.7;
}
.footer-bottom .ec-ref a:hover {
  opacity:1;
}

html[lang="cn"] .footer-bottom .grid {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

html[lang="cn"] .footer-bottom .grid .cmproxy a,
html[lang="cn"] body > .subpage .cmproxy a  {
  color: #fff;
  font-weight: 300;
  opacity: 0.7;
}

html[lang="cn"] .footer-bottom .grid .cmproxy a.psb:before,
html[lang="cn"] body > .subpage .cmproxy a.psb:before {
  content: "";
  display: inline-block;
  background: transparent url("../../Images/psb-icon.png") 0px 0px no-repeat;
  width: 20px;
  height: 20px;
  margin: 0 0 0 15px;
  vertical-align: sub;
}

html[lang="cn"] .footer-bottom .grid .cmproxy a:hover,
html[lang="cn"] body > .subpage .cmproxy a:hover {
  opacity: 1;
}

html[lang="cn"] body > .subpage .cmproxy {
  margin-left: auto;
  margin-right: auto;
  max-width: 110rem;
  width: 100%;
}

html[lang="cn"] body > .subpage {
  padding: 0.5rem 0;
  background: #666;
}

html[lang="cn"] .site-footer a.wc::before {
  background:transparent url("../../Images/Logos_Social-Media_wechat.svg") 0px 0px no-repeat;
  background-size: 16px auto;
}

html[lang="cn"] .site-footer a.yk::before {
  background:transparent url("../../Images/Logos_Social-Media_youku.svg") 0px 0px no-repeat;
  background-size: 16px auto;
}

html[lang="cn"] .site-footer .column-3cols .grid-col:nth-child(2) {
  margin: 1rem 0rem;
  flex-basis: calc(100% / 10 * 4 - 2 * 4rem);
}

/* SEO Footer */
.highlight-color {
  padding:6.5rem 0 3rem 0;
  margin:0 1rem;
}
.highlight-color h5 {
  font-size:1rem;
  margin:0 0 15px 0;
  text-decoration: uppercase;
}
.highlight-color p {
  font-size:0.88rem;
}
.highlight-color h5,
.highlight-color p {
  color:#c1c1c1;
}
.highlight-color .light-section a {
  color:#a1a1a1;
}

/* Header */

.site-header {
  background-color: #fff;
  color: #666;
  z-index:100;
  width:100%;
}

.site-header ::-moz-selection {
  background-color: #fff;
  color: #222;
}

.site-header ::selection {
  background-color: #fff;
  color: #222;
}

.site-logo {
  float: left;
  position:absolute;
  top:0;
  z-index: 9999;
  width:208px;
  height:146px;
}

.site-header,
.site-logo,
.site-logo img,
.navigation-header li ul {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10000;
}

.header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
            justify-content: space-between;

    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.header-meta {
  float: none;
  display: flex;
  -webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;
}

.navigation-header {
  -webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;
  margin:0;
}
.navigation-header a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header-meta .language-navi_content {
  margin:0;
  padding: 0;
}
.social-icons {
  margin:0 2.5rem;
}
.social-icons a {
    display: block;
    height: 16px;
    width: 21px;
    min-width:21px;
    margin: 0 0.5rem;
    background: transparent url(../../Images/sprite.svg) -150px -350px no-repeat;
}
.social-icons a.fb {
	background:transparent url("../../Images/Logos_Social-Media_facebook.png") 0px 0px no-repeat;
	background-size: 16px auto;
}
.social-icons a.linkedin {
	background:transparent url("../../Images/Logos_Social-Media_linkedin.png") 0px 0px no-repeat;
	background-size: 16px auto;
}
.social-icons a.xing {
 background-position: -100px -350px;
}
.social-icons a.youtube {
	background:transparent url("../../Images/Logos_Social-Media_youtube.png") 0px 0px no-repeat;
	background-size: 21px auto;
	background-position: 0 -2px;
}
.social-icons a.instagram {
	background:transparent url("../../Images/Logos_Social-Media_instagram.png") 0px 0px no-repeat;
	background-size: 16px auto;
}

.navigation li ul {
 z-index:2;
}

.teaser-grid .ce-textpic p {
 background:rgba(0,0,0,0.1);
}

.language-navi ul.second-level {
  visibility: hidden;
  position: absolute;
  z-index: 5;
  padding-left: 0;
  top: 0.7rem;
  background: #ffffff;
  opacity: 0;
  padding: 3.2rem 3rem 1rem 1rem;
-webkit-transition:  visibility 0s, opacity 0.3s linear;
-moz-transition: visibility 0s, opacity 0.3s linear;
-o-transition: visibility 0s, opacity 0.3s linear;
transition: visibility 0s, opacity 0.3s linear;
}

.language-navi li:first-child:hover ul.second-level  {
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s, opacity 0.3s linear;
-moz-transition: visibility 0s, opacity 0.3s linear;
-o-transition: visibility 0s, opacity 0.3s linear;
transition: visibility 0s, opacity 0.3s linear;
box-shadow:0px 5px 15px rgba(0,0,0,0.1);
}
.btbox {
  white-space: nowrap;
}
.social-icons,
.lang-nav,
.searchbox,
.btbox
 {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

/* Scrolled Header */
.site-header {
  position:fixed;
  box-shadow:0px 5px 15px rgba(0,0,0,0.1);
}

.site-header ~ .frame-type-ws_slider {
  padding-top: 104px;
}

body:not(:has(.frame-type-ws_slider)) .site-header ~ .site-content {
  padding-top: 144px;
}


.slick-slider ~ .site-content {
  padding-top: 0 !important;
}

/* Interner Bereich */

.interner-bereich-section .header-main {
	padding:33px 0;
}

.interner-bereich-section .tx-ec-amann-downloads {
  width:98%;
}


/* Main */

.site-main {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: hidden;
}

/* MODULES */

/* Anchor */

a {
  color: #008ad2;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}
.frame-type-text a {
  font-size: 0.88rem;
  color:#666;
  font-weight:600;
  margin:1.5rem 0 0 0;
}

a:focus, a:hover {
 color:#008ad2;
}

.btbox .button a{
	background: #008ad2;
    color: #fff;
    padding: 0.45rem 1.4rem;
    margin-left: 0.5rem;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

a.button,
.navigation-header a.button,
a.ec-button {
  display: inline-block;
    background: #008ad2;
    font-weight: normal;
    color: #fff;
    padding: 0.7rem 1.4rem;
    margin-left: 0;
    margin-right: 6px;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

a.button:hover,
.navigation-header a.button:hover,
a.ec-button:hover {
  color: #fff !important;
    background: #2fb1f5;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

/* Blockquote */

blockquote {
  border-left: 0.125rem solid #222;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
}

/* Box */

.box {
  height: 100%;
  padding: 1rem;
}

.box-light {
  background-color: #fff;
  color: #222;
}

.box-dark {
  background-color: #222;
  color: #fff;
}

/* Breadcrumb */

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
}

#page-1 .breadcrumb {
	display: none;
}

.breadcrumb ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: -0.5rem;
  padding: 0;
}

.breadcrumb li {
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  padding:0 0.5rem;
  position:relative;
}
.breadcrumb li::after {
	content:"\\\\";
	font-size:0.8rem;
	position:absolute;
	top:0;
	right:-0.5rem;
}

.breadcrumb li:last-child {
  background: none;
  margin: 0.5rem;
  padding-right: 0;
}
.breadcrumb li:last-child::after {
	content:none;
}

.breadcrumb a,
.breadcrumb span {
	font-size:0.8rem;
  	display: block;
}
.breadcrumb a {
  color:#666;
}

/* Code */

code {
  font-family: 'Courier New', monospace;
  font-size: 0.75em;
}

pre {
  background-color: #f5f5f5;
  display: block;
  margin-bottom: 1.5rem;
  margin-top: 0;
  overflow: auto;
  padding: 1rem;
  word-break: break-all;
}

/* Cookie */

.cookie {
  display:none !important;
  background-color: #fff;
  bottom: 0;
  font-size: 0.75rem;
  left: auto;
  opacity: 0;
  padding: 1rem;
  margin:1rem;
  position: fixed;
  right: 0;
  transform: translateY(100%);
  transition: opacity 0.3s, transform 0.3s;
  will-change: transform;
  z-index: 1;
  width:30rem;
  max-width:calc(100% - 2rem - 12rem);
  box-shadow:2px 2px 10px rgba(0,0,0,0.1);
}

.cookie.active {
  opacity: 1;
  transform: translateY(0);
}

.cookie p {
  margin: 0;
}

.cookie a:first-child {
  background-color: #008ad2;
  color: #fff;
  border: 1px solid #fff;
  display: inline-block;
  float: right;
  margin-left: 1rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

/* Embed */

embed,
iframe,
object {
  border: 0;
  max-width: 100%;
}
iframe {
  width:100%;
}

/* Figure */

figure {
  margin: 0;
}

/* Form */

button,
input,
select,
textarea {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: none;
}

/* Grid */

.grid {
  margin-left: auto;
  margin-right: auto;
  max-width: 110rem;
  width: 100%;
}

.grid-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1rem;
  min-width:100%;
}

.grid-col {
  margin: 1rem;
}
.grid-col-30 {
  width:calc(27% - 2rem);
}
.grid-col-40 {
  width:calc(46% - 2rem);
}

.grid-col-30,
.grid-col-40 {
  padding:0 3rem 1rem 3rem;
}
.grid-col-30:first-child {
  padding:0 3rem 1rem 0;
}
.grid-col-30:last-child {
  padding:0 0 1rem 3rem;
}


/* VIDEO */

  #page-1 .messe-container .frame-type-text:first-child {
    visibility: hidden;
  }
  #page-1 .messe-container .frame-type-html {
    padding:0 1em;
  }
  #page-1 .messe-container .frame-type-html .frame-type-youtubevideo_pi1 {
    padding:0;
    margin-bottom:13px;
  }
  #page-1 .messe-container .frame-type-html .frame-type-youtubevideo_pi1 .cookieconsent-optout-marketing {
    font-size:12px;
    line-height:1.2;
    padding:5px;
    background:#E8EBED;
  }
  #page-1 .messe-container .frame-type-html .frame-type-youtubevideo_pi1 .cookieconsent-optout-marketing a {
    cursor:pointer;
  }
  #page-1 .messe-container .frame-type-text:last-child {
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: normal;
    padding:0 1em 0 0;
  }
  .youtubeVideo .videoWrapper {
    border: 1px solid #f0f0f0;
  }
  .cookieconsent-optout-marketing {
    background:#E8EBED;
    padding:5px 10px;
  }

@media screen and (max-width:1536px) {

  #page-1 .messe-container {
    margin: 1rem 2rem 1rem 0rem;
  }

  .col1.grid-col-8 .news-list-view-front-page::after {
    right: -0.5rem !important;
  }

  #page-1 .teaser-grid.gallery-grid .ce-textpic .ce-bodytext {
    flex-flow: wrap column;
  }

}

  /* VIDEO End */


@media (min-width: 769px) {

  .grid-col-1 {
    -ms-flex-preferred-size: calc(100% / 12 * 1 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 1 - 2 * 1rem);
        width: calc(100% / 12 * 1 - 2 * 1rem);
  }

  .grid-col-2 {
    -ms-flex-preferred-size: calc(100% / 12 * 2 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 2 - 2 * 1rem);
        width: calc(100% / 12 * 2 - 2 * 1rem);
  }

  .grid-col-3 {
    -ms-flex-preferred-size: calc(100% / 12 * 3 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 3 - 2 * 1rem);
        width: calc(100% / 12 * 3 - 2 * 1rem);
  }

  #page-1 .messe-container {
    flex-basis: unset;
    position: relative;
  }

  .grid-col-4 {
    -ms-flex-preferred-size: calc(100% / 12 * 4 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 4 - 2 * 1rem);
        width: calc(100% / 12 * 4 - 2 * 1rem);
  }

  .grid-col-5 {
    -ms-flex-preferred-size: calc(100% / 12 * 5 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 5 - 2 * 1rem);
        width: calc(100% / 12 * 5 - 2 * 1rem);
  }

  .grid-col-6 {
    -ms-flex-preferred-size: calc(100% / 12 * 6 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 6 - 2 * 1rem);
        width: calc(100% / 12 * 6 - 2 * 1rem);
  }

  .grid-col-7 {
    -ms-flex-preferred-size: calc(100% / 12 * 7 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 7 - 2 * 1rem);
        width: calc(100% / 12 * 7 - 2 * 1rem);
  }

  .grid-col-8 {
    -ms-flex-preferred-size: calc(100% / 12 * 8 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 8 - 2 * 1rem);
        width: calc(100% / 12 * 8 - 2 * 1rem);
  }

  .grid-col-9 {
    -ms-flex-preferred-size: calc(100% / 12 * 9 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 9 - 2 * 1rem);
        width: calc(100% / 12 * 9 - 2 * 1rem);
  }

  .grid-col-10 {
    -ms-flex-preferred-size: calc(100% / 12 * 10 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 10 - 2 * 1rem);
        width: calc(100% / 12 * 10 - 2 * 1rem);
  }

  .grid-col-11 {
    -ms-flex-preferred-size: calc(100% / 12 * 11 - 2 * 1rem);
        flex-basis: calc(100% / 12 * 11 - 2 * 1rem);
        width: calc(100% / 12 * 11 - 2 * 1rem);
  }

}

/* Slider */
.slick-slider {
  margin-bottom:0;
}
.slick-slider figcaption {
  	display:flex;
  	flex-flow:wrap row;
  	align-items:center;
  	justify-content:center;
  	width:100%;
  	height:100%;
  	top:0;
  	right:0;
  	bottom:0 !important;
  	left:0;
  	padding:0;
  	background:none;
  	border:none;
  }
  .slick-slider figcaption p {
  	font-size:1.5rem;
  	color:#fff;
  	text-align:center;
  	text-transform: uppercase;
  	padding:1rem;
  	margin:0;
  	background-color: rgba(0,0,0,0.75);
    border: 1px solid rgba(255,255,255,0.75);
  }

  /* Slick Slider Mobile */
  .slick-slider.desktop {
  	display:block;
  }
  .slick-slider.mobile {
  	display:none;
  }
.slick-slide {
  float:none;
  position:static;
}
.slick-arrow {
  width:8%;
  background:transparent;
  outline:none !important;
}
.slick-prev::after,
.slick-next::after {
  content:"";
  width:20px;
  height:20px;
  position:absolute;
  top:calc(50% - 10px);
  left:calc(50% - 10px);
  background:transparent url("../../Images/sprite.svg") 0px -550px no-repeat;
}
.slick-next::after {
  left:auto;
  right:calc(50% - 10px);
  background-position:-40px -550px;
}

.slick-slide figure {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slick-slide figure > a {
  display:inline-block;
  float:left;
}
.slick-slide figure > a:active,
.slick-slide figure > a:visited,
.slick-slide figure > a:focus {
	outline:none !important;
}
.slick-slider figcaption {
  pointer-events:none;
}
.slick-slide figure img {
  width:100%;
}

ul.slick-dots {
  bottom: -2.5rem;
}
ul.slick-dots li {
  height: 7px;
}
ul.slick-dots li button {
  width: 7px;
  height: 7px;
  background: #000;
  opacity: 0.3;
}
ul.slick-dots li.slick-active button {
  background: #000;
  opacity: 0.6;
}



/* TYPO3 10 Flexslider */

.tx-ws-flexslider {
	overflow:hidden;
}

.tx-ws-flexslider .flexslider {
	border:none;
	margin:0;
}

.tx-ws-flexslider .flexslider .slidercontent {
	position: relative;
}

.tx-ws-flexslider .flexslider .slidercontent img {
	max-width:calc(100% - 1px);
}

.tx-ws-flexslider .flexslider .slidercontent .caption-wrapper {
	position: absolute;
  	display:flex;
  	flex-flow:wrap row;
  	align-items:center;
  	justify-content:center;
  	width:100%;
  	height:100%;
  	top:0;
  	right:0;
  	bottom:0 !important;
  	left:0;
  	padding:0;
  	background:none;
  	border:none;
}

.tx-ws-flexslider .flexslider .slidercontent .caption-wrapper .caption-text {
    width:auto;
    position: static;
    padding:0;
    background:transparent;
}

.tx-ws-flexslider .flexslider .slidercontent .caption-wrapper .caption-text .caption-title {
	display:none;
}

.tx-ws-flexslider .flexslider .slidercontent .caption-wrapper .caption-text .caption-body p {
  	font-size:1.5rem;
  	color:#fff;
  	text-align:center;
  	text-transform: uppercase;
  	padding:1rem;
  	margin:0;
  	background-color: rgba(0,0,0,0.75);
    border: 1px solid rgba(255,255,255,0.75);
}

.tx-ws-flexslider .flexslider .slidercontent .caption-wrapper .caption-link {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
}

.tx-ws-flexslider .flexslider .slidercontent .caption-wrapper .caption-link a {
	display:block;
	width:100%;
	height:100%;
	opacity:0;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    width: 8%;
    background: transparent;
    outline: none !important;
    color:transparent;
    text-indent:10000px;
    text-shadow:none;
}

.flex-direction-nav .flex-prev::before,
.flex-direction-nav .flex-next::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    background: transparent url(../../Images/sprite.svg) 0px -550px no-repeat;
}

.flex-control-nav {
  bottom: 10px !important;
}

.flex-control-nav li {
  margin: 0 !important;
}

.flex-control-nav li a {
  width: 17px !important;
  height: 17px !important;
  background: transparent !important;
  box-shadow: none !important;

  position: relative;
}

.flex-control-nav li a::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #000;
  opacity: 0.3;
  pointer-events: none;

  position: absolute;
  left: 5px;
  top: 5px;
}

.flex-control-nav li a.flex-active::after {
  opacity: 0.6;
}


/* Headline */

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;
  font-weight: 100;
}

h1 {
  font-size: 2.35rem;
  font-weight:300;
  text-transform:none;
  color:#565657;
  margin:0 0 0.5rem 0;
}
h1.text-center {
	text-align:center;
	margin:0 0 3rem 0;
}

h1.text-center + h2.text-center {
  margin-top:-2.5rem;
  font-size:1.45rem;
}

h2 {
  font-size: 2rem;
  font-weight:300;
  text-transform:none;
  margin:0 0 2rem 0;
}
h2.text-center {
	text-align:center;
	margin:0 0 3rem 0;
}

h2.ce-headline-center {
  font-size: 1.45rem;
  color:#666;
  margin-bottom: 2.2rem;
}

h1 + h2,
header + h2 {
  font-size: 23px !important;
  color: #acacac !important;
}

h3 {
  font-size: 35px;
  font-weight:300;
  text-transform:none;
  color:#565657;
  margin:0 0 1.7rem 0;
}
h3.text-center {
  text-align:center;
  margin:0 0 3rem 0;
}

h4 {
  font-size: 25px;
  color:#565657;
  margin-bottom: 2.2rem;
}
h3 + h4 {
  font-size: 23px;
  color:#acacac;
}
h4.grey {
	color:#666;
	margin-top:-2rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}
.frame-default header h3 + h4,
.frame-default header h3 + * {
	margin-top:-1.5rem;
}

/* Image */

img,
svg {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

img {
  border: 0;
}

/* List */

ol,
ul {
  margin-bottom: 1.5rem;
  margin-top: 0;
  padding-left: 1.25rem;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-top: 0.5rem;
}

.ce-bodytext ul {
  list-style: none;
  padding-left: 0;
}

.ce-bodytext ul li {
  background-image: url('../../Images/square.svg');
  background-position: 0 0.67em;
  background-repeat: no-repeat;
  background-size: 0.25em;
  padding-left: 1em;
}


/* Sections */

.full-width.dark-section {
  background: #f8f8f8;
}

.full-width .frame {
   -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
}
.full-width .col1 .frame-type-text {
  max-width:54rem;
  padding:4rem 4rem 4rem 0;
  float:right;
}
.full-width .col2 .frame-type-text {
  max-width:54rem;
  padding:4rem 0 4rem 4rem;
}
.col1.grid.light-section.grid-col-12 {
	padding:0 0 4rem 0;
}

/* Anwendungen & Services Grid */
.short-section {
  max-width:110rem;
  margin:1rem auto;
  padding:4rem 0;
}
.site-main .frame-layout-0:first-child .short-section {
	max-width:70rem;
}
.short-section .teaser-grid .grid-row {
    margin: -0.1rem;
}
.short-section .teaser-grid .grid-col {
  margin:0.1rem;
}
.short-section .teaser-grid .column-1col > .grid-col.col1 {
	-ms-flex-preferred-size: calc(100% / 12 * 12 - 2 * 0.1rem);
    flex-basis: calc(100% / 12 * 12 - 2 * 0.1rem);
}
.short-section .teaser-grid .grid-col-4 {
    -ms-flex-preferred-size: calc(100% / 12 * 4 - 2 * 0.1rem);
    flex-basis: calc(100% / 12 * 4 - 2 * 0.1rem);
    margin: 0.1rem 0.1rem 0.2rem 0.1rem;
    position: relative;
}
.short-section .teaser-grid .column-2cols > .grid-col-8 {
  flex-basis:calc(100% / 4 * 3 - 2 * 0.1rem);
  -ms-flex-preferred-size:calc(100% / 4 * 3 - 2 * 0.1rem);
  width:calc(100% / 4 * 3 - 2 * 0.1rem);
  margin:0.1rem;
}
.short-section .teaser-grid .column-2cols > .grid-col-4 {
  flex-basis:calc(100% / 4 * 1 - 2 * 0.1rem);
  -ms-flex-preferred-size:calc(100% / 4 * 1 - 2 * 0.1rem);
  width:calc(100% / 4 * 1 - 2 * 0.1rem);
  margin:0.1rem;
}

.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-textmedia.frame-layout-0 .ce-textpic p img {
  left:calc(50% - 72px);
  top:3rem;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 {
  position: absolute;
  bottom: 3rem;
  width:76%;
  height:calc(100% - 3rem);
  left:12%;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 > .grid-row {
  width:calc(100% + 0.8rem);
  position:absolute;
  bottom:0;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .grid-row {
  margin:-0.8rem -0.4rem;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .grid-col {
  margin:0.8rem 0.4rem;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .grid-col-6 {
  border:1px solid #fff;
  flex-basis:calc(50% - 0.8rem - 2px);
  -ms-flex-preferred-size:calc(50% - 0.8rem - 2px);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .grid-col-6:hover {
	background-color:rgba(255,255,255,0.2);
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .ce-gallery {
  padding:10px 0 0 0;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .ce-gallery a {
  display:block;
  width:100%;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .ce-gallery img {
  display:block;
  margin:auto;
  width:auto;
  height:auto;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .ce-bodytext p {
  background:transparent;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .ce-bodytext p a {
  padding:0 0 10px 0;
  font-size: 0.6rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .ce-bodytext p,
.short-section .teaser-grid .grid-col-4 > .frame-default > .column-1col.grid-row.layout0 > .col1.grid-col > .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 .ce-bodytext p a {
  position:static;
}

/* Beliebte Links */

#page-1 .col1.grid.light-section.grid-col-12 {
  padding:4.25rem 0 4.25rem 0;
}
#page-1 .light-section .column-3cols {
  margin:0 !important;
}
#page-1 .light-section .column-3cols h4 {
  font-size: 25px;
  margin-bottom: 1.7rem;
}
#page-1 .light-section .column-3cols > .grid-col {
  margin:0;
  padding:2rem;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}
#page-1 .light-section .column-3cols > .grid-col-4:first-child {
    background: #fff;
    padding: 2rem 4.5rem 2rem 2rem;
    flex-basis: calc(100% / 12 * 2.85);
    width: calc(100% / 12 * 2.85);

    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
#page-1 .light-section .column-3cols > .grid-col-4:first-child h4 {
  margin-bottom: 3rem;
}
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) {
  padding:0 1.5rem 0 1.5rem;
  flex-basis:calc(100% / 12 * 6.05);
  width:calc(100% / 12 * 6.05);
  box-sizing: border-box;
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) > .frame-default > .grid-row {
  margin: -1rem -0.75rem;
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) .grid-col {
  box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) .grid-col.grid-col-8 {
      -ms-flex-preferred-size: calc(100% / 12 * 7.5 - 2 * 0.75rem);
    flex-basis: calc(100% / 12 * 7.5 - 2 * 0.75rem);
    width: calc(100% / 12 * 7.5 - 2 * 0.75rem);

  padding: 2rem;
  margin: 1rem 0.75rem;
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) .grid-col.grid-col-8 .news {
  padding: 0 6px 2.5rem 6px;
  margin: -1rem -2rem;
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) .grid-col.grid-col-8 .news .teaser-text a.more {
  display: inline-block;
  background: #008ad2;
  font-size:  15px;
  font-weight: normal;
  color: #fff;
  padding: 0.6rem 1.2rem;
  margin-left: 0;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
  position: absolute;
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) .grid-col.grid-col-8 .news .teaser-text a.more:hover {
  background: #2fb1f5;
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(3) .ce-bodytext a {
  display: inline-block;
  background: #008ad2;
  font-size:  15px;
  font-weight: normal;
  color: #fff;
  padding: 0.6rem 1.2rem;
  margin-left: 0;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(3) .ce-bodytext a:hover {
  background: #2fb1f5;
}



#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) .grid-col.grid-col-8 .news .fixed-sliderwidth {
  width: 100%;
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) .grid-col.grid-col-4 {
      -ms-flex-preferred-size: calc(100% / 12 * 4.5 - 2 * 0.75rem);
    flex-basis: calc(100% / 12 * 4.5 - 2 * 0.75rem);
    width: calc(100% / 12 * 4.5 - 2 * 0.75rem);

  padding: 2rem;
  margin: 1rem 0.75rem;
}

#page-1 .light-section .column-3cols > .grid-col-4:nth-child(3) {
  flex-basis:calc(100% / 12 * 3.1);
  width:calc(100% / 12 * 3.1);
  position:relative;

  box-sizing: border-box;
  box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(3)::after {
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:100%;
}
#page-1 .light-section .grid-col-4:first-child .ce-textpic.ce-left {
  width:100%;
  float:left;
  border-bottom:1px solid #d6d6d6;
}
#page-1 .light-section .grid-col-4:first-child .ce-textpic.ce-left .ce-gallery {
	width:46px;
  float:left;
  margin:0 10px 0 0;
}
#page-1 .light-section .grid-col-4:first-child .ce-textpic.ce-left .ce-bodytext {
  width:calc(100% - 56px);
  float:right;
}
#page-1 .light-section .grid-col-4:first-child img {
	display:block;
  padding:0.7rem 0;
  margin:auto;
}
#page-1 .light-section .grid-col-4:first-child img[src*="hap_rgb.svg"] {
	padding:1rem 0 0.4rem;
}
#page-1 .light-section .grid-col-4:first-child p {
  margin:0;
}
#page-1 .light-section .grid-col-4:first-child p a {
  line-height:23px;
  color:#666;
  width:100%;
  padding:0.7rem 0;
  float:left;
  position:relative;
}
#page-1 .light-section .grid-col-4:first-child p a::after {
  content:"";
  height:23px;
  width:23px;
  position:absolute;
  right:0;
  top:0.7rem;
  background:transparent url("../../Images/sprite.svg") 10px -145px no-repeat;
}
#page-1 .light-section .grid-col-4:last-child p {
  margin:0.7rem 0;
}
.light-section a {
  color:#666;
  font-weight:600;
}
.light-section a:hover {
  color:#008ad2;
}
#page-1 .light-section .col1.grid-col-4 a {
  font-weight:300;
}


/* Navigation */

.navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation li {
  position:inherit;
}

.navigation-header a {
  display: block;
  font-size:1rem;
  color:#666;
  padding:2.5rem 0 2.5rem 0;
  margin:0 2rem 0 0;
  position: relative;
}
.navigation-header li:not(.subm) a {
	margin:0 calc(2rem - 15px) 0 0;
}

html[lang="bg"] .navigation-header li.layer1 {
  padding:0.5rem;
}
html[lang="bg"] .navigation-header a {
  margin:0 1rem 0 0;
}
html[lang="bg"] .navigation-header li:not(.subm) a {
  margin:0 calc(1rem - 15px) 0 0;
}
html[lang="bg"] .social-icons {
  margin:0 1rem;
}
html[lang="bg"] .lang-nav {
  padding-left:0;
  padding-right:0;
}
html[lang="bg"] .lang-nav.company-nav {
  padding-left:0.5rem;
  padding-right:0.5rem;
}
html[lang="bg"] .header-meta .btbox .button {
  padding-left:0;
}

@media (max-width:96rem) {
  html[lang="bg"] .navigation-header a,
  html[lang="bg"] .lang-nav li,
  html[lang="bg"] .searchbox input.tx-indexedsearch-searchbox-sword,
  html[lang="bg"] .btbox .button a {
    font-size:0.9rem;
  }
  html[lang="bg"] .navigation-header a {
    padding: 0.5rem 0rem;
  }
  html[lang="bg"] .navigation-header li.subm a:not(.header)::after {
    right:-20px;
  }
  html[lang="bg"] .searchbox input.tx-indexedsearch-searchbox-sword {
    max-width:7rem;
  }
}
@media (max-width:30rem) {
  html[lang="bg"] .navigation-header a,
  html[lang="bg"] .lang-nav li,
  html[lang="bg"] .searchbox input.tx-indexedsearch-searchbox-sword,
  html[lang="bg"] .btbox .button a {
    font-size:0.8rem;
  }
}

.navigation-header a:hover,
.navigation-header a:focus,
.navigation-header li.active > a {
  color:#008ad2;
}
.navigation-header li.subm a:not(.button)::after {
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  background:transparent url("../../Images/sprite.svg") 0px 4px no-repeat;
  position:absolute;
  top:calc(50% - 6px);
  right:-22px;
}

.navigation-header li.subm.mobilehover a:not(.button)::after {
  rotate: 180deg;
}

.navigation-header li > ul.nav-outer-wrapper {
  display:inline-block;
  padding:1.5rem 0;
  visibility: hidden;
  opacity:0;
  -webkit-transition: visibility 0s, opacity 0.1s linear, top 0.1s;
  -moz-transition: visibility 0s, opacity 0.1s linear, top 0.1s;
  -o-transition: visibility 0s, opacity 0.1s linear, top 0.1s;
  transition: visibility 0s, opacity 0.1s linear, top 0.1s;
}
.navigation-header li:hover > ul.nav-outer-wrapper {
  visibility: visible;
  opacity:1;
  box-shadow:-5px 5px 15px rgba(0,0,0,0.1);
}

.navigation-header li:hover > ul {
  display: inline-block;
}

.navigation-header li ul {
  display: none;
  position: absolute;
  z-index: 1;
  width:100%;
  border-top:3px solid rgba(0, 69, 105, 0.1);
  top:103px;
  left:0;
  margin:0;
}

.navigation-header ul.navigation-list {
  display:inline-block;
  position:static;
  border:none;
}
.navigation-header ul.navigation-list li.menu-item {
  display:inline-block;
  width:100%;
  margin:0;
}
.navigation-header ul.navigation-list li.menu-item a {
  padding:0.5rem 3rem 0.5rem 0;
  margin:0;
  border-bottom:1px solid #ebeff2;
}
.navigation-header ul.navigation-list li.menu-item:first-child a {
  border-top:1px solid #ebeff2;
}
.navigation-header ul.navigation-list li.menu-item a::after {
  opacity:0;
}
.navigation-header ul.navigation-list li.menu-item.hassubitems > a::after {
  opacity:1;
  right:0;
  background-position:-100px 1px;
  display:none;
}

.navigation-header ul.navigation-list li.menu-item ul.sub {
  width:calc(33.33% + 1rem);
  margin:0;
  padding:1rem 1rem 1rem 3rem;
  top:0;
  right:0;
  left:auto;
  border:none;
  display:none;
}
.navigation-header .menu-item a {
  padding:0;
  width:100%;
  float:left;
}

.navigation-link-current {
  font-weight: 700;
}

.navigation-header {
  display: none;
  float: left;
  width: 100%;
}

@media (min-width: 769px) {

  .navigation-header {
    display: block;
    width: auto;
    float: none;
    margin: 0;
    padding-left: 18.75rem;
  }

}

.navigation-header.active {
  display: block;
}

.navigation-header ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: -0.5rem;
}

@media (min-width: 769px) {

  .navigation-header ul {
    -ms-flex-direction: row;
        flex-direction: row;
  }

}

.navigation-header li {
  margin: 0.5rem;
  position: static;
}
.navigation-header li.layer1 {
	margin:0;
	padding:0.5rem;
}

.navigation-footer ul {
  margin: -0.5rem;
}

.navigation-button {
  background-image: url('../../Images/menu.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid #bfbfbf;
  float: right;
  height: 2rem;
  margin-top: 1rem;
  overflow: hidden;
  text-indent: -999px;
  width: 3rem;
}

@media (min-width: 769px) {

  .navigation-button {
    display: none;
  }

}

.nav-outer-wrapper {
  background:#fff;
  width:100%;
  position: absolute;
  top:130px;
  left:0;
}
.nav-outer-wrapper .nav-outer {
  max-width:80rem;
  min-width:auto;
  margin:0 auto;
  position:relative;
}
.navigation .left-navi-inner p {
  padding:0 1rem 0 0;
}
.navigation a.button {
  display:inline-block;
  margin:0;
  padding:0.8rem 1.4rem;
}
.navigation a.button::after {
  content:none;
}

p.headline {
  font-size: 2.35rem;
  font-weight: 300;
  text-transform: none;
  color: #008ad2;
  margin: 0 0 2rem 0;
  line-height: 1.2;
}

/* Language Navigation */

.lang-nav {
  color: #008ad2;
  line-height: 1.2;
  padding-right: 1rem;
  padding-left: 1rem;
}
.site-header li {
  list-style: none;
}
.lang-nav li {
  padding: 0;
  position: relative;
  cursor: pointer;
  color:#bfbfbf;
  margin:0 1.5rem 0 0;
}
.lang-nav.company-nav li {
	text-align:right;
}
.lang-nav li:hover {
  color:#008ad2;
}
.lang-nav li:after {
  content:"";
  width:15px;
  height:15px;
  background:transparent url("../../Images/sprite.svg") 0px -45px no-repeat;
  position:absolute;
  top:calc(50% - 6px);
  right:-22px;
}
.lang-nav.company-nav .language-navi {
	width:100%;
}

.lang-nav li.active a {
  font-weight: bold;
}

.lang-nav ul.second-level li {
  padding:0;
  margin:0;
}
.lang-nav ul.second-level li::after {
  content:none;
}
.lang-nav ul.second-level li a {
  color:#666;
  padding:0.5rem 0.5rem;
  margin:0;
  width:100%;
  float:left;
  white-space:nowrap;
  font-size:1rem;
  line-height:1.2;
  text-align:left;
}
.lang-nav ul.second-level li a:hover {
  color:#008ad2;
}

.lang-nav .frame-type-text ul.second-level li a {
  font-weight: 100;
}


/* Searchfied */

.searchbox #indexedsearchbox {
  border: 1px solid #bfbfbf;
}

.searchbox #indexedsearch {
  position: relative;
}

.searchbox input.searchbox-sword::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bfbfbf;
  line-height: normal;
}
.searchbox input.searchbox-sword::-moz-placeholder { /* Firefox 19+ */
  color: #bfbfbf;
  line-height: normal;
  opacity: 1;
}
.searchbox input.searchbox-sword:-ms-input-placeholder { /* IE 10+ */
  color: #bfbfbf;
  line-height: normal;
}
.searchbox input.searchbox-sword:-moz-placeholder { /* Firefox 18- */
  color: #bfbfbf;
  line-height: normal;
}

.searchbox input.tx-indexedsearch-searchbox-sword {
    background-color: transparent;
    border: none;
    line-height: 1.25rem;
    padding-bottom: 0.5rem;
    padding-left: 0.825rem;
    padding-right: 0.2875rem;
    padding-top: 0.5rem;
    max-width: 8.3rem;
}
.searchbox input.tx-indexedsearch-searchbox-sword:focus,
.searchbox input.tx-indexedsearch-searchbox-sword:hover {
  box-shadow:2px 2px 5px rgba(0,0,0,0.1);
}

.searchbox input[type=submit] {
  width:2.25rem;
  height:2.25rem;
  display:inline-block;
  background: transparent url('../../Images/sprite.svg') no-repeat scroll 8px -91px;
  position:absolute;
  right:0;
  top:0;
  cursor:pointer;
}


/* Searchpage */

.tx-indexedsearch td,
.tx-indexedsearch th {
  padding: 0;
}

.tx-indexedsearch-searchbox td {
  padding-right: 0.3125rem;
  padding: 0.3125rem;
}

.tx-indexedsearch-searchbox tr {
  float: left;
}

.tx-indexedsearch-searchbox {
  background-color: #f4f4f4;
  display: inline-block;
  padding: 0.625rem;
}

.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword.sword {
  background-color: #fff;
  border: 1px solid #cfd1d2;
  padding: 0.3125rem;
  width: 15rem;
}

.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button.submit {
  background-color: #009ee3;
  border-radius: inherit;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.3125rem 0.625rem;
}

.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button.submit:hover {
  background-color: #009ee3;
  opacity: 0.7;
}

.tx-indexedsearch-res {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 1.25rem;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
  margin-bottom: 0.8125rem;
}

.tx-indexedsearch-res:last-child {
  border-bottom: none;
}

.tx-indexedsearch-res table {
  max-width: 46.875rem;
}

.tx-indexedsearch-rules,
.tx-indexedsearch tr:first-child td:first-child,
.tx-indexedsearch tr:last-child td:first-child,
.tx-indexedsearch p,
td.tx-indexedsearch-info.info {
  display: none;
}

.tx-indexedsearch td {
  border: none;
}

.tx-indexedsearch table {
  margin-bottom: 0;
}

/* Fixed Side Buttons */
.side-buttons {
  position:fixed;
  top:30%;
  right:0;
  z-index:100;
}
.side-buttons ul {
  list-style: none;
}
.side-buttons ul li {
  padding:0;
  background:#008ad2 url("../../Images/sprite.svg") 0px 0px no-repeat;
   -webkit-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.side-buttons ul li:hover {
  background-color:#2fb1f5;
  -webkit-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.side-buttons ul li.mail {
  background-position: 20px -383px;
}
.side-buttons ul li.contact {
  background-position: 23px -433px;
}
.side-buttons ul li.shop{
  background-position: 19px -984px;
}
.side-buttons ul li.interner_bereich {
  background-position: 25px -886px;
}
.side-buttons ul li.consumer {
  background-position: -97px -1028px;
}
.side-buttons ul li.logout {
  background-color: #616161;
}
.side-buttons ul li.logout:hover {
  background-color:#777;
}
.side-buttons ul li.logout {
  background-position:27px -929px;
}

.side-buttons ul li a {
  display:block;
  width:4rem;
  height:4rem;
  margin:0 0 2px 0;
  text-align:center;
  padding:2.8rem 0 0 0;
  font-size:0.5rem;
  line-height:1.2;
  color:#fff;
}

/* Table */

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5rem;
  text-align: left;
  width: 100%;
}

caption,
td,
th {
  border: 1px solid #bdbdbd;
  padding: 0.5rem;
  vertical-align: top;
}

caption {
  font-weight: 700;
}

/* Text */

b,
strong {
  font-weight: bolder;
}

em {
  font-style: italic;
}

p {
  margin-bottom: 1.5rem;
  margin-top: 0;
  line-height:1.4rem;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

.align-center {
  text-align: center;
}

.align-justify {
  text-align: justify;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

/* Button */
.light-section a.button {
    background: #008ad2;
    color: #fff;
    padding: 0.4rem 1.4rem;
    margin-left: 0.5rem;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300 !important;
}

.light-section a.button:hover {
    color:#fff;
    background:#2fb1f5;
}


/* Teaser Grid */

.teaser-grid .ce-textpic {
  position: relative;
}

.teaser-grid .ce-textpic .ce-gallery img {
  width: 100%;
}

.teaser-grid .ce-textpic p {
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: auto;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.teaser-grid .ce-textpic p img {
  position:absolute;
  left:calc(50% - 25px);
  top:calc(50% - 40px);
}
.teaser-grid .ce-textpic p a {
    position: absolute;
    font-size:22px;
    color: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding:30px 0 0 0;
}

/* Teaser Grid Unterseiten */
.teaser-grid.gallery-grid {
  max-width:94rem;
  min-width:auto;
  margin:auto;
}
.gallery-hover .ce-textpic { cursor: pointer;}

.teaser-grid.gallery-grid.column-2cols {
	max-width:64rem;
}
.teaser-grid.gallery-grid .grid-col-4 {
  margin:0.1rem 0.1rem 0.05rem 0.1rem;
  -ms-flex-preferred-size: calc(100% / 12 * 4 - 2 * 0.1rem);
  flex-basis: calc(100% / 12 * 4 - 2 * 0.1rem);
  width: calc(100% / 12 * 4 - 2 * 0.1rem);
}
.teaser-grid.gallery-grid .grid-col-6 {
	margin:0.1rem 0.1rem 0.05rem 0.1rem;
	-ms-flex-preferred-size: calc(100% / 12 * 6 - 2 * 0.1rem);
  flex-basis: calc(100% / 12 * 6 - 2 * 0.1rem);
  width: calc(100% / 12 * 6 - 2 * 0.1rem);
}
.teaser-grid.gallery-grid .ce-textpic .ce-bodytext {
  display:flex;
  flex-flow:wrap row;
  align-items:center;
  justify-content:center;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  width:100%;
}
.teaser-grid.gallery-grid .ce-textpic p {
  position:static;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  margin:0;
}
.teaser-grid.gallery-grid .ce-textpic p a {
  width:auto;
	height:auto;
	margin:auto;
	position:relative;
	padding:10px;
	background:rgba(0,0,0,0.75);
	border:1px solid rgba(255,255,255,0.75);
	font-weight:300;
}
.teaser-grid.gallery-grid .image a {
	display:inline-block;
	width:100%;
	height:100%;
}
.teaser-grid.gallery-grid img.image-embed-item {
  width:100%;
}

/* TEASER GRID STARTSEITE ANWENDUNGEN */

#page-1 .teaser-grid.gallery-grid {
  max-width: 100%;
}
#page-1 .gallery-hover .ce-bodytext:hover {
  background: none;
}
#page-1 .teaser-grid.gallery-grid .ce-textpic p {
  background: none;
}


/* Img Text Wrap */
.img-text-wrap.light-section,
.img-text-wrap.dark-section {
	margin:0 auto;
}
.img-text-wrap .grid-col-6 {
	ms-flex-preferred-size:50%;
	flex-basis:50%;
	width:50%;
	margin:1rem 0;
}
.img-text-wrap.full-width .col1 .frame-type-text {
	max-width:55rem;
	padding:4rem 4rem 4rem 0;
}
.img-text-wrap.full-width .col2 .frame-type-text {
	max-width:55rem;
	padding:4rem 0 4rem 4rem;
}
.img-text-wrap .grid-col-6 .ce-gallery {
  height:100%;
}
.img-text-wrap .grid-col-6 .image img {
	width:100%;
	height:auto;
}
.full-width .frame-type-text p:last-child,
.img-text-wrap p:last-child,
.frame-layout-800 .ce-textpic p:last-child,
.ce-bodytext p:last-child,
body:not(.page-applications) .frame-type-text p:last-child,
.full-width .frame-type-text ul:last-child,
.img-text-wrap ul:last-child,
.frame-layout-800 .ce-textpic ul:last-child,
.ce-bodytext ul:last-child,
.frame-type-text ul:last-child {
	margin-bottom:0 !important;
}

/* 2021 EC Webdesign Relaunch */

.ec-text-image-grid {
  max-width: 110rem;
  min-width: auto;
  margin: 0 auto;
}

.ec-text-image-grid .grid-col {
  margin: 0;
}

.ec-text-image-grid .grid-col.grid-col-6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.ec-text-image-grid .grid-col .frame-type-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 1.5rem 5rem 1.5rem 2.5rem;
}

.ec-text-image-grid .grid-col .frame-type-image {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ec-text-image-grid .grid-col .frame-type-image figure.image {
  overflow: hidden;
}

.ec-text-image-grid .grid-col .frame-type-image figure.image img {
  width: 100%;
  height: 100%;
  max-width: none;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
}

/* VENDOR */

/* Mailform */

.csc-mailform {
  margin-bottom: 1.5rem;
}

.csc-mailform ol {
  list-style: none;
  margin: -0.5rem;
  padding: 0;
}

.csc-mailform li {
  margin: 0.5rem;
}

.csc-mailform label {
  display: block;
}

.csc-mailform label em {
  color: #e30613;
}

.csc-mailform input[type="color"],
.csc-mailform input[type="date"],
.csc-mailform input[type="datetime"],
.csc-mailform input[type="datetime-local"],
.csc-mailform input[type="email"],
.csc-mailform input[type="file"],
.csc-mailform input[type="month"],
.csc-mailform input[type="number"],
.csc-mailform input[type="output"],
.csc-mailform input[type="password"],
.csc-mailform input[type="range"],
.csc-mailform input[type="search"],
.csc-mailform input[type="tel"],
.csc-mailform input[type="text"],
.csc-mailform input[type="time"],
.csc-mailform input[type="url"],
.csc-mailform input[type="week"],
.csc-mailform select,
.csc-mailform textarea {
  background-color: #fff;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  width: 100%;
}

.csc-mailform input[type="button"],
.csc-mailform input[type="reset"] {
  background-color: #008ad2;
  color: #fff;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
}

.csc-mailform input[type="button"]:focus,
.csc-mailform input[type="button"]:hover,
.csc-mailform input[type="reset"]:focus,
.csc-mailform input[type="reset"]:hover {
  background-color: #006533;
}

.csc-form-element-checkboxgroup ol,
.csc-form-element-radiogroup ol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.csc-form-element-checkboxgroup li,
.csc-form-element-radiogroup li {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.csc-form-element-checkbox,
.csc-form-element-radio {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.csc-form-element-checkbox input[type="checkbox"],
.csc-form-element-radio input[type="radio"] {
  margin-right: 0.5rem;
  -ms-flex-order: -1;
      order: -1;
}

/* News */

.news {
  margin: -1rem;
}

.news .slick-arrow {
  width:2rem;
}
.slick-prev::after {
  left:auto;
  right:0;
}
.slick-next::after {
  left:0;
  right:auto;
}
.news-list-view-front-page .article.articletype-0 {
    height:100%;
    margin-bottom: 2rem;
}

.news .article {
  margin: 0;
  padding: 1rem 2rem;
}

.news .news-img-wrap {
  float: left;
  margin-right: 1rem;
}

.news .teaser-text {
  overflow: hidden;
}

/* UI Accordion */

.ui-accordion {
  margin-bottom: 1.5rem;
}

.ui-accordion-header {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
}

.ui-accordion-header-icon {
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  height: 0.5rem;
  margin-right: 0.5rem;
  width: 0.5rem;
}

.ui-accordion-header-icon.ui-icon-triangle-1-e {
  background-image: url('../../Images/plus.svg');
}

.ui-accordion-header-icon.ui-icon-triangle-1-s {
  background-image: url('../../Images/minus.svg');
}

/* UI Tabs */

.ui-tabs {
  margin-bottom: 1.5rem;
}

.ui-tabs-nav {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: -0.125rem;
  padding: 0;
}

.ui-tabs-tab {
  margin: 0.125rem;
}

.ui-tabs-anchor {
  background-color: #aaa;
  color: inherit;
  display: block;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.ui-tabs-active .ui-tabs-anchor {
  background-color: #fff;
}

.ui-tabs-panel {
  background-color: #fff;
  padding: 1rem;
}

/* News */

.news .header span {
    font-size: 12px;
}
.news .header h3 {
  font-size:1rem;
  margin:0.7rem 0;
}
.news .news-list-view-front-page .header h3 span {
  font-size:1rem;
  line-height:1.4rem;
  font-weight:normal;
}

.news-list-view-front-page {
  display: -webkit-inline-box;
}
.parallax-window {
  padding:8rem 0 8rem 0;
  background: rgba(0,0,0,0.3);
}
.parallax-window h3 {
  font-size: 44px;
  font-weight: normal;
  margin: 0 0 1.4rem 0;
}
.parallax-window p {
  font-size: 22px;
  font-weight: normal;
  margin: 0 0 2.2rem 0;
}
.parallax-window p:last-child {
  margin:0;
  line-height:56px;
}
.parallax-window a {
  font-size:1.25rem;
  padding: 0.8rem 2rem;
  border: 1px solid #fff;
  margin:0 1.5rem;
}
.parallax-window a:hover {
  background:#fff;
  color:#666;
}
.parallax-window h3,
.parallax-window p,
.parallax-window a {
  color: #fff;
  text-align: center;
}

.parallax-window a.phone,
.parallax-window a.mail {
  padding:0.8rem 2rem 0.8rem 4rem;
  position:relative;
}
.parallax-window a.phone::before,
.parallax-window a.mail::before {
  content:"";
  display:inline-block;
  width:25px;
  height:25px;
  position:absolute;
  top:14px;
  left:1rem;
  background:transparent url("../../Images/sprite.svg") 0px 0px no-repeat;
}
.parallax-window a.phone::before {
  background-position:0px -250px;
}
.parallax-window a.mail::before {
  background-position:0px -297px;
}
.parallax-window a.phone:hover::before {
  background-position:-50px -250px;
}
.parallax-window a.mail:hover::before {
  background-position:-50px -297px;
}

/* Bildunterschrift */
.grid-col figcaption.image-caption {
  font-size:12px;
  padding:1rem 0 1rem 2rem;
  background:#fafafa;
}
.grid-col:last-child figcaption.image-caption {
	font-size:12px;
	padding:1rem 2rem 1rem 0;
	background:#fafafa;
}
.grid-col .frame-layout-800 figcaption.image-caption {
	padding:1rem;
}

/* Location & contacts map */

.tx-eclocations {
  padding:4rem 0 0 0;
}
.tx-eclocations.active {
  padding-bottom:4rem;
}
.tx-eclocations .teaser-grid .ec-grid-col-2 {
  display:none;
}
.tx-eclocations.active .teaser-grid .ec-grid-col-2 {
  display:block;
}
.tx-eclocations .teaser-grid .col2.grid-col-4 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;

  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
}
.tx-eclocations .ec-text {
	width:100%;
}
.tx-eclocations .ec-continent,
.tx-eclocations .ec-mainlocation {
  width:100%;
  margin:0 0 4rem 0;
}
.tx-eclocations .ec-mainlocation-inner,
.tx-eclocations .ec-continent-inner {
  width:100%;
  float:left;
}
.tx-eclocations .ec-continent-item,
.tx-eclocations .ec-mainlocation-item {
  float:left;
}
.tx-eclocations .ec-mainlocation span,
.tx-eclocations .ec-continent span {
  font-size:1.15rem;
  color:#008ad2;
  padding:0.25rem 0;
  cursor:pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tx-eclocations .ec-continent span:hover,
.tx-eclocations .ec-mainlocation span:hover {
  padding:0.25rem 0 0.25rem 20px;
}

#page-1 .tx-eclocations .teaser-grid .ec-grid-col-2 {
  margin-bottom: 0;
}.tx-eclocations .teaser-grid .ec-grid-col-2 {
  margin-bottom: 5rem;
  width:100%;
}
.tx-eclocations .ec-locations {
  width:100%;
  margin:0 0.5rem;
  display:inline-block;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.tx-eclocations .location-box {
  width:calc(16.5% - 1rem);
  max-width:calc(16.5% - 1rem);
  flex-basis:calc(16.5% - 1rem);
  -ms-flex-preferred-size:calc(16.5% - 1rem);
  margin:0.5rem;
  padding:1rem;
  float:left;
  color:#666;
  background:#fafafa;
}
.tx-eclocations .location-box span {
  color:#008ad2;
}
.tx-eclocations .location-box a {
  white-space:pre-wrap;
  word-break:break-word;
}

.eclocations.grid {
    margin-bottom: 5rem;
}

#right-panel {
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}

#right-panel select, #right-panel input {
  font-size: 15px;
}

#right-panel select {
  width: 100%;
}

#right-panel i {
  font-size: 12px;
}
#right-panel {
  height: 100%;
  overflow: auto;
}

/* Kontakt */
.ec-contacts {
  word-break:break-word;
}
.ec-dropdown {
  color:#666;
  padding:0.3rem 0.5rem;
  border:1px solid #bfbfbf;
  text-transform: uppercase;
}
#end {
    margin: 0 15px 0 0;
    border: 1px solid #bbbcbe;
    padding: 0.5em 1em;
    display: block;
}
#pac-input {
    margin: 0 15px 0 0;
    border: 1px solid #bbbcbe;
    padding: 0.5em 1em;
    display: block;
    width: 20%;
}
#submit_map {
    margin: 0 15px 0 0;
    border: 1px solid #bbbcbe;
    padding: 0.5em 5em;
    display: block;
    background-color: #008ad2;
    color: white;
    cursor: pointer;
}
.routeplaner-map {
    display: flex;
    margin-bottom: 1.5em;
}

/* 100 Text mit Bild Gridelement*/
.text-picture-strip {
  position: relative;
  overflow: hidden;
}

.text-picture-strip img {
  width: 100%;
  height: auto;
}
.text-picture-strip .frame.frame-default.frame-type-textpic.frame-layout-0 {
  margin: 0 auto;
  max-width: 1760px;
  width: 100%;
}

.text-picture-strip .ce-gallery {
  width: 100%;
  position: absolute;
  left: 0;
  height: 100%;
}
.text-picture-strip .ce-bodytext {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
  z-index: 3;
  width: 100%;
  max-width: 880px;
}

/* Products Seite */
.product-special-grid .product-col {
	-ms-flex-preferred-size:calc(100% / 12 * 2.4 - 2 * 1rem);
	flex-basis:calc(100% / 12 * 2.4 - 2 * 1rem);
	width:calc(100% / 12 * 2.4 - 2 * 1rem);
}
.product-finder-selectbox,
.product-finder-kategorien {
	width:100%;
	max-width:30rem;
}

/* Product Finder */
.product-finder-grid {
	font-size:14px;
}
.product-finder h1 {
	font-size:1.55rem;
	padding:0 0 0 3rem;
	position:relative;
}
.product-finder h1::after {
	content:"";
	width:23px;
	height:23px;
	background:url("../../Images/sprite.svg") 0px -800px no-repeat;
	position:absolute;
	top:0;
	left:0;
}
.product-finder h4 input {
	top:-2px;
}
.product-finder .accordion-wrapper {
	margin:0;
	padding:0.2rem 0;
}
.product-finder .product-finder-kategorien > .accordion-wrapper {
	margin:0;
	padding:0;
}
.product-finder .ui-accordion-header {
	font-size:14px;
	color:#666;
	margin:0;
	padding:1rem 0 1rem 0.25rem;
	position:relative;
	border-bottom:1px solid #d6d6d6;
}
.product-finder .accordion-wrapper:last-child .ui-accordion-header {
	border-bottom:none;
}
.product-finder .ui-accordion-header-icon {
	position:absolute;
	top:20px;
	right:0;
	width:12px;
	height:12px;
	background:url("../../Images/sprite.svg") 0px 0px no-repeat !important;
}
.product-finder .ui-accordion-header-icon.ui-icon-triangle-1-e {
	background-image:none;
	background-position:-100px 0px !important;
}
.product-finder .ui-accordion-header-icon.ui-icon-triangle-1-s {
	background-position:0px 0px !important;
}
.tx-ec-products .product-finder li {
	background:none;
	margin:0;
	padding-left:0;
  width:100%;
  float:left;
}
.product-finder .categories1Level .ui-accordion-header .ui-accordion-header-icon {
	top:6px;
}
.product-finder .categories1Level .ui-accordion-header,
.product-finder .categories1Level .accordion-wrapper:last-child .ui-accordion-header {
	padding:0;
	line-height:24px;
	border:none;
}
.product-finder .categories1Level {
	list-style:none;
	margin:0.3rem 0 0 0;
	padding:0 0 1rem 0.2rem;
	border-bottom:1px solid #d6d6d6;
}
.product-finder .categories1Level > li input,
.product-finder .categories1Level > li label {
  float:left;
}
.product-finder .categories1Level > li label {
  width:calc(100% - 26px);
}
.product-finder .categories1Level ul {
	list-style:none;
	margin:0;
}
.product-finder .categories1Level ul li {
	padding:0.2rem 0 0.2rem 2rem;
}
.product-finder .categories1Level ul li label {
	line-height:19px;
}
.product-finder .categories1Level ul li:last-child {
	margin-bottom:0;
}
.product-finder input {
    margin-right: 10px;
    -webkit-appearance:none;
    border:1px solid #d6d6d6;
    background:#fff;
    width:16px;
    height:16px;
    margin: 0 10px 0 0;
    position:relative;
    top:3px;
}
.product-finder input,
.product-finder label {
	cursor:pointer;
}
.product-finder-suche {
	margin: 0 0 2rem;
}
.product-finder input[type=text] {
	background-color: transparent;
	border: 1px solid #bfbfbf;
	line-height: 1.25rem;
	padding-bottom: 0.5rem;
	padding-left: 0.825rem;
	padding-right: 0.2875rem;
	padding-top: 0.5rem;
	width: auto;
	height: auto;
}
.product-finder-selectbox {
	margin: 0 0 2rem;
	width:84%;
}
.product-finder-kategorien {
	width:80%;
}
.product-finder-selectbox select {
	width:100%;
	border:1px solid #bfbfbf;
	padding:0.25rem 0.825rem;
}
.product-finder input:checked,
.product-finder h4.ui-accordion-header-icon-opened ~ input {
    background:#fff url("../../Images/sprite.svg") 3px -646px;
}
.product-finder-products-tags-wrap {
	margin:0 0 4rem 0;
}
.product-finder-products-tags p {
	float:left;
}
.product-finder-products-tags ul {
	list-style:none;
	margin:0 0 0 1rem;
	padding:0;
	display:inline-block;
	float:left;
}
.product-finder-products-tags ul li {
	font-size:12px;
	line-height:14px;
	color:#fff;
	background:#008ad2;
	padding:3px 10px;
	margin:0 3px 0 0;
	float:left;
}
.product-finder-products-tags .disable_category {
	display:inline-block;
	width:11px;
	height:11px;
	margin:1px 0 0 0.5rem;
	background:url("../../Images/sprite.svg") 0px -850px no-repeat;
	float:right;
}
.product-finder ::selection {
	color:inherit;
	background:none;
}
.productfinder-load {
	display: none;
	opacity: 0.5;
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
}
	.productfinder-load span {
		background-color: #000;
		color: #fff;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 25%;
		height: 50px;
		line-height: 50px;
		margin: auto;
	}
	.loader {
		position: fixed;
		border: 10px solid #f3f3f3; /* Light grey */
		border-top: 10px solid #008ad2; /* Blue */
		border-radius: 50%;
		bottom: 50%;
		left: 0;
		right: 0;
		width: 50px;
		height: 50px;
		margin: auto;
		animation: spin 2s linear infinite;
	}

	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}


/* Produkt Grid */
.product-finder-products.grid-row {
	margin:-0.3rem;
}
.product-finder-products.grid-row > .tx-ec-products {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-finder-products .product-col {
  padding: 2rem 1rem;
  margin:0.3rem;
    min-height: 20rem;
    float: left;
    color: #666;
    background: #fafafa;
    -ms-flex-preferred-size: calc(100% / 12 * 3 - 2 * 0.3rem);
    flex-basis: calc(100% / 12 * 3 - 2 * 0.3rem);
    width: calc(100% / 12 * 3 - 2 * 0.3rem);
    max-width: calc(100% / 12 * 3 - 2 * 0.3rem);
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.product-finder-products .product-col img {
	margin:-2rem 0;
}
.product-finder-products .product-finder-products-rohtoff,
.product-finder-products .product-finder-products-konstruktion {
	text-align:center;
	margin:0 0 1rem 0;
}
.product-finder-products .product-finder-products-rohtoff {
	margin:0;
	color:#666;
}
.product-finder-products .product-col > a:first-child {
	display:block;
	margin:auto;
	float:none;
}
.product-finder-products .product-col > a:first-child img {
  margin:auto;
  display:block;
  width:auto;
  height:auto;
  max-width:200px;
  max-height:40px;
}
.product-finder-products .product-col a.go_to_product {
	font-size:0.8rem;
	font-weight:bold;
	color:#666;
	text-align:center;
	display:block;
}

/* Product Detailseite */
.tx-ec-products {
	font-size:14px;
	padding-bottom:3rem;
}
.tx-ec-products .tx-ec-products {
	padding: 0rem;
	width: 100%;
}
.tx-ec-products .product-single-view-headerbild-displaynone {
	display: none;
}
.tx-ec-products .product-single-view-grid .grid-row:first-child {
  margin-bottom:4rem;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
}
.tx-ec-products .product-single-view-grid .grid-row .grid-row:first-child {
	margin-bottom:-1rem;
}
.tx-ec-products .product-single-view-image,
.tx-ec-products .product-single-view-descr {
	background:#fafafa;
}
.tx-ec-products .product-single-view-descr .grid-col-10 {
  -ms-flex-preferred-size: calc(100% - 16rem);
  flex-basis: calc(100% - 16rem);
  width: calc(100% - 16rem);
}
.tx-ec-products .product-single-view-descr .grid-col-2 {
  -ms-flex-preferred-size: 12rem;
  flex-basis: 12rem;
  width: 12rem;
}
.tx-ec-products .product-single-view-image {
	border-right:1rem solid #fff;
}
.tx-ec-products .product-single-view-image img {
	display:block;
	margin:auto;
}
.tx-ec-products .product-single-view-descr {
	padding:2rem;
	border-left:1rem solid #fff;
  position:relative;
}
.tx-ec-products .product-single-view-descr img {
	margin:0 0 2rem 0;
}
.tx-ec-products .product-single-view-descr img:nth-child(n+2) {
  margin-left:2rem;
}
.tx-ec-products .product-single-view-descr .product-finder-products-rohtoff {
	margin-bottom:2rem;
}
.tx-ec-products .product-single-view-descr h2{
	display:inline;
	font-size:2.4rem;
	color:#666;
	white-space:pre-line;
	word-break: break-word;
}
.tx-ec-products .product-single-view-descr h2:nth-child(2) {
	display:inline;
}
.tx-ec-products .product-single-view-descr h2:nth-child(2)::before {
	content:" ";
}

.tx-ec-products .product-single-view-descr-title {
	-ms-flex-preferred-size: calc(100% - 2 * 1rem);
  	flex-basis: calc(100% - 2 * 1rem);
  	width: calc(100% - 2 * 1rem);
}
.tx-ec-products .product-single-view-descr-prolabel {
  width:auto;
	display:block;
	float:none;
  position:absolute;
  bottom:0;
  right:0;
  padding:1rem;
}
.tx-ec-products .product-single-view-descr-prolabel .certificate {
  display:inline-block;
  float:right;
  height:70px;
  margin:0 0 1rem 0;
}
.tx-ec-products .product-single-view-descr-prolabel img {
  margin:0 0 1rem 0;
  float:right;
  width:auto;
  height:auto;
  max-height:70px;
}
.tx-ec-products .product-single-view-descr-prolabel p {
  float:right;
  text-align: right;
  width: 100%;
  line-height:1.2;
  margin:0;
}
.product-single-view-descr-prolabel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.product-single-view-descr-prolabel ul li {
	float: left;
	background: none;
	padding: 0;
	margin: 0 1rem 0 0;
	width: auto;
}
.product-single-view-descr-prolabel ul li:last-child {
  margin:0;
}
.tx-ec-products .product-single-downloadlinks {
	color:#666;
	margin:0 3rem 0 0;
	padding:0 0 0 1.5rem;
	background:url("../../Images/sprite.svg") 0px -745px no-repeat;
}


.tx-ec-products ul {
	list-style:none;
	padding-left:0;
}
.tx-ec-products li {
	padding-left:1.5rem;
	margin:0 0 0.5rem 0;
}
.tx-ec-products .product-finder-products-bulletpoints ul {
  -webkit-column-count:2;
          column-count:2;
  margin-bottom: 6rem;
  max-width:50rem;
}
.tx-ec-products .product-finder-products-bulletpoints li {
  display:inline-block;
  width:100%;
  float:none;
  padding:0 2rem 0 1.5rem;
}
.tx-ec-products li::before {
  content:"";
  display:inline-block;
  background:url("../../Images/sprite.svg") 0px -700px no-repeat;
  width:5px;
  height:5px;
  float:left;
  margin:7px 0 0 -1.5rem;
}
.product-single-view-descr-prolabel ul li::before,
.product-single-view-anwendungen-detail li::before,
.product-single-view-legend li::before,
.tx-ec-products .product-finder li::before,
.product-finder-products-tags ul li::before {
  display:none;
}

.tx-ec-products .product-single-view-grid > .grid-row.layout0 {
  flex-wrap:nowrap;
}
.tx-ec-products .product-single-view-table {
	border-right:3rem solid #fff;
}
.tx-ec-products .product-single-view-table h4 {
  font-size: 1.45rem;
  color: #008ad2;
  margin-bottom: 2.2rem;
}
.tx-ec-products-single-table {
	border-spacing:0 !important;
}
.tx-ec-products-single-table thead td {
	color:#fff;
	background:#008ad2;
}
.tx-ec-products-single-table td {
	border:none;
	border-top:1px solid #d3d3d3;
	padding:0.75rem 1rem 0.75rem 3rem;
}
.tx-ec-products-single-table tbody td:first-child {
  border-left:1px solid #d3d3d3;
}
.tx-ec-products-single-table tbody td:last-child {
  border-right:1px solid #d3d3d3;
}
.tx-ec-products-single-table tr:first-child td {
	border-top:none;
}
.tx-ec-products-single-table tbody tr:last-child td {
  border-bottom:1px solid #d3d3d3;
}
.tx-ec-products-single-table tr:nth-child(2n + 2) td {
	background:#fbfbfb;
}

.product-single-view-anwendungen {
	border-left:3rem solid #fff;
}
.product-single-view-anwendungen h4 {
	color: #008ad2;
	font-size:14px;
	margin-bottom:1.8rem;
}


.product-single-view-anwendungen-haupt {
	display:inline-block;
	width:100%;
	margin:0 0 2rem 0;
}
.product-single-view-anwendungen-haupt img,
.product-single-view-anwendungen-haupt ul {
	float:left;
}
.product-single-view-anwendungen-haupt img {
	margin:0 2rem 1rem 0;
}

.product-single-view-anwendungen-detail h4 {
	color:#666;
}
.product-single-view-anwendungen-detail li {
	padding-left:0;
	margin:0 0.25rem 0.25rem 0;
	background:none;
  float:left;
}
.product-single-view-anwendungen-detail li:last-child {
	margin:0;
}

.tx-ec-products .product-single-view-legend h4 {
	color:#666;
	float:left;
	margin:0 2rem 0 0;
}
.product-single-view-legend p {
	text-align:center;
	margin:0.5rem 0 0 0;
}
.tx-ec-products .product-single-view-legend h4,
.product-single-view-legend p {
	font-size:14px;
}
.product-single-view-legend ul {
	float:left;
}
.product-single-view-legend li {
	padding:0;
	margin:0 3rem 0 0;
	float:left;
	background:none;
}

/* Vietnam VI Language Version */
html[lang="vi"] body {
	font-family: 'Didact-Gothic', sans-serif;
}

html[lang="vi"] .btbox .button {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

@media (max-width:110rem) {

/* Grids */
.grid,
.short-section
.light-section,
.grid-light-section,
.text-picture-strip .frame.frame-default.frame-type-textpic.frame-layout-0  {
  max-width:90rem;
}
.full-width .col1 .frame-type-text,
.full-width .col2 .frame-type-text {
	max-width:calc(100% - 4rem);
}
.site-header .grid {
  max-width:100%;
}

/* Header */
.header-main {
	width:calc(100% - 148px);
	margin:0 20px 0 128px;
	min-height: 88px;
}
.navigation-header li > ul.nav-outer-wrapper {
  padding:1.5rem 3rem;
}

/* Header & Navigation */
.navigation-header li.layer1 {
	padding:0;
}
.navigation-header .layer1 > a::after {
  content:none;
}
.navigation-header a {
  padding:2rem 0 2rem 0;
}
.site-header .site-logo {
  height:88px;
  width:110px;
}
.site-header .site-logo img {
  height:100%;
}

.site-header .navigation-header li ul {
  top:88px;
}

.header-meta .btbox .button {
	padding:0.25rem 0rem 0.25rem 1rem;
}

/* Content */
.ce-image.ce-center.ce-above,
.ce-image .ce-gallery,
.ce-image .ce-outer,
.ce-image .ce-inner,
.ce-image .ce-row,
.ce-image .ce-column,
.ce-image figure.image {
	height:100%;
}
.ce-image img.image-embed-item {
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}
.slick-slide img {
	width:100%;
}

/* Locations & Contact */
.tx-eclocations .location-box {
  width:calc(20% - 1rem);
  width:calc(20% - 1rem);
  max-width:calc(20% - 1rem);
  flex-basis:calc(20% - 1rem);
  -ms-flex-preferred-size:calc(20% - 1rem);
}

/* Text Image Strap */
.text-picture-strip .ce-bodytext {
	max-width:50rem;
	margin:0;
}
.text-picture-strip img {
	height:100%;
	width:auto;
	max-width:none;
	position:absolute;
  right:0;
  opacity:0.2;
}

/* Img Text Wrap */

.img-text-wrap.full-width .col1 .frame-type-text,
.img-text-wrap.full-width .col2 .frame-type-text {
	max-width:calc(100% - 5rem);
}

.img-text-wrap figure.image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	    -ms-flex-direction: column;
  	        flex-direction: column;
  	-webkit-box-pack: center;
  	    -ms-flex-pack: center;
  	        justify-content: center;
}

/* Mediathek News */
.mediathek-news {
  max-width:90rem;
}

/* Footer */
.site-footer .column-3cols .grid-col:nth-child(2) {
  margin:1rem;
  flex-basis:calc(100% / 12 * 4 - 2 * 1rem);
}
.site-footer a.fb,
.site-footer a.linkedin,
.site-footer a.xing,
.site-footer a.youtube {
  margin:0 0 0 2rem;
}

.site-footer a.fb {
  margin:0;
}

}

@media (max-width:96rem) {
/* Grid */
.grid,
.short-section
.light-section,
.grid-light-section,
.site-main .frame-layout-0:first-child .short-section,
.text-picture-strip .frame.frame-default.frame-type-textpic.frame-layout-0,
.img-text-wrap.light-section {
	max-width:calc(100vw - 8rem);
}
.mediathek-singlenews {
  margin: 0 1.5em;
}
#page-1 .light-section .column-3cols > .grid-col-4:first-child {
	flex-basis:100%;
	padding-left:2rem;
	padding-right:2rem;
  margin-bottom: 1.5rem;
}
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) {
	flex-basis:calc(100% / 12 * 7.5);
	width:calc(100% / 12 * 7.5);
	padding-left:0;
	padding-right:1.5rem;
}
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) > .frame-default > .grid-row {
  height: 100%;
}
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(3) {
	flex-basis:calc(100% / 12 * 4.5);
	width:calc(100% / 12 * 4.5);
}
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(3)::after {
	content:none;
}
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(3) div.frame {
	padding-left:0 !important;
}
#page-1 .light-section .column-3cols {
	margin:-1rem 0;
}
.dark-section .grid-col-6 {
	width:100%;
}

/* Header & Navigation */
.site-header {
  background:#f8f8f8;
}
.header-main {
	width:calc(100% - 100px);
	margin:0 0 0 100px;
  padding:0;
  display:block;
}
.navigation-header a {
  margin:0 1rem 0 0;
}
.navigation-header li:not(.subm) a {
	margin:0 calc(1rem - 15px) 0 0;
}
.navigation-header li.subm a:not(.header)::after {
	right:-10px;
}
.header-meta {
  height:48px;
  float:right;
  padding:0 4rem;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.header-meta > div.social-icons {
	margin:0 1rem;
}
.searchbox input.tx-indexedsearch-searchbox-sword {
  padding:0.25rem 1rem;
}
.searchbox input[type=submit] {
  width:1.75rem;
  height:1.75rem;
}
.searchbox input[type=submit] {
  background-position:6px -94px;
}
.btbox .button a {
	padding:0.25rem 1rem;
	line-height:calc(1.25rem + 2px);
}
.navigation-header {
  width:100%;
  float:right;
  background:#fff;
  padding:0 4rem 0 0;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.navigation-header .inner-navigation {
	width:auto;
  background:#fff;
  margin:0 -1rem 0 0;
  float:right;
}
.navigation-header a {
  padding:0.5rem 1rem;
}
.site-header li.layer1 {
	display:block;
	float:left;
  margin:0;
  width:auto;
}
.site-header li.layer1 > a {
  text-align:right;
}
.site-header .navigation-header li ul {
  top:88px;
}

/* Anwendungen & Service Grid */
.short-section .teaser-grid .column-2cols > .grid-col-4 .ce-textpic figure > .image-embed-item {
  width:100%;
  height:420px;
  -o-object-fit:cover;
     object-fit:cover;
}
.short-section .teaser-grid .column-2cols > .grid-col-8 .ce-textpic figure > .image-embed-item {
  width:100%;
  height:calc(210px - 0.1rem);
  -o-object-fit:cover;
     object-fit:cover;
}
.teaser-grid .ce-textpic p img {
	position:static;
	margin:4rem 0 0 0;
}
#page-1 .teaser-grid .ce-textpic p img {
  margin: auto;
}

/* Locations & contacts */
.tx-eclocations .location-box {
  width:calc(25% - 1rem);
  max-width:calc(25% - 1rem);
  flex-basis:calc(25% - 1rem);
  -ms-flex-preferred-size:calc(25% - 1rem);
}

/* Mediathek News */
.mediathek-news {
  max-width:calc(100vw - 8rem);
}
.mediathek-news .article {
  width:calc(25% - 1rem);
  padding:0 !important;
}

/* Produkt Seite Grid */
.product-special-grid .product-col {
  -ms-flex-preferred-size: calc(100% / 12 * 3 - 2 * 1rem);
  flex-basis: calc(100% / 12 * 3 - 2 * 1rem);
  width: calc(100% / 12 * 3 - 2 * 1rem);
}

/* Product Finder Grid */
.product-finder-products .product-col {
	-ms-flex-preferred-size: calc(100% / 12 * 4 - 2 * 0.3rem) !important;
    flex-basis: calc(100% / 12 * 4 - 2 * 0.3rem) !important;
    width: calc(100% / 12 * 4 - 2 * 0.3rem) !important;
    max-width: calc(100% / 12 * 4 - 2 * 0.3rem) !important;
}

/* Product Detailseite */
.tx-ec-products .product-single-view-image,
.tx-ec-products .product-single-view-table {
  border-right:none;
}
.tx-ec-products .product-single-view-descr,
.product-single-view-anwendungen {
  border-left:none;
}
.tx-ec-products .product-single-view-descr h2 {
  font-size:1.6rem;
}
.tx-ec-products .product-single-view-descr .product-single-view-descr-title img {
  width:auto;
  max-height:40px;
  margin:0 0 3rem 0;
}
.tx-ec-products-single-table td {
  padding:0.75rem 1rem 0.75rem 1rem;
}

/* Footer */
.site-footer p {
	margin-bottom:1.8rem;
}
.navigation-footer li {
	width:100%;
}
.navigation-footer li a {
	padding:0.5rem;
}
.navigation-footer li::after {
	content:none;
}
.site-footer a.fb,
.site-footer a.linkedin,
.site-footer a.xing,
.site-footer a.youtube,
.site-footer a.instagram,
.site-footer a.yk,
.site-footer a.wc {
	width:100%;
	float:left;
	margin:0 0 5px 0 !important;
	padding:0 0 0 30px;
}
.site-footer a.fb {
	margin:-5px 0 5px 0 !important;
}
.site-footer a.fb::before {
	width:21px;
}
.site-footer .column-3cols .grid-col:last-child p {
	margin-top:0;
}
}

.fixed-sliderwidth {
  width: 390px;
  max-width:100%;
}
/* Anfahrt Extension*/
.tx-eclocations form {
  position: relative;
  width: 80%;

}

.tx-eclocations .ec-dropdown {
  width: inherit;
}
.ec-contacts {
  width:80%;
  text-align: left;
}
.ec-contacts span {
  font-weight:700;
}

/* Company */

.ce-headline-center {
    text-align: center;
}

.short.dark-section {
	background-color: #f8f8f8;
}

div#c362 {
	margin-top: 16px;
}

p.text-center {
    text-align: center;
}

.breadcrumb {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.breadcrumb a, .breadcrumb span {
    display: block;
}
.frame-layout-800 .ce-bodytext {
	padding:2rem;
}
.site-content {
    padding-bottom: 0rem;
}
.frame-layout-800 {
	height:100%;
}

.frame-layout-800 .ce-textpic {
    background-color: #f8f8f8;
    height:100%;
}

/* Box Light mit Schlagschatten */
.frame-layout-1100 {
  height: 100%;
  padding: 2rem;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.frame-layout-1100 .youtubeVideo {
  width: calc(100% + 6rem);
  margin: 0 -3rem;
}

.frame-layout-1100 .youtubeVideo .videoWrapper {
  border: none;
}

.frame-layout-1100 .ce-gallery figure.image {
  margin: -2rem;
}
.frame-layout-1100 .ce-gallery figure.image img {
  width: 100%;
}



@media (max-width:64rem) {
/* Grids */
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2),
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(3) {
	flex-basis:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) {
  padding-left:0;
  padding-right:0;
  margin-bottom: 1.5rem;
}
#page-1 .light-section .column-3cols > .grid-col-4:nth-child(3) {
	padding-left:2rem;
	padding-right:2rem;
}
.grid-col-3 {
  -ms-flex-preferred-size:calc(100% / 12 * 6 - 2 * 1rem);
	flex-basis:calc(100% / 12 * 6 - 2 * 1rem);
}
.light-section > .light-section > .frame-layout-0 > .column-3cols.layout0 > .grid-col-4 {
  -ms-flex-preferred-size:calc(100% / 12 * 12 - 2 * 1rem);
  flex-basis:calc(100% / 12 * 12 - 2 * 1rem);
}
.full-width .col1 .frame-type-text,
.full-width .col2 .frame-type-text {
	padding:4rem 0 4rem 0;
}
.frame-layout-1 .grid-col-4 {
  -ms-flex-preferred-size:calc(100% / 12 * 12 - 2 * 1rem);
  flex-basis:calc(100% / 12 * 12 - 2 * 1rem);
}
.frame-layout-800 .ce-textpic .image-embed-item {
	width:100%;
}

.full-width .col1 .frame-type-text,
.full-width .col1 .frame-type-image {
	padding:4rem 0 1rem 0;
}
.full-width .col2 .frame-type-text,
.full-width .col2 .frame-type-image {
	padding:1rem 0 4rem 0;
}
.full-width.dark-section .col1 .frame-type-image {
	padding:0 0 1rem 0;
}
.full-width.dark-section .col2 .frame-type-image {
	padding:1rem 0 0 0;
}

/* Img Text Wrap */
.img-text-wrap.full-width .frame {
	margin:auto;
}
  .img-text-wrap .grid-col-6 {
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    width:100%;
  }
  .img-text-wrap.full-width .col1 .frame-type-text,
  .img-text-wrap.full-width .col2 .frame-type-text {
    max-width:calc(100% - 10rem);
    padding:4rem 0 4rem 0;
    float:none;
  }
  .img-text-wrap.full-width .col1 .frame-type-text,
  .img-text-wrap.full-width .col1 .frame-type-image {
  	padding:4rem 0 1rem 0;
  }
  .img-text-wrap.full-width .col2 .frame-type-text,
  .img-text-wrap.full-width .col2 .frame-type-image {
  	padding:1rem 0 4rem 0;
  }
  .img-text-wrap.dark-section.full-width .col1 .frame-type-image {
  	padding:0 0 1rem 0;
  }
  .img-text-wrap.dark-section.full-width .col2 .frame-type-image {
  	padding:1rem 0 0 0;
  }

  /* 2021 EC Webdesign Relaunch */
  .ec-text-image-grid .grid-col.grid-col-6 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .ec-text-image-grid .grid-col.grid-col-6.ec-image {
    order: 0;
  }
  .ec-text-image-grid .grid-col.grid-col-6.ec-text {
    order: 1;
  }
  .ec-text-image-grid .grid-col .frame-type-text {
    max-width: calc(100vw - 8rem);
    padding: 2rem 0;
    margin-left: auto;
    margin-right: auto;
  }

/* Content */
.slick-slide img {
	width:100%;
}
.grid-col:last-child figcaption.image-caption {
  padding:1rem 2rem 1rem 2rem;
}

/* News */
.news .mediathek-singlenews .news-img-wrap {
	width:100%;
	margin:0 0 4rem 0;
}
.news .mediathek-singlenews .header,
.news .mediathek-singlenews .news-text-wrap {
	width:100%;
	margin:0;
}
.news .mediathek-singlenews .news-text-wrap {
	margin:0 0 4rem 0;
}

/* Teaser Grid Unterseiten */
  .teaser-grid.gallery-grid .grid-col-4 {
    -ms-flex-preferred-size: calc(100% / 12 * 6 - 2 * 0.1rem) !important;
    flex-basis: calc(100% / 12 * 6 - 2 * 0.1rem) !important;
  }

/* Parallax */
.parallax-window {
  z-index:1;
  position:relative;
}
.parallax-window::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  z-index:-1;
}

/* Anwendungen & Service Grid */
.short-section .teaser-grid .frame-layout-300 > .column-2cols.grid-row {
	display:block;
}
.short-section .teaser-grid .column-2cols > .grid-col-8,
.short-section .teaser-grid .column-2cols > .grid-col-4 {
	width:100%;
	flex-basis:100%;
}
.short-section .teaser-grid .column-2cols > .grid-col-4 .col1.grid-col {
	width:100%;
	margin:0 0.1rem;
}

.page-applications .grid-col-9 {
  -ms-flex-preferred-size:calc(100% / 12 * 12 - 2 * 1rem);
  flex-basis:calc(100% / 12 * 12 - 2 * 1rem);
  width:calc(100% / 12 * 12 - 2 * 1rem);
}

/* Mediathek News */
.mediathek-news .article {
  width:calc(33.33% - 1rem);
}

/* Contact & Locations */
.tx-eclocations .location-box {
  width:calc(33.33% - 1rem);
  max-width:calc(33.33% - 1rem);
  flex-basis:calc(33.33% - 1rem);
  -ms-flex-preferred-size:calc(33.33% - 1rem);
}

/* Kontakt */
#pac-input {
  	width: 250px;
  }

/* Product Seite */
.product-finder-grid .product-finder-products-wrap {
	-ms-flex-preferred-size: calc(100% / 12 * 12 - 2 * 1rem);
  flex-basis: calc(100% / 12 * 12 - 2 * 1rem);
  width: calc(100% / 12 * 12 - 2 * 1rem);
}

  /* Produkt Seite Grid */
.product-special-grid .product-col {
  -ms-flex-preferred-size: calc(100% / 12 * 4 - 2 * 1rem);
  flex-basis: calc(100% / 12 * 4 - 2 * 1rem);
  width: calc(100% / 12 * 4 - 2 * 1rem);
}

/* Product Finder Grid */
.product-finder-products .product-col {
  -ms-flex-preferred-size: calc(100% / 12 * 4 - 2 * 0.3rem) !important;
    flex-basis: calc(100% / 12 * 4 - 2 * 0.3rem) !important;
    width: calc(100% / 12 * 4 - 2 * 0.3rem) !important;
    max-width: calc(100% / 12 * 4 - 2 * 0.3rem) !important;
}

/* Product Detailseite */
.tx-ec-products .product-single-view-descr-prolabel img {
	margin:0 0 0.5rem 0;
	max-height:50px;
}
.tx-ec-products .product-single-view-grid > .grid-row.layout0 {
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
  }
.tx-ec-products .product-single-view-table,
.product-single-view-anwendungen {
	-ms-flex-preferred-size: calc(100% / 12 * 12 - 2 * 1rem);
    flex-basis: calc(100% / 12 * 12 - 2 * 1rem);
    width: calc(100% / 12 * 12 - 2 * 1rem);
}
	.site-header ~ .frame-type-ws_slider {
		padding-top: 88px;
	}
}

@media (max-width:51rem) {
  .header-meta > div.social-icons {
    display:none;
  }
}

@media (max-width:48rem) {
	/* Grids */
	#page-1 .light-section .grid-col-4,
	#page-1 .light-section .grid-col-8 {
		width:100% !important;
		margin-left:0;
		margin-right:0;
	}
	#page-1 .light-section .teaser-grid .grid-col-4,
	#page-1 .light-section .teaser-grid .grid-col-8 {
		margin-left:1rem;
		margin-right:1rem;
	}
	#page-1 .light-section .grid-col-4:first-child img {
		width:auto;
	}
	#page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) {
		padding-left:2rem;
		padding-right:2rem;
	}
  #page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) > .frame-default > .grid-row {
    margin: 0 -2rem;
  }
  #page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) .grid-col.grid-col-8 {
    margin: 0 0 1.5rem 0;
  }
  #page-1 .light-section .column-3cols > .grid-col-4:nth-child(2) .grid-col.grid-col-4 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0;
  }
	.col1.grid-col-8 .news-list-view-front-page::after {
		display:none;
	}
	.news-list-view-front-page {
		width:100%;
	}
	.messen-news .article.articletype-0 {
		width:50%;
	}
	.full-width .col1 .frame-type-text {
		float:none;
		margin:auto;
	}
	.full-width .col1 .frame-type-text,
	.full-width .col2 .frame-type-text {
		max-width:calc(100% - 8rem);
		margin:auto;
	}
  .frame-layout-1 .grid-col-4 {
    -ms-flex-preferred-size:calc(100% / 12 * 12 - 2 * 1rem);
    flex-basis:calc(100% / 12 * 12 - 2 * 1rem);
  }
  .grid-col-4 {
    width:100%;
  }

  /* Slider */
  .slick-slider figcaption p,
  .tx-ws-flexslider .flexslider .slidercontent .caption-wrapper .caption-text .caption-body p {
  	font-size:1rem;
  	padding:0.5rem;
  }

  /* Slick Slider Mobile */
  .slick-slider.desktop {
  	display:none;
  }
  .slick-slider.mobile {
  	display:block;
    margin-top:88px;
  }
  /* Bildunterschrift */
  .img-text-wrap .grid-col-6 figcaption.image-caption {
  	padding:1rem 2rem 1rem 2rem;
  }

	/* Header & Navigation */
	.site-header {
		background:#fff;
	}
	.header-meta {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
    flex-wrap: wrap;
		width:100%;
    max-width:100%;
    margin:auto;
    float:right;
		padding:0 7rem 0 0;
		height:88px;
	}
	.header-meta > .btbox {
		padding:0 1rem 0 1rem;
	}
	.navigation-header {
		padding:0 3rem 0 0;
		box-shadow:-5px 5px 15px rgba(0,0,0,0.1);
	}
	.navigation-header li:not(.subm) a {
		margin:0 1rem 0 0;
	}
	.header-meta > div {
		width:auto;
		float:left;
		height:88px;
		margin:0;
		padding:0 1rem 0 0;
	}
  .header-meta > div:last-child {
    padding:0;
  }
	.lang-nav li {
		margin:0 1.2rem 0 0;
	}
	.navigation-button {
		position:absolute;
		top:1.7rem;
		right:2rem;
		margin:0;
	}
  .header-meta > div.searchbox {
    width:28px;
    -webkit-box-sizing:content-box;
            box-sizing:content-box;
  }
  .searchbox #indexedsearchbox {
    border:none;
  }
  .searchbox #indexedsearch {
    height:28px;
  }
  .searchbox input.tx-indexedsearch-searchbox-sword {
    display:none;
  }
  .searchbox input[type=submit] {
    left:0;
    right:auto;
  }

	.social-icons a {
		margin:0 1rem 0 0;
	}
	.header-meta .btbox .button {
		padding:0;
	}
	.btbox .button a {
		margin:0;
	}
	.navigation-header {
		width:100%;
    padding: 0;
	}
	.navigation-header .inner-navigation {
    margin: 1rem 0;
		width:100%;
	}
  .navigation-header a {
    text-align: center !important;
    margin: 0 !important;
  }
  .navigation-header li.subm a:not(.header)::after {
    right: 1rem !important;
  }

	.tx-ec-products .product-single-view-descr {
		padding:0;
	}

	.center-navi-inner {
		width:100%;
    margin:0;
	}
	.site-header li.layer1 {
		width:100%;
		margin:0;
	}
	.site-header li.layer1.subm:hover {
		background:rgb(250,250,250);
	}
	.navigation-header li > ul.nav-outer-wrapper {
		position:static;
		width:100%;
		border:none;
		top:0;
		display:none;
		padding:1rem;
	}
@media (min-width: 769px) {
	.navigation-header li:hover > ul.nav-outer-wrapper {
		display:block;
		box-shadow:none;
		padding:1rem 0;
	}
}
	.nav-outer-wrapper .nav-outer .left-navi-inner {
		display:none;
	}
	.navigation-header .menu-item a {
		text-align:right;
		padding:0.5rem 0 0.5rem 0;
	}

	/* Slider */
  .site-header + .slick-slider .slick-slide img {
    height:200px;
    margin-left:calc(50% - 315px);
  }
  .col1.grid-col-8 .news-list-view-front-page .article {
    width:100%;
  }
  .news-list-view-front-page .article.articletype-0 {
    max-height:none;
  }
	.site-header + .slick-slide {
		margin-top:88px;
	}

	body:has(.site-header + .slick-slide) .site-content {
		padding-top: 30px;
	}

  .site-header + .slick-slider .slick-slide img {
    height:300px;
    width:auto;
    max-width:none;
    margin:auto;
    margin-left:calc(50% - 417px);
    float:none;
    display:block;
  }
	.slick-slider figcaption {
		bottom:calc(50% - 28px);
	}

  /* Content */
  img.image-embed-item {
    width:100%;
  }

  /* Location & Contacts */
  .tx-eclocations {
  	padding:4rem 0 4rem 0;
  }
  .tx-eclocations .location-box {
    width:calc(50% - 1rem);
    width:calc(50% - 1rem);
    max-width:calc(50% - 1rem);
    flex-basis:calc(50% - 1rem);
    -ms-flex-preferred-size:calc(50% - 1rem);
  }

  /* Produkt Seite Grid */
.product-special-grid .product-col {
  -ms-flex-preferred-size: calc(100% / 12 * 6 - 2 * 1rem);
  flex-basis: calc(100% / 12 * 6 - 2 * 1rem);
  width: calc(100% / 12 * 6 - 2 * 1rem);
}

	/* Product Finder Grid */
.product-finder-products .product-col {
    -ms-flex-preferred-size: calc(100% / 12 * 6 - 2 * 0.3rem) !important;
    flex-basis: calc(100% / 12 * 6 - 2 * 0.3rem) !important;
    width: calc(100% / 12 * 6 - 2 * 0.3rem) !important;
    max-width: calc(100% / 12 * 6 - 2 * 0.3rem) !important;
}

  /* Produkt Detailseite */
  .tx-ec-products .product-single-view-descr {
    position:relative;
  }
  .tx-ec-products .product-single-view-descr .grid-col-10 {
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    width:100%;
  }
  .tx-ec-products .product-single-view-descr .grid-col-2 {
    -ms-flex-preferred-size:calc(100% - 4rem);
    flex-basis:calc(100% - 4rem);
    width:calc(100% - 4rem);
    position:absolute;
  }
  .tx-ec-products .product-finder-products-bulletpoints ul {
  	margin-bottom:7rem;
  }
  .tx-ec-products .product-single-view-grid .grid-row:first-child {
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    margin-bottom:1rem;
  }
  .tx-ec-products .product-single-view-descr .product-single-view-descr-title img {
    max-height:none;
    margin:0 0 1rem 0;
  }
  .product-single-view-descr-prolabel ul {
    margin:0 0 0 0;
  }
  .product-single-view-descr-prolabel ul li {
    width:100%;
  }
  .tx-ec-products .product-single-view-descr-prolabel img {
    float:left;
    margin:0 0 1rem 0;
  }
  .tx-ec-products .product-single-view-descr-prolabel p {
    text-align:left;
  }
  .tx-ec-products-single-table td {
    padding:0.75rem;
  }
  .product-single-view-anwendungen-detail ul {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap:wrap;
  	    flex-wrap:wrap;
  }
  .product-single-view-anwendungen-detail li {
  	-ms-flex-preferred-size:calc(100% / 12 * 4 - 2 * 0.25rem);
  	    flex-basis:calc(100% / 12 * 4 - 2 * 0.25rem);
  }

  /* Mediathek News */
  .mediathek-news .article {
    width:calc(100% - 1rem);
  }
  .mediathek-news .article .teaser-text {
    padding: 0 1rem 1rem 1rem;
  }

  /* Teaser Grid Unterseiten */
  .teaser-grid.gallery-grid .grid-col-4 {
    -ms-flex-preferred-size: calc(100% / 12 * 12 - 2 * 0.1rem) !important;
    flex-basis: calc(100% / 12 * 12 - 2 * 0.1rem) !important;
  }

  /* Kontakt */
  .eclocations .grid-col-8 {
  	-ms-flex-preferred-size: calc(100% / 12 * 12 - 2 * 1rem);
    flex-basis: calc(100% / 12 * 12 - 2 * 1rem);
    width: calc(100% / 12 * 12 - 2 * 1rem);
  }
  #submit_map {
  	padding: 0.5em 1em;
  }
  .tx-eclocations form {
  	width: 100%;
  }
  .ec-contacts {
  	width: 100%;
  }
  .routeplaner-map {
  	flex-direction: column;
  }
  .routeplaner-map #pac-input,
  .routeplaner-map #end,
  .routeplaner-map #submit_map {
  	width: 100%;
  	margin-bottom: 20px;
  }
  .routeplaner-map #submit_map {
  	margin-bottom: 0;
  	text-align: center;
  }

	/* Footer */
	.site-footer .column-3cols .grid-col {
		flex-basis:calc(100% / 12 * 4 - 2 * 1rem);
	}
	.site-footer .column-3cols .grid-col:nth-child(2) {
		margin:1rem;
	}
}

@media (max-width:40rem) {

  .lang-nav.company-nav .language-navi {
  	width:auto;
  }
  .lang_company_nav_title {
  	display:inline-block;
  }
  .language-navi_content > li > .frame-default {
  	float:left;
  }

  /* Slider */
  .slick-slider figcaption {
    padding:0.5rem;
  }
  .slick-slider figcaption p {
    font-size:1.2rem;
  }

  /* Anwendungen & Services Grid */
  .short-section .teaser-grid .column-2cols > .grid-col-4 .col1.grid-col figure.image {
  position:relative;
  width:100%;
  overflow:hidden;
}
.short-section .teaser-grid .column-2cols > .grid-col-4 .col1.grid-col figure.image a {
  display:inline-block;
  width:100%;
}
.short-section .teaser-grid .column-2cols > .grid-col-4 .col1.grid-col figure.image .image-embed-item {
  width: 100%;
  height: auto;
  position:static;
  max-width:none;
}
.short-section .teaser-grid .column-2cols > .grid-col-4 .col1.grid-col .grid-col-6 figure.image {
  position:static;
  height:auto;
}
.short-section .teaser-grid .column-2cols > .grid-col-4 .col1.grid-col .grid-col-6 figure.image .image-embed-item {
  position:static;
  height:auto;
  width:auto;
}

  /* News & Trends */
  #page-1 .light-section .column-3cols .col2,
  #page-1 .light-section .column-3cols .col3 {
    width:calc(100% + 4rem) !important;
    margin-left:-2rem;
    margin-right:-2rem;
  }
  #page-1 .light-section .column-3cols .col3 {
    -ms-flex-preferred-size:calc(100% + 4rem) !important;
        flex-basis:calc(100% + 4rem) !important;
    margin-left:-2rem;
    margin-right:-2rem;
  }
  #page-1 .light-section .column-3cols .col2 .col2 {
    padding:2rem;
  }
  #page-1 .light-section .column-3cols > .grid-col-4:nth-child(2),
  #page-1 .light-section .column-3cols > .grid-col-4:nth-child(3) {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  .news .slick-arrow {
  	display:none !important;
  }

  /* Contact & Locations */
  .tx-eclocations .ec-locations {
    margin:0;
  }
  .tx-eclocations .location-box {
    width:100%;
    max-width:100%;
    flex-basis:100%;
    -ms-flex-preferred-size:100%;
    margin:0 0 1rem 0;
  }
  /* Produkt Detailseiten */
  .tx-ec-products .product-single-view-table {
    overflow:scroll;
    border:1px solid #d3d3d3;
    padding:1rem;
  }
  .tx-ec-products .product-single-view-table table {
    overflow:scroll;
    width:700px;
  }
  .product-single-view-legend {
    width:700px;
  }
  .product-single-view-legend ul {
    width:100%;
  }
  .product-single-view-legend li {
    margin:0 1rem 0 0;
  }
}

@media (max-width:36rem) {
  /* Font & Headlines */
  h1,
  h1.ce-headline-center {
    font-size:1.5rem;
  }
  h2,
  h2.ce-headline-center {
    font-size:1.4rem !important;
  }
  h3,
  h3.ce-headline-center {
    font-size:1.3rem;
  }
  h4,
  h4.ce-headline-center {
    font-size:1.2rem !important;
  }

  h1.text-center + h2.text-center {
    font-size:1.4rem;
  }

	/* Grids */
	.grid,
	.short-section .light-section,
	.grid-light-section {
		max-width:calc(100vw - 4rem);
	}
	.col1.grid.short-section.grid-col-12 {
		max-width:calc(100vw - 4rem);
	}
	.full-width .col1 .frame-type-text,
	.full-width .col2 .frame-type-text {
		max-width:calc(100vw - 4rem);
		margin:auto;
	}
  .grid-col-3 {
    flex-basis:calc(100% / 12 * 12 - 2 * 1rem);
  }
  .img-text-wrap.full-width .col1 .frame-type-text,
  .img-text-wrap.full-width .col2 .frame-type-text {
    max-width:calc(100vw - 4rem);
  }

  /* 2021 EC Webdesign Relaunch */

  .ec-text-image-grid .grid-col .frame-type-text,
  .img-text-wrap.light-section {
    max-width: calc(100vw - 4rem);
  }

	/* Header & Navigation */
	.navigation-header {
		max-height:calc(100vh - 88px);
		overflow-x:scroll;
	}
  .navigation-header.active {
    width: 100vw;
  }
  .navigation-header li:hover > ul.nav-outer-wrapper {
    box-shadow: none;
  }
	.header-meta {
		padding:0;
	}
  .header-meta > div {
    height:30px;
    margin:0;
    width:50%;
  }
  .header-meta > div.btbox {
    margin:0;
  }
	.header-meta > div {
		max-width:50%;
	}
  .header-meta > div.lang-nav {
    padding:0 0 0 1rem;
  }
  .header-meta > div.company-nav {
    padding:0 1rem 0 0;
  }
	.header-meta > div.searchbox {
		max-width:calc(100% - 5rem);
    padding:0 0 0 1rem;
	}
  .searchbox input[type=submit] {
    background-position:0 -94px;
  }
  .header-meta > div.btbox {
    padding:0;
    order: -1;
  }
  .lang-nav li {
    font-size:0.9rem;
  }
  .lang-nav li .frame-type-text {
  	display:inline-block;
  }
  .language-navi ul.second-level {
  	padding:1rem;
  }
  .language-navi ul.second-level li a {
  	padding:0.5rem;
  	margin:0;
  }
  .company-nav .language-navi li:first-child:hover ul.second-level {
  	left:auto;
  	right:-1.2rem;
  	z-index:10000;
  }
	.header-meta .searchbox #indexedsearchbox {
		max-width:100%;
	}
	.navigation-button {
		top:43px;
		right:1rem;
	}
  .navigation-header li > ul.nav-outer-wrapper {
    text-align:right;
    opacity: 1;
    visibility: visible;
  }
  .navigation-header ul.navigation-list li.menu-item a {
    padding:0.5rem;
  }
  .header-meta .btbox .button {
    width:100%;
  }
  .header-meta .btbox .button a {
    width:100%;
    display:block;
    text-align:center;
    font-size:0.9rem;
    padding:0.25rem 0;
  }

	/* Content */
  .site-header + .slick-slider .slick-slide img {
    height:250px;
  }
	.breadcrumb ul {
		margin:0;
    justify-content: center;
	}
	.breadcrumb li,
	.breadcrumb li:last-child {
		margin-top:0;
		margin-bottom:0;
	}

	.news {
		margin:-1rem 0.5rem;
	}
	.news .article {
		padding:0.5rem;
	}
	.parallax-window {
		padding:3rem 2rem;
	}
	.parallax-window a {
		white-space:nowrap;
		display:block;
		margin:0 1.5rem 1.5rem 1.5rem;
	}
	.parallax-window h3 {
		font-size:26px;
	}
	.parallax-window p {
		font-size:18px;
	}
  .messen-news .article.articletype-0 {
    width:100%;
  }

	.short-section .teaser-grid .grid-col-4 {
		flex-basis:calc(100% / 12 * 12 - 2 * 0.1rem);
		max-width:calc(100% / 12 * 12 - 2 * 0.1rem);
		margin:0.1rem;
	}
	.short-section .teaser-grid .column-2cols > .grid-col-4 {
		margin:0.2rem 0.1rem 0.1rem 0.1rem;
	}

  .short-section .teaser-grid .frame-layout-300 > .column-2cols.grid-row {
    margin:0 -2rem;

  }

    /* Mediathek News */
    .mediathek-news {
      max-width:calc(100vw - 4rem);
      margin:1rem -0.5rem;
    }
    .mediathek-news .article {
      width:100%;
      margin:0.5rem 0 !important;
    }

  /* Produkt Seite Grid */
  .product-special-grid .product-col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
  /* Product Finder Grid */
  .product-finder-products .product-col {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .product-finder-selectbox,
  .product-finder-kategorien {
    width:100%;
    max-width:30rem;
  }

  /* Products Detailseite */
  .tx-ec-products .product-finder-products-bulletpoints ul {
    -webkit-column-count:1;
            column-count:1;
  }
  .tx-ec-products .product-single-view-descr-prolabel {
  	left:0;
  	right:auto;
  }

	/* Teaser Grid Unterseiten */
  .teaser-grid.gallery-grid .grid-col-4 {
    -ms-flex-preferred-size: calc(100% / 12 * 12 - 2 * 0.1rem);
    flex-basis: calc(100% / 12 * 12 - 2 * 0.1rem);
  }

  /* Fixed Sidebar Icons */
  .side-buttons {
    display:none;
  }

    /* Cookie */
	.cookie {
 	max-width:calc(100% - 2rem);
	}

	/* Footer */
	.site-footer .column-3cols .grid-col {
		width:100%;
		max-width:100%;
		flex-basis:100% !important;
	}
	.site-footer .text-right {
		text-align:left;
	}
  .highlight-color {
    padding:0;
    margin:5rem 1rem;
  }
  .highlight-color .col1.grid.light-section.grid-col-12 {
    padding:0;
  }
}

/*Amann Download Center*/
.tx-ec-amann-downloads {
  width: 72%;
  margin-top: 5rem;
  margin-bottom: 6rem;
}

#d_selectLanguage{
  border: solid 1px #ccc;
  padding: 5px 8px;
  float: right;
  margin-right: 1em;
}

.d_selectLanguageContainer {
  color: #9d9d9d;
}


.d_selectLanguageContainer,
.cat,
#d_selectLanguage,
.d_resultCount,
.download_file {
  font-size: 14px;
}

.d_selectLanguageContainer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    padding-right: 15px;
}

.d_categoryContainer {
  background-color: #f8f8f8;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  padding: 11px 8px;
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.cat {
  -webkit-box-flex:1;
      -ms-flex:auto;
          flex:auto;
  margin:0 7px !important;
}

.cat,
#d_selectLanguage {
    text-align: center;
    border: solid 1px #d6d6d6;
    padding: 8px 5px;
    background-color: white;
    min-width: 110px;
    margin: 0;
    cursor: pointer;
}
.cat.active,
.cat.ec-weiterleitung {
  color: white;
  background-color: #008ad2;
  border-color: #f8f8f8;
}
.cat.ec-weiterleitung a {
	color:#fff;
}

.filetyp-0 {
    background-image: url(../../Images/Amann_Download_Center/pdf.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 7px;
}

.filetyp_language,
.file-size {
  color: #b3b3b3;
}

.file-download a{
  background-image: url(../../Images/Amann_Download_Center/download.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
}

.d_resultCount {
    margin-bottom: 3rem;
}

.download_file{
  border-bottom: 1px solid #e9e9e9;
  align-items: center;
  border-top: 1px solid #e9e9e9;
}

.tx-ec-amann-downloads table {
    margin-bottom: 3rem;
}

td.file-download {
  text-align: right;
}

td.file {
    width: 7%;
}

td.file-name {
    width: 43%;
}

td.filetyp_language {
    width: 24%;
}

td.file-size {
    width: 24%;
}

td.file-download {
    width: 2%;
}

.d_count{
  margin: 0;
}

.subCategory h4 {
  margin-bottom: 0.5rem;
  font-size: 1.15rem;
  padding-bottom: 0.25rem;
}


.d_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 2rem;
}

.land-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 100%;
}

#d_england{ background-image: url("../../Images/Amann_Download_Center/countrys/united-kingdom.svg"); }
#d_germany{ background-image: url("../../Images/Amann_Download_Center/countrys/germany.svg"); }
#d_france{ background-image: url("../../Images/Amann_Download_Center/countrys/france.svg"); }
#d_spain{ background-image: url("../../Images/Amann_Download_Center/countrys/spain.svg"); }
#d_china{ background-image: url("../../Images/Amann_Download_Center/countrys/china.svg"); }
#d_poland{ background-image: url("../../Images/Amann_Download_Center/countrys/poland.svg"); }
#d_hungary{ background-image: url("../../Images/Amann_Download_Center/countrys/hungary.svg"); }
#d_slovakia{ background-image: url("../../Images/Amann_Download_Center/countrys/slovakia.svg"); }
#d_bulgaria{ background-image: url("../../Images/Amann_Download_Center/countrys/bulgaria.svg"); }
#d_czech{ background-image: url("../../Images/Amann_Download_Center/countrys/czech-republic.svg"); }
#d_romania{ background-image: url("../../Images/Amann_Download_Center/countrys/romania.svg"); }
#d_russia{ background-image: url("../../Images/Amann_Download_Center/countrys/russia.svg"); }
#d_italy{ background-image: url("../../Images/Amann_Download_Center/countrys/italy.svg"); }
#d_japan{ background-image: url("../../Images/Amann_Download_Center/countrys/japan.svg"); }


.tx-ec-amann-downloads td {
    padding: 11px 0;
    vertical-align: middle !important;
    border: none;
  }

@media (max-width:90rem) {
  .tx-ec-amann-downloads {
    width: 100% !important;
  }
  .d_categoryContainer {
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 7px;
  }
  .cat {
    -webkit-box-flex:0;
        -ms-flex:0 0 calc(25% - 14px);
            flex:0 0 calc(25% - 14px);
    width:auto;
    margin: 7px !important;
    display: inline-block;
  }
}

@media (max-width:72rem) {

  .d_header {
    display: block;
  }

  .d_selectLanguageContainer {
    padding-right: 0;
    margin-bottom: 1rem;
  }

  .d_categoryContainer {
    max-width:100%;
    flex-wrap:wrap;
    justify-content: flex-start;
  }

}

@media (max-width:55rem) {
  .cat {
    -webkit-box-flex:0;
        -ms-flex:0 0 calc(50% - 14px);
            flex:0 0 calc(50% - 14px);
  }
}

@media (max-width:36rem) {



  .cat:nth-child(even) {
    margin-right: 0;
  }

}

/* Accordions*/

.accordion-wrapper {
  border: 1px solid lightgray;
  float: left;
  width: 100%;
  background-color: white;
  margin-top: 2em;
  margin-bottom: 0;
}
.accordion-wrapper:first-child {
  margin-top:0;
}

.accordion-wrapper .ui-accordion-content {
  border-top: 1px solid lightgray;
  padding:1.5em;
}

.accordion-wrapper .ui-accordion-content .frame-type-textpic:first-child {
  width:calc(340px + 5%);
  float:left;
}
.accordion-wrapper .ui-accordion-content .frame-type-text:nth-child(2) {
  width:calc(100% - 340px - 5%);
  float:left;
}

.accordion-wrapper h3 {
  display: block;
  background-color: #fff;
  font-size: 17px;
  color: #3d3d3d;
  margin: 0.5em 1.5em;
  line-height: 32px;
  text-transform: uppercase;
}

.accordion-wrapper h3 span.ui-icon-triangle-1-e{
  background-image: url(../../Images/triangle.svg);
  float: right;
  margin-top: 12px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-wrapper h3 span.ui-icon-triangle-1-s{
  background-image: url(../../Images/triangle.svg);
  float: right;
  margin-top: 12px;
}


.company-nav .language-navi ul.language-navi_content .second-level li {
  display: block!important;
}

.col-md-20.grid-col-20 {
  width: 20%;
}

.gallary-hover .grid-col-20 {
  width:calc(20% - 2em);
}

@media (max-width: 80rem) {
  .gallary-hover .grid-col-20 {
    width:calc(33.33% - 2em);
  }
}

@media (max-width: 64rem) {
  .gallary-hover .grid-col-20 {
    width:calc(50% - 2em);
  }
}

@media (max-width: 36rem) {
  .gallary-hover .grid-col-20 {
    width:calc(100% - 2em);
  }
}

.gallary-hover .grid-col-3 img
.gallary-hover .grid-col-20 img {
  width: 100%;
}

.gallary-hover .ce-textpic {
    position: relative;
}

.gallary-hover .grid-col-3 .ce-bodytext,
.gallary-hover .grid-col-20 .ce-bodytext {
    position: absolute;
    top: 0;
    display: flex;
    flex-flow: wrap row;
    align-items: center;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    justify-content: center;
}

.gallary-hover .grid-col-3 .ce-textpic p,
.gallary-hover .grid-col-20 .ce-textpic p {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    text-align: center;
}

.gallary-hover .grid-col-3 .ce-textpic p a,
.gallary-hover .grid-col-20 .ce-textpic p a {
    width: auto;
    height: auto;
    margin: auto;
    position: relative;
    padding: 10px;
    background: rgba(0,0,0,0.75);
    border: 1px solid rgba(255,255,255,0.75);
    font-weight: 300;
    font-size: 22px;
    color: #fff;
    display: flex;
}

.gallary-hover .grid-col-3 .ce-textpic,
.gallary-hover .grid-col-20 .ce-textpic {
    cursor: pointer;
}

.gallary-hover .grid-col-3 .frame-type-textpic,
.gallary-hover .grid-col-3 .ce-textpic,
.gallary-hover .grid-col-3 .ce-gallery,
.gallary-hover .grid-col-3 .ce-gallery *,
.gallary-hover .grid-col-20 .frame-type-textpic,
.gallary-hover .grid-col-20 .ce-textpic,
.gallary-hover .grid-col-20 .ce-gallery,
.gallary-hover .grid-col-20 .ce-gallery * {
  width: 100%;
  height: 100%;
}

.frame-space-before-extra-small {
    margin-top: 1em;
}
.frame-space-before-small {
    margin-top: 2em;
}
.frame-space-before-medium {
    margin-top: 3em;
}
.frame-space-before-large {
    margin-top: 4em;
}
.frame-space-before-extra-large {
    margin-top: 5.5em;
}

.frame-space-after-extra-small {
    margin-bottom: 1em;
}
.frame-space-after-small {
    margin-bottom: 2em;
}
.frame-space-after-medium {
    margin-bottom: 3em;
}
.frame-space-after-large {
    margin-bottom: 4em;
}
.frame-space-after-extra-large {
    margin-bottom: 5.5em;
}

@media (max-width: 26rem) {

	.application_element.application_element {
		padding: 15px;
	}

  .frame .frame-layout-600 {
      padding: 0;
  }
  .teaser-grid.gallery-grid .grid-col-6 {
      flex-basis: calc(100% / 12 * 12 - 2 * 0.1rem);
      width: calc(100% / 12 * 12 - 2 * 0.1rem);
  }
  .frame.frame-default.frame-type-image.frame-layout-0 {
    height: inherit;
  }
  .mediathek-news .article {
    min-height: 100%;
  }
}

/* Landingpages Sidebar */

.side-buttons #c151 li.home,
.side-buttons #c10554 li.home {
	display: none;
	background-image: url('/fileadmin/user_upload/landinpage/lifecycle/amann-home-weiss.svg');
	background-size: 70%;
	background-position: center 10%;
	background-repeat: no-repeat;
}

/* Buttons */
a.btn.btn-blue {
	margin: 0;
	display: inline-block;
	background-color: #008AD2;
	color: #FFF;
	padding: 9px 30px 6px;
	text-align: center;
  width:auto;
	text-decoration: none;
	font-size: .85rem;
	line-height: 1.2rem;
	transition: background-color 150ms linear,color 150ms linear;
}
a.btn.btn-blue:hover {
	color: #fff;
  background: #2fb1f5;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
  border: none;
}

/*
 * Page Sustainability
 */

/*language*/
html[lang="fr"] #navigation-header a[href*="sustainability"],
html[lang="es"] #navigation-header a[href*="sustainability"],
html[lang="cn"] #navigation-header a[href*="sustainability"],
html[lang="hu"] #navigation-header a[href*="sustainability"],
html[lang="bg"] #navigation-header a[href*="sustainability"],
html[lang="ro"] #navigation-header a[href*="sustainability"],
html[lang="cz"] #navigation-header a[href*="sustainability"],
html[lang="pl"] #navigation-header a[href*="sustainability"],
html[lang="it"] #navigation-header a[href*="sustainability"] {
	margin-right: 1em;
}

html[lang="fr"] #navigation-header a[href*="sustainability"]:after,
html[lang="es"] #navigation-header a[href*="sustainability"]:after,
html[lang="ro"] #navigation-header a[href*="sustainability"]:after,
html[lang="pl"] #navigation-header a[href*="sustainability"]:after,
html[lang="cz"] #navigation-header a[href*="sustainability"]:after,
html[lang="cn"] #navigation-header a[href*="sustainability"]:after,
html[lang="it"] #navigation-header a[href*="sustainability"]:after,
html[lang="es"] #navigation-header a[href*="sustainability"]:after,
html[lang="bg"] #navigation-header a[href*="sustainability"]:after {
  display: inline-block;
}

#page-73 .frame-space-after-extra-small,
#page-1265 .frame-space-after-extra-small{
  margin-bottom: 2rem;
}
#page-73 .frame-space-after-small,
#page-1265 .frame-space-after-small{
  margin-bottom: 3rem;
}
#page-73 .frame-space-after-medium,
#page-1265 .frame-space-after-medium{
  margin-bottom: 4rem;
}
#page-73 .frame-space-after-large,
#page-1265 .frame-space-after-large{
  margin-bottom: 6rem;
}

#page-73 .frame-ruler-before .grid-row,
#page-1265 .frame-ruler-before .grid-row {
  justify-content: center;
}
#page-73 .highlight-color:last-child .column-1col.grid-row > .col1.grid-col,
#page-1265 .highlight-color:last-child .column-1col.grid-row > .col1.grid-col {
  margin:0;
}
#page-73 .highlight-color,
#page-1265 .highlight-color {
  padding: 4rem 0 1rem 0;
}
#page-73 .frame-ruler-after,
#page-1265 .frame-ruler-after {
  width: 100vW;
}

#page-73 .frame-ruler-after .col1,
#page-1265 .frame-ruler-after .col1 {
  display: flex;
}
#page-73 .frame-ruler-after .col2,
#page-1265 .frame-ruler-after .col2 {
	display: flex;
	flex-wrap: wrap;
}
#page-73 .frame-ruler-after .col1 > div,
#page-1265 .frame-ruler-after .col1 > div {
  margin-top: auto;
}

#page-73 .frame-ruler-after .col2 > div:first-child,
#page-1265 .frame-ruler-after .col2 > div:first-child {
	max-width: calc(570px + 1rem);
	padding-right: 1rem;
}
#page-73 .frame-ruler-after .col2 > div:last-child,
#page-1265 .frame-ruler-after .col2 > div:last-child {
	margin-top: auto;
	margin-left: -2rem;
}
#page-73 .frame-ruler-after .col2 > #c13323,
#page-1265 .frame-ruler-after .col2 > #c13323 {
  margin-bottom: 0.5pt;
}

@media all and (max-width: 1140px) {
	#page-1265 .frame-ruler-after .col2,
	#page-73 .frame-ruler-after .col2 {
    padding-right: 1rem;
  }
}
@media all and (max-width: 1023px) {
	#page-73 .frame-ruler-after .col2,
	#page-1265 .frame-ruler-after .col2 {
    padding-left: 2rem;
  }
	#page-73 .frame-ruler-after .grid-col-6,
	#page-1265 .frame-ruler-after .grid-col-6 {
    width: 100%;
  }
	#page-73 .frame-ruler-after .col2 > div:first-child,
	#page-1265 .frame-ruler-after .col2 > div:first-child {
		max-width: inherit;
		padding-right: 4rem;
	}
	#page-73 .frame-ruler-after .col2 > div:last-child,
	#page-1265 .frame-ruler-after .col2 > div:last-child {
		margin-left: -4rem;
		width: calc(100% + 4rem);
	}
}
@media all and (max-width: 768px) {
	#page-73 .frame-ruler-after .col2 > div:last-child,
	#page-1265 .frame-ruler-after .col2 > div:last-child {
    margin-left: -2rem;
  }
  #page-213 .frame-type-image .ce-center .image-embed-item { max-width: 500px; }
  #page-1279 .frame-type-image .ce-center .image-embed-item { max-width: 500px; }
  #page-1415 .frame-type-image .ce-center .image-embed-item { max-width: 500px; }
}
@media all and (max-width:576px) {
	#page-73 .frame-indent-left .col1,
	#page-1265 .frame-indent-left .col1 {
    padding-right: 1rem;
  }
	#page-73 .frame-ruler-after .col2 > div:first-child,
	#page-1265 .frame-ruler-after .col2 > div:first-child {
    padding-right: 1rem;
  }
}

#page-73 a.btn.btn-blue,
#page-1265 a.btn.btn-blue {
	width: 100%;
	max-width: 180px;
}

#page-73 .light-section,
#page-1265 .light-section {
  background-color: #E8EBED;
}

#page-73 .grid-row .light-section,
#page-1265 .grid-row .light-section {
  background: #fff;
}

#page-73 .frame-indent-left .col1 > div,
#page-1265 .frame-indent-left .col1 > div {
	max-width: calc(570px + 1rem);
	width: 100%;
	padding-left: 2rem;
}
#page-73 .frame-indent-right .col2 > div,
#page-1265 .frame-indent-right .col2 > div {
	max-width: calc(570px + 1rem);
	padding-right: 1rem;
}
#page-73 .site-main div.frame-ruler-before:nth-child(3) .col1 > div,
#page-1265 .site-main div.frame-ruler-before:nth-child(3) .col1 > div {
  padding:0;
}
#page-73 .site-main div.frame-ruler-before div.frame .column-3cols,
#page-1265 .site-main div.frame-ruler-before div.frame .column-3cols {
  justify-content: center;
}
#page-73 .site-main div.frame-ruler-before .column-3cols .grid-col-10.col-mid-10,
#page-1265 .site-main div.frame-ruler-before .column-3cols .grid-col-10.col-mid-10 {
  padding: 0 4.2rem;
}
#page-73 .site-main div.frame-ruler-before .column-3cols .grid-col-10.col-mid-10 .youtubeVideo figure .videoWrapper,
#page-1265 .site-main div.frame-ruler-before .column-3cols .grid-col-10.col-mid-10 .youtubeVideo figure .videoWrapper {
  max-width: 600px;
  margin: 0 auto;
}
@media all and (max-width:1024px) {
  #page-73 .site-main div.frame-ruler-before .column-3cols .grid-col-10.col-mid-10 .youtubeVideo figure .videoWrapper,
  #page-1265 .site-main div.frame-ruler-before .column-3cols .grid-col-10.col-mid-10 .youtubeVideo figure .videoWrapper {
    padding-bottom: 56.25% !important;
  }
}

#page-73 .frame-ruler-after .col2 > div:last-child,
#page-1265 .frame-ruler-after .col2 > div:last-child {
  width: calc(100% + 2rem);
}

#page-73 .frame-ruler-after .col1 > div,
#page-73 .frame-ruler-after .col2 > div:last-child img,
#page-73 .frame-ruler-after .col1 > div img ,
#page-1265 .frame-ruler-after .col1 > div,
#page-1265 .frame-ruler-after .col2 > div:last-child img,
#page-1265 .frame-ruler-after .col1 > div img {
	width: 100%;
}

@media all and (max-width:1024px) {
  #page-73 .site-main div.frame-ruler-before #c26904 .column-3cols .col2,
  #page-73 .site-main div.frame-ruler-before #c26911 .column-3cols .col2,
  #page-1265 .site-main div.frame-ruler-before #c26904 .column-3cols .col2,
  #page-1265 .site-main div.frame-ruler-before #c26911 .column-3cols .col2 {
    padding: 0;
  }

  #page-213 .site-main .frame-ruler-before > .dark-section .frame > .column-4cols > .col1,
  #page-1279 .site-main .frame-ruler-before > .dark-section .frame > .column-4cols > .col1,
  #page-1415 .site-main .frame-ruler-before > .dark-section .frame > .column-4cols > .col1,
  #page-1279 .site-main .frame-ruler-before > .dark-section .frame > .column-4cols > .col4,
  #page-1415 .site-main .frame-ruler-before > .dark-section .frame > .column-4cols > .col4,
  #page-213 .site-main .frame-ruler-before > .dark-section .frame > .column-4cols > .col4 {
    display: none;
  }

}
@media all and (max-width:768px) {
	#page-73 .frame-indent-left .col1 > div,
	#page-1265 .frame-indent-left .col1 > div {
		padding-right: 4rem;
		max-width: unset;
	}
}
@media all and (max-width:576px) {
	#page-73 .frame-indent-left .col1 > div,
	#page-1265 .frame-indent-left .col1 > div {
    padding-right: 1rem;
  }
}

@media all and (min-width:768px) {
	#page-73 .frame-indent-right .col1.grid-col,
	#page-1265 .frame-indent-right .col1.grid-col {
    margin: 1rem 0;
  }
	#page-73 .frame-indent-right .col1.grid-col-6,
	#page-1265 .frame-indent-right .col1.grid-col-6 {
		-ms-flex-preferred-size: calc(100% / 12 * 6);
		flex-basis: calc(100% / 12 * 6);
		width: calc(100% / 12 * 6);
	}
	#page-73 .frame-indent-left .col2.grid-col,
	#page-1265 .frame-indent-left .col2.grid-col {
    margin: 1rem 0;
  }
	#page-73 .frame-indent-left .col2.grid-col-6,
	#page-1265 .frame-indent-left .col2.grid-col-6 {
		-ms-flex-preferred-size: calc(100% / 12 * 6);
		flex-basis: calc(100% / 12 * 6);
		width: calc(100% / 12 * 6);
	}
}

#page-73 .frame-indent-right .col1 .frame-type-image,
#page-1265 .frame-indent-right .col1 .frame-type-image {
  padding: 0;
}
#page-73 .frame-indent-left .col2 .frame-type-image,
#page-1265 .frame-indent-left .col2 .frame-type-image {
  padding: 0;
}

#page-73 .frame-indent-right .col1,
#page-1265 .frame-indent-right .col1 {
  margin-right: 0;
}

#page-73 h2,
#page-1265 h2 {
	color: #565657;
	margin: 0 0 2rem 0;
}
#page-73 h4.text-center,
#page-1265 h4.text-center {
  text-align: center;
}

#page-73 .border-green ,
#page-1265 .border-green {
  border-top: 2pt solid #94c11c;
}
#page-73 .border-blue ,
#page-1265 .border-blue {
  border-top: 2pt solid #008ad2;
}

@media all and (max-width: 1140px) {
	#page-73 .frame-ruler-before .grid-row,
	#page-1265 .frame-ruler-before .grid-row {
		margin-left: 0;
		margin-right: 0;
	}
	#page-73 #c13308.frame-ruler-before .grid-row,
	#page-1265 #c13308.frame-ruler-before .grid-row {
		padding-right: 0;
	}
}
@media all and (max-width:1023px) {
	#page-73 h1 br,
	#page-73 h2 br,
  #page-1265 h1 br,
	#page-1265 h2 br	{
		display: none;
	}
}
@media all and (max-width:576px) {
	#page-73 .frame-ruler-before .grid-row,
	#page-1265 .frame-ruler-before .grid-row {
    padding-right: 0;
  }
}

/*
 * Sustainable Product Range
 */
#page-213 .site-main,
#page-1279 .site-main,
#page-1415 .site-main,
#page-73 .site-main,
#page-1265 .site-main{
  overflow: unset;
}

#page-213,
#page-1279,
#page-1415,
#page-1265,
#page-73 {
  overflow-x: hidden;
}

#page-213 .box,
#page-1279 .box,
#page-1415 .box,
#page-1279 .box *,
#page-1415 .box *,
#page-213 .box * {
	height: auto;
}
#page-1279 .box.box-light,
#page-1415 .box.box-light,
#page-213 .box.box-light {
	background-color: #E8EBED;
	padding-top: 4rem;
	margin-bottom: 0;
}

#page-213 h2.text-center,
#page-1279 h2.text-center,
#page-1415 h2.text-center {
	color: #565657;
	margin: 0 0 2rem 0;
}
#page-213 h3.text-center,
#page-1415 h3.text-center,
#page-1279 h3.text-center {
	font-size: 1.65rem;
	margin: 0 0 2rem 0;
}

#page-213 h5 { font-weight: bold; }
#page-1279 h5 { font-weight: bold; }
#page-1415 h5 { font-weight: bold; }
#page-1279 h5:first-of-type,
#page-1415 h5:first-of-type,
#page-213 h5:first-of-type {
	color: #008AD2;
	margin-bottom: 1.5rem;
}
#page-213 h5:last-of-type { margin: 0; }
#page-1279 h5:last-of-type { margin: 0; }
#page-1415 h5:last-of-type { margin: 0; }

#page-213 p a:not(.btn),
#page-1415 p a:not(.btn),
#page-1279 p a:not(.btn) {
	font-weight: normal;
	color: #008ad2;
	text-decoration: underline;
}

#page-213 .header-main { min-height: 88px; }
#page-1279 .header-main { min-height: 88px; }
#page-1415 .header-main { min-height: 88px; }

#page-213 .frame-space-after-extra-small { margin-bottom: 2rem; }
#page-213 .frame-space-after-small { margin-bottom: 3rem; }
#page-213 .frame-space-after-medium { margin-bottom: 4rem; }
#page-213 .frame-space-after-large { margin-bottom: 6rem; }
#page-1279 .frame-space-after-extra-small { margin-bottom: 2rem; }
#page-1279 .frame-space-after-small { margin-bottom: 3rem; }
#page-1279 .frame-space-after-medium { margin-bottom: 4rem; }
#page-1279 .frame-space-after-large { margin-bottom: 6rem; }
#page-1415 .frame-space-after-extra-small { margin-bottom: 2rem; }
#page-1415 .frame-space-after-small { margin-bottom: 3rem; }
#page-1415 .frame-space-after-medium { margin-bottom: 4rem; }
#page-1415 .frame-space-after-large { margin-bottom: 6rem; }

#page-213 .col1.grid.light-section.grid-col-12 { padding: 0; }
#page-213 .col1.full-width { width: 100%; }
#page-1279 .col1.grid.light-section.grid-col-12 { padding: 0; }
#page-1279 .col1.full-width { width: 100%; }
#page-1415 .col1.grid.light-section.grid-col-12 { padding: 0; }
#page-1415 .col1.full-width { width: 100%; }

#page-213 .site-main > div:nth-child(8) > div .col1 > div .ce-textpic.ce-center img,
#page-1279 .site-main > div:nth-child(8) > div .col1 > div .ce-textpic.ce-center img,
#page-1415 .site-main > div:nth-child(8) > div .col1 > div .ce-textpic.ce-center img {
	margin-left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 40%;
}

#page-213 .site-main > div:nth-child(11) > div .ce-textpic.ce-center img,
#page-1279 .site-main > div:nth-child(11) > div .ce-textpic.ce-center img,
#page-1415 .site-main > div:nth-child(11) > div .ce-textpic.ce-center img {
	margin-left: 50%;
	transform: translateX(-50%);
	max-width: 150px;
}

#page-213 .content-main ul { padding-left: 1rem; }
#page-1279 .content-main ul { padding-left: 1rem; }
#page-1415 .content-main ul { padding-left: 1rem; }
#page-213 .content-main li,
#page-1279 .content-main li,
#page-1415 .content-main li {
	list-style: none;
	position: relative;
}
#page-1279 .content-main li:before,
#page-1415 .content-main li:before,
#page-213 .content-main li:before {
	content: "\25A0";
	position: absolute;
	left: -16px;
	top: -2px;
	color: #008AD2;
}

#page-213 .highlight-color,
#page-1415 .highlight-color,
#page-1279 .highlight-color {
	background-color: #E8EBED;
	margin: 0;
}
#page-73 .frame-ruler-before,
#page-1265 .frame-ruler-before,
#page-213 .frame-ruler-before,
#page-1415 .frame-ruler-before,
#page-1279 .frame-ruler-before {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

#page-1279 .frame-layout-500,
#page-1415 .frame-layout-500,
#page-213 .frame-layout-500 {
	max-width: 1440px;
	margin: 0 auto;
}

#page-213 .ma-icons { margin: 0; }
#page-213 .ma-icons img { margin-right: 5px; }
#page-1279 .ma-icons { margin: 0; }
#page-1415 .ma-icons { margin: 0; }
#page-1279 .ma-icons img { margin-right: 5px; }
#page-1415 .ma-icons img { margin-right: 5px; }

#page-213 .site-main > div:nth-child(9) a.btn-blue,
#page-213 .site-main > div:nth-child(12) a.btn-blue,
#page-213 .site-main > div:nth-child(14) a.btn-blue,
#page-213 .site-main > div:nth-child(16) a.btn-blue {
	max-width: 180px;
	font-weight: bold;
}
#page-1279 .site-main > div:nth-child(9) a.btn-blue,
#page-1279 .site-main > div:nth-child(12) a.btn-blue,
#page-1279 .site-main > div:nth-child(14) a.btn-blue,
#page-1279 .site-main > div:nth-child(16) a.btn-blue {
	max-width: 180px;
	font-weight: bold;
}
#page-1415 .site-main > div:nth-child(9) a.btn-blue,
#page-1415 .site-main > div:nth-child(12) a.btn-blue,
#page-1415 .site-main > div:nth-child(14) a.btn-blue,
#page-1415 .site-main > div:nth-child(16) a.btn-blue {
	max-width: 180px;
	font-weight: bold;
}

#page-213 .frame-ruler-before .frame-type-image .ce-image.ce-right img,
#page-1415 .frame-ruler-before .frame-type-image .ce-image.ce-right img,
#page-1279 .frame-ruler-before .frame-type-image .ce-image.ce-right img {
  float: right;
}

#page-213 .frame-ruler-before .frame-type-image .ce-image.ce-left img,
#page-1415 .frame-ruler-before .frame-type-image .ce-image.ce-left img,
#page-1279 .frame-ruler-before .frame-type-image .ce-image.ce-left img {
  float: left;
}

#page-213 .frame-ruler-before .five-grid,
#page-1415 .frame-ruler-before .five-grid,
#page-1279 .frame-ruler-before .five-grid {
  flex-wrap: nowrap;
}
#page-213 .site-main > div:nth-child(7) .frame-type-image .ce-center .image-embed-item,
#page-1279 .site-main > div:nth-child(7) .frame-type-image .ce-center .image-embed-item,
#page-1415 .site-main > div:nth-child(7) .frame-type-image .ce-center .image-embed-item,
#page-213 .site-main > div:nth-child(9) .frame-type-image .ce-center .image-embed-item,
#page-1415 .site-main > div:nth-child(9) .frame-type-image .ce-center .image-embed-item,
#page-1279 .site-main > div:nth-child(9) .frame-type-image .ce-center .image-embed-item {
  max-width: 261px;
}
#page-213 .site-main > div:nth-child(7) .grid-row,
#page-1415 .site-main > div:nth-child(7) .grid-row,
#page-1279 .site-main > div:nth-child(7) .grid-row {
  justify-content: center;
}
#page-213 .site-main > div:nth-child(9) .grid-row,
#page-1415 .site-main > div:nth-child(9) .grid-row,
#page-1279 .site-main > div:nth-child(9) .grid-row {
  justify-content: center;
}

@media all and (max-width:1500px) {
  #page-213 .frame-ruler-before .five-grid,
  #page-1415 .frame-ruler-before .five-grid,
  #page-1279 .frame-ruler-before .five-grid {
    flex-wrap: wrap;
  }
}
@media all and (max-width:1023px) {
	#page-213 h1 br,
	#page-1279 h1 br,
	#page-1415 h1 br,
	#page-213 h2 br,
	#page-1415 h2 br,
	#page-1279 h2 br	{
		display: none;
	}
}

#page-213 .site-main > div:nth-child(9) .full-width .col1 > div.frame-type-text,
#page-1279 .site-main > div:nth-child(9) .full-width .col1 > div.frame-type-text,
#page-1415 .site-main > div:nth-child(9) .full-width .col1 > div.frame-type-text,
#page-213 .site-main > div:nth-child(14) .full-width .col1 > div.frame-type-text,
#page-1415 .site-main > div:nth-child(14) .full-width .col1 > div.frame-type-text,
#page-1279 .site-main > div:nth-child(14) .full-width .col1 > div.frame-type-text {
	padding: 4rem 2rem 4rem 0;
}

#page-213 .site-main > div:nth-child(2),
#page-1415 .site-main > div:nth-child(2),
#page-1279 .site-main > div:nth-child(2),
#page-1265 .site-main > div:nth-child(1),
#page-73 .site-main > div:nth-child(1) {
	position: sticky;
	top: 116px;
	width: 200px;
	margin-left: calc(100vW - 300px);
	height: 0;
	display: none;
  z-index: 1;
}
#page-1265 .site-main > div:nth-child(1) .col1.grid-col,
#page-73 .site-main > div:nth-child(1) .col1.grid-col {
  margin-top:0;
}
#page-73 .site-main > div:nth-child(1) .frame-type-textpic,
#page-73 .site-main > div:nth-child(3) .frame-type-textpic,
#page-1265 .site-main > div:nth-child(1) .frame-type-textpic,
#page-1265 .site-main > div:nth-child(3) .frame-type-textpic {
  padding:0 !important;
}
#page-73 .site-main > div:nth-child(1) .frame-type-textpic a.btn.btn-blue,
#page-73 .site-main > div:nth-child(3) .frame-type-textpic a.btn.btn-blue,
#page-1265 .site-main > div:nth-child(1) .frame-type-textpic a.btn.btn-blue,
#page-1265 .site-main > div:nth-child(3) .frame-type-textpic a.btn.btn-blue {
  max-width:100% !important;
  padding:9px 10px 6px;
}
#page-213 .site-main > div:nth-child(4),
#page-73 .site-main > div:nth-child(3),
#page-1265 .site-main > div:nth-child(3) {
	width: 100%;
	max-width: 250px;
}
#page-213 .site-main > div:nth-child(4) .grid-col,
#page-72 .site-main > div:nth-child(3) .grid-col {
	width: 100%;
}
@media all and (min-width: 1700px) {
	#page-213 .site-main > div:nth-child(2),
	#page-1279 .site-main > div:nth-child(2),
	#page-1415 .site-main > div:nth-child(2),
  #page-1265 .site-main > div:nth-child(1),
  #page-73 .site-main > div:nth-child(1) {
		display: block;
	}
	#page-213 .site-main > div:nth-child(3) .col1 > div .col1.grid-col-8,
	#page-1415 .site-main > div:nth-child(3) .col1 > div .col1.grid-col-8,
	#page-1279 .site-main > div:nth-child(3) .col1 > div .col1.grid-col-8 {
		width: 100%;
		flex-basis: 100%;
	}
	#page-213 .site-main > div:nth-child(3) .col1 > div .col2.grid-col-4,
	#page-1415 .site-main > div:nth-child(3) .col1 > div .col2.grid-col-4,
	#page-1279 .site-main > div:nth-child(3) .col1 > div .col2.grid-col-4 {
		display: none;
	}
	#page-213 .site-main > div:nth-child(4),
  #page-1265 .site-main > div:nth-child(3),
  #page-73 .site-main > div:nth-child(3) {
		display: none;
	}
}

#page-213 .site-main > div:nth-child(4) .col1  div.frame img,
#page-1279 .site-main > div:nth-child(4) .col1  div.frame img,
#page-1415 .site-main > div:nth-child(4) .col1  div.frame img,
#page-1265 .site-main > div:nth-child(3) .col1  div.frame img,
#page-73 .site-main > div:nth-child(3) .col1  div.frame img {
  max-width: 100%;
}
#page-213 .site-main > div:nth-child(11) > div .col1.grid-col.grid-col-6 { margin-top: 1rem; }
#page-1279 .site-main > div:nth-child(11) > div .col1.grid-col.grid-col-6 { margin-top: 1rem; }
#page-1415 .site-main > div:nth-child(11) > div .col1.grid-col.grid-col-6 { margin-top: 1rem; }

#page-213 .site-main > div:nth-child(8) > div .col1 > div,
#page-1415 .site-main > div:nth-child(8) > div .col1 > div,
#page-1279 .site-main > div:nth-child(8) > div .col1 > div {
	width: auto;
	max-width: auto;
	min-height: 40px;
}

#page-213 .tm,
#page-1415 .tm,
#page-1279 .tm {
	font-size: .7rem;
	display: inline-block;
	border-bottom: 1px solid #008AD2;
	vertical-align: top;
	margin-top: -5px;
}

#page-213 .parallax-window .black-square-row,
#page-1415 .parallax-window .black-square-row,
#page-1279 .parallax-window .black-square-row {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}
#page-213 .parallax-window .black-square,
#page-1415 .parallax-window .black-square,
#page-1279 .parallax-window .black-square {
	background-color: rgba(0,0,0,.8);
	width: 100%;
	max-width: 400px;
	padding: 1rem;
	border: 2px solid #FFF;
	margin-left: auto;
}
@media all and (max-width: 1140px) {
	#page-213 .parallax-window .black-square-row { padding: 0 1rem; }
	#page-1279 .parallax-window .black-square-row { padding: 0 1rem; }
	#page-1415 .parallax-window .black-square-row { padding: 0 1rem; }
}
@media all and (max-width: 991px) {
	#page-213 .parallax-window .black-square { margin-right: auto; }
	#page-1279 .parallax-window .black-square { margin-right: auto; }
	#page-1415 .parallax-window .black-square { margin-right: auto; }
}
#page-213 .parallax-window .black-square p { line-height: 1.5rem; }
#page-1279 .parallax-window .black-square p { line-height: 1.5rem; }
#page-1415 .parallax-window .black-square p { line-height: 1.5rem; }
#page-213 .parallax-window .black-square p span.black-square-subline { font-size: .9rem; }
#page-1279 .parallax-window .black-square p span.black-square-subline { font-size: .9rem; }
#page-1415 .parallax-window .black-square p span.black-square-subline { font-size: .9rem; }

@media (max-width:64rem) {
	#page-213 .full-width .col1 .frame-type-text,
	#page-1279 .full-width .col1 .frame-type-text,
	#page-1415 .full-width .col1 .frame-type-text,
	#page-213 .full-width .col1 .frame-type-image,
	#page-1415 .full-width .col1 .frame-type-image,
	#page-1279 .full-width .col1 .frame-type-image {
		padding: 1rem 0 1rem 0;
	}
	#page-213 .full-width .col2 .frame-type-text,
	#page-213 .full-width .col2 .frame-type-image,
  #page-213 .full-width .col3 .frame-type-text,
  #page-213 .full-width .col3 .frame-type-image,
  #page-213 .full-width .col4 .frame-type-text,
  #page-213 .full-width .col4 .frame-type-image,
  #page-213 .full-width .col5 .frame-type-text,
  #page-213 .full-width .col5 .frame-type-image {
		padding: 1rem 0 1rem 0;
	}
	#page-1279 .full-width .col2 .frame-type-text,
	#page-1279 .full-width .col2 .frame-type-image,
  #page-1279 .full-width .col3 .frame-type-text,
  #page-1279 .full-width .col3 .frame-type-image,
  #page-1279 .full-width .col4 .frame-type-text,
  #page-1279 .full-width .col4 .frame-type-image,
  #page-1279 .full-width .col5 .frame-type-text,
  #page-1279 .full-width .col5 .frame-type-image {
		padding: 1rem 0 1rem 0;
	}
	#page-1415 .full-width .col2 .frame-type-text,
	#page-1415 .full-width .col2 .frame-type-image,
  #page-1415 .full-width .col3 .frame-type-text,
  #page-1415 .full-width .col3 .frame-type-image,
  #page-1415 .full-width .col4 .frame-type-text,
  #page-1415 .full-width .col4 .frame-type-image,
  #page-1415 .full-width .col5 .frame-type-text,
  #page-1415 .full-width .col5 .frame-type-image {
		padding: 1rem 0 1rem 0;
	}
}

@media all and (max-width: 1140px) {
	#page-213 .frame-ruler-before,
	#page-1415 .frame-ruler-before,
	#page-1279 .frame-ruler-before {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

#page-213 .anchor,
#page-1415 .anchor,
#page-1279 .anchor {
	margin-top: -100px;
	position: absolute;
}

#page-213 .box .column-4cols > :first-child { margin-top: 1rem; }
#page-1279 .box .column-4cols > :first-child { margin-top: 1rem; }
#page-1415 .box .column-4cols > :first-child { margin-top: 1rem; }

/* IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	ul.inner-navigation { margin-top: 0; }

	#page-213 .site-main > div:nth-child(3) .col1 > div .col1 > div.frame,
	#page-213 .site-main > div:nth-child(5) .col1 > div .col1 > div.frame	{
		display: block;
	}
	#page-1279 .site-main > div:nth-child(3) .col1 > div .col1 > div.frame,
	#page-1415 .site-main > div:nth-child(3) .col1 > div .col1 > div.frame,
	#page-1279 .site-main > div:nth-child(5) .col1 > div .col1 > div.frame,
	#page-1415 .site-main > div:nth-child(5) .col1 > div .col1 > div.frame	{
		display: block;
	}
	#page-213 .box,
	#page-1279 .box,
	#page-1415 .box,
	#page-1279 .box *,
	#page-1415 .box *,
	#page-213 .box *{
		overflow: hidden;
	}
	#page-73 .grid-col-4,
	#page-1265 .grid-col-4,
	#page-213 .grid-col-4,
	#page-1415 .grid-col-4,
	#page-1279 .grid-col-4 {
		-ms-flex-preferred-size: calc(33.3333% - 2rem);
		flex-basis: calc(33.3333% - 2rem);
		width: calc(33.3333% - 2rem);
	}
	#page-213 .header-meta { margin-top: 20px; }
	#page-1279 .header-meta { margin-top: 20px; }
	#page-1415 .header-meta { margin-top: 20px; }
	#page-73 .ce-gallery img,
	#page-1265 .ce-gallery img {
		width: 100%;
		height: auto;
	}
	#page-73 .dark-section .frame-indent-left .ce-gallery img,
	#page-1265 .dark-section .frame-indent-left .ce-gallery img {
		height: inherit;
	}

	#page-213 .site-main > div:nth-child(8) > div > .column-1col.grid-row,
	#page-213 .site-main > div:nth-child(11) > div > .column-1col.grid-row,
	#page-213 .site-main > div:nth-child(15) > div > .column-1col.grid-row {
		margin-left: 0;
		margin-right: 0;
	}
	#page-1279 .site-main > div:nth-child(8) > div > .column-1col.grid-row,
	#page-1279 .site-main > div:nth-child(11) > div > .column-1col.grid-row,
	#page-1279 .site-main > div:nth-child(15) > div > .column-1col.grid-row {
		margin-left: 0;
		margin-right: 0;
	}
	#page-1415 .site-main > div:nth-child(8) > div > .column-1col.grid-row,
	#page-1415 .site-main > div:nth-child(11) > div > .column-1col.grid-row,
	#page-1415 .site-main > div:nth-child(15) > div > .column-1col.grid-row {
		margin-left: 0;
		margin-right: 0;
	}
	#page-213 .site-main > div:nth-child(5) .col1 > div:nth-child(2) .col2 > div { height: auto; }
	#page-213 .site-main > div:nth-child(9) .full-width .frame,
	#page-213 .site-main > div:nth-child(12) .full-width .frame,
	#page-213 .site-main > div:nth-child(14) .full-width .frame	{
		display: block;
	}
	#page-1279 .site-main > div:nth-child(5) .col1 > div:nth-child(2) .col2 > div { height: auto; }
	#page-1279 .site-main > div:nth-child(9) .full-width .frame,
	#page-1279 .site-main > div:nth-child(12) .full-width .frame,
	#page-1279 .site-main > div:nth-child(14) .full-width .frame	{
		display: block;
	}
	#page-1415 .site-main > div:nth-child(5) .col1 > div:nth-child(2) .col2 > div { height: auto; }
	#page-1415 .site-main > div:nth-child(9) .full-width .frame,
	#page-1415 .site-main > div:nth-child(12) .full-width .frame,
	#page-1415 .site-main > div:nth-child(14) .full-width .frame	{
		display: block;
	}

	#page-73 .frame-ruler-before .column-1col .col1 ,
	#page-1265 .frame-ruler-before .column-1col .col1 {
    width: 100%;
  }
	#page-73 .frame-ruler-after .col1 ,
	#page-1265 .frame-ruler-after .col1 {
    align-items: flex-end;
  }
	#page-73 .frame-ruler-after .col2 > div:last-child figure.image,
	#page-1265 .frame-ruler-after .col2 > div:last-child figure.image {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
@media all and (-ms-high-contrast: none) and (max-width: 768px), (-ms-high-contrast: active) {
	#page-73 .grid-col-4,
	#page-1265 .grid-col-4 {
		-ms-flex-preferred-size: calc(33.3333% - 2rem);
		flex-basis: calc(33.3333% - 2rem);
		width: calc(33.3333% - 2rem);
	}
}
@media all and (-ms-high-contrast: none) and (max-width:110rem), (-ms-high-contrast: active) and (max-width:110rem) {
	#page-213 .ce-image.ce-center.ce-above,
	#page-213 .ce-image .ce-gallery,
	#page-213 .ce-image .ce-outer,
	#page-213 .ce-image .ce-inner,
	#page-213 .ce-image .ce-row,
	#page-213 .ce-image .ce-column,
	#page-213 .ce-image figure.image {
		height: auto;
		max-height: 700px;
		overflow: hidden;
	}
  #page-1279 .ce-image.ce-center.ce-above,
	#page-1279 .ce-image .ce-gallery,
	#page-1279 .ce-image .ce-outer,
	#page-1279 .ce-image .ce-inner,
	#page-1279 .ce-image .ce-row,
	#page-1279 .ce-image .ce-column,
	#page-1279 .ce-image figure.image {
		height: auto;
		max-height: 700px;
		overflow: hidden;
	}
  #page-1415 .ce-image.ce-center.ce-above,
	#page-1415 .ce-image .ce-gallery,
	#page-1415 .ce-image .ce-outer,
	#page-1415 .ce-image .ce-inner,
	#page-1415 .ce-image .ce-row,
	#page-1415 .ce-image .ce-column,
	#page-1415 .ce-image figure.image {
		height: auto;
		max-height: 700px;
		overflow: hidden;
	}
}
@media all and (-ms-high-contrast: none) and (max-width:1140px), (-ms-high-contrast: active) and (max-width:1140px) {
	#page-73 .frame-ruler-after .col2,
	#page-1265 .frame-ruler-after .col2 {
    padding-right: 0;
  }
}
@media all and (-ms-high-contrast: none) and (max-width:1023px), (-ms-high-contrast: active) and (max-width:1023px) {
	#page-73 .frame-ruler-after .col2,
	#page-1265 .frame-ruler-after .col2 {
    padding-left: 0;
  }
}
@media all and (-ms-high-contrast: none) and (max-width:768px), (-ms-high-contrast: active) and (max-width:768px) {
	#page-73 .frame-ruler-after .col2,
	#page-1265 .frame-ruler-after .col2 {
    padding-left: 2rem;
  }
	#page-73 .grid-col-4,
	#page-1265 .grid-col-4 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
	}
}
@media all and (-ms-high-contrast: none) and (max-width:576px), (-ms-high-contrast: active) and (max-width:576px) {
	#page-73 .frame-ruler-after .col2,
	#page-1265 .frame-ruler-after .col2{
    padding-right: 2rem;
  }
}
@media all and (-ms-high-contrast: none) and (max-width:62rem), (-ms-high-contrast: active) and (max-width:62rem) {
	#page-213 .ce-image.ce-center.ce-above,
	#page-213 .ce-image .ce-gallery,
	#page-213 .ce-image .ce-outer,
	#page-213 .ce-image .ce-inner,
	#page-213 .ce-image .ce-row,
	#page-213 .ce-image .ce-column,
	#page-213 .ce-image figure.image {
		max-height: auto;
	}
  #page-1279 .ce-image.ce-center.ce-above,
	#page-1279 .ce-image .ce-gallery,
	#page-1279 .ce-image .ce-outer,
	#page-1279 .ce-image .ce-inner,
	#page-1279 .ce-image .ce-row,
	#page-1279 .ce-image .ce-column,
	#page-1279 .ce-image figure.image {
		max-height: auto;
	}
  #page-1415 .ce-image.ce-center.ce-above,
	#page-1415 .ce-image .ce-gallery,
	#page-1415 .ce-image .ce-outer,
	#page-1415 .ce-image .ce-inner,
	#page-1415 .ce-image .ce-row,
	#page-1415 .ce-image .ce-column,
	#page-1415 .ce-image figure.image {
		max-height: auto;
	}
}

/* EDGE */
@media (min-width: 769px) {
	@supports (-ms-ime-align:auto) {
	   #page-73 .grid-col-4,
	   #page-1265 .grid-col-4,
	   #page-1279 .grid-col-4,
	   #page-1415 .grid-col-4,
	   #page-213 .grid-col-4 {
			-ms-flex-preferred-size: calc(33.3333% - 2rem);
			flex-basis: calc(33.3333% - 2rem);
			width: calc(33.3333% - 2rem);
		}
	}
}


.ce-textpic.ce-center.ce-above figure.image{
  text-align: center;
}
.ce-textpic.ce-right.ce-abovefigure.image{
  text-align: right;
}

/* RESEEN 20221212 */
.button--blue{
  display: inline-block;
  background: #008ad2;
  font-size: 15px;
  font-weight: normal !important;
  color: #fff !important;
  padding: 0.6rem 1.2rem;
  margin-left: 0;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
.button--blue:hover{
  color: #fff !important;
  background: #2fb1f5;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

/* RESEEN 20221221 */

/* not nice but the situation needed it - questions to Christina Rintye */
#page-1089 #c31722 .grid-col{
  margin: 0;
}
#page-1089 .frame-ruler-before .five-grid {
  flex-wrap: nowrap;
  justify-content: center;
}
#page-1089 .short.dark-section h3{
  padding: 70px 0px 40px 0px;
}

#page-1089 #c32774,
#page-1089 #c32776,
#page-1089 #c32777
{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

#page-1089 #c31760 > .short.dark-section{
  padding-bottom: 70px;
}
.frame-7.frame-type-text a{
  margin: 0.75rem 0 0 0;
}
.frame-7 p.text-center{
  margin-bottom: 0.75rem;
}
.frame-7 h2.ce-headline-center{
  margin-bottom: 1.1rem;
}

/* not nice but the situation needed it: pt II - questions to Christina Rintye */
#page-1105 .short.dark-section h3 {
  padding: 70px 0 40px 0;
}
#page-1105 #c32851,
#page-1105 #c32855,
#page-1105 #c32859,
#page-1105 #c33259,
#page-1105 #c33602
{
  max-width: 1066px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
#page-1105 #c32860 > .short.dark-section{
  padding-bottom: 70px;
}

/* not nice but the situation needed it: pt III - questions to Christina Rintye */
#page-1106 .short.dark-section h3 {
  padding: 70px 0 40px 0;
}
#page-1106 #c32898,
#page-1106 #c32902,
#page-1106 #c32906,
#page-1106 #c33681,
#page-1106 #c33667,
#page-1106 #c33671
{
  max-width: 1066px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
#page-1106 #c32907 > .short.dark-section {
  padding-bottom: 70px;
}
@media(max-width: 1024px){
  #page-1106 .frame-type-image .ce-center .image-embed-item{
    height: auto;
    width: 100%;
  }
}

/* not nice but the situation needed it: pt IV - questions to Christina Rintye */
#page-1188 .short.dark-section h3 {
  padding: 70px 0 40px 0;
}
#page-1188 #c34179,
#page-1188 #c34184,
#page-1188 #c34189,
#page-1188 #c34194,
#page-1188 #c35436,
#page-1188 #c34199,
#page-1188 #c34204
{
  max-width: 1066px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
#page-1188 #c34205 > .short.dark-section {
  padding-bottom: 70px;
}
@media(max-width: 1024px){
  #page-1188 .frame-type-image .ce-center .image-embed-item{
    height: auto;
    width: 100%;
  }
}


/* graue box /de und /en auf de/karriere/ihr-einstieg-bei-amann/azubis-und-studierende/ */
#c32957 > .dark-section,
#c32994 > .dark-section{
  padding: 100px 0;
}
#c32957 .col-md-20.grid-col-20,
#c32994 .col-md-20.grid-col-20{
    margin: 0;
}
#c32957 .five-grid,
#c32994 .five-grid{
  max-width: 875px;
  width: 66.66%;
  min-width: 0;
  margin: 0 auto;
}
@media(max-width: 1200px){
  #c32957 .ce-image img.image-embed-item,
  #c32994 .ce-image img.image-embed-item{
    height: 40px;
    width: auto;
  }
}
@media(max-width: 991px){
  #c32957 > .dark-section,
  #c32994 > .dark-section{
    padding: 50px 0;
  }
}

/* LINK STYLING */
.link--blue{
  font-weight: normal !important;
  color: #008ad2 !important;
  font-size: 16px !important;
  text-decoration: underline !important;
}
.link--blue:hover{
  text-decoration: none !important;
}

/* VIDEO STYLING */
#c32914 .col-md-20.grid-col-20,
#c33596 .col-md-20.grid-col-20{
  margin: 0;
  padding: 0 15px;
}
@media(max-width: 991px){
  #c32914 .col-md-20.grid-col-20,
  #c33596 .col-md-20.grid-col-20{
    flex: 0 0 33%;
    max-width: 33%;
  }
}
@media(max-width: 767px){
  #c32914 .col-md-20.grid-col-20,
  #c33596 .col-md-20.grid-col-20{
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media(max-width: 575px){
  #c32914 .col-md-20.grid-col-20,
  #c33596 .col-md-20.grid-col-20{
    flex: 0 0 100%;
    max-width: 100%;
  }
}


.site-main > .frame-type-gridelements_pi1 .column-3cols .col2 .column-2cols .col2 img{
  margin: 0;
  width: 80%;
}
@media(max-width: 767px){
  .site-main > .frame-type-gridelements_pi1 .column-3cols .col2 .column-2cols .col2 img{
    width: 40%;
  }
}
@media(max-width: 575px){
  .site-main > .frame-type-gridelements_pi1 .column-3cols .col2 .column-2cols .col2 img{
    width: calc(50% + 10px);
  }
}

/* :) */
#c35655{
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  margin: 0;
}
#c35655 .tx-ws-flexslider{
  width: 100%;
}

.frame-centerFlex .column-1col{
  justify-content: center;
  padding-bottom: 3rem;
  display: none;
}
.frame-sticky {
  width: 200px;
  margin-left: calc(100vW - 300px);
  height: 100px; /* Adjust this height as needed */
  display: block;
  z-index: 1;
  transition: all 500ms;
  position: sticky;
  top: 116px;
}

.frame-sticky.scrolled {
  position: fixed;
  top: 116px;
}


@media all and (max-width: 1140px) {
  .frame-sticky {
    display: none;
  }
  .frame-sticky.scrolled {
    position: sticky;
    display: none;
  }
  .frame-centerFlex .column-1col{
    display: flex;
  }
}

.request-product-button {
  display: inline-block;
  background: #008ad2;
  font-size: 35px;
  font-weight: normal !important;
  color: #fff !important;
  padding: 16px 32px;
}