/************************************************************************************* 
> Custom styles for SuccessFactors Careers Portal: New or adapted Styles for SF site
*************************************************************************************/

a {
    outline: none !important;
}

body {
     font-family: "Onto Sans", "Arial", sans-serif !important;
     font-size: 16px;
     color: #4b4b4b;
     line-height: 1.2;
}

body .jobDisplay,
body .jobDisplay * {
    font-family: "Onto Sans", "Arial", sans-serif !important;
}

strong, b, p strong, p b {
     font-weight: 500 !important;
}

body p {
     margin: 0 0 30px 0;
     line-height: 1.65;
     font-family: "Onto Sans", "Arial", sans-serif !important;
}

body h1, body h2, body h3, body h4, body h5 {
     margin-bottom: 1rem;
}

/* Cookie banner */
.bannerCloseButton {
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  text-indent: 100vw;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  transition: transform ease-in-out 0.3s; 
}
  @media (prefers-reduced-motion: reduce) {
  .bannerCloseButton {
    transition: none; } }
  .bannerCloseButton::before, .bannerCloseButton::after {
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -1px 0 0 -8px;
    width: 16px;
    height: 2px;
    content: "";
    display: block;
    background: #4b4b4b;
    transform: rotate(45deg);
    transform-origin: 50% 50%; }
  .bannerCloseButton::before {
    transform: rotate(-45deg); }
  .bannerCloseButton:hover, .bannerCloseButton:focus, .bannerCloseButton.active {
    transform: rotate(-90deg); }

body.coreCSB div.ukCookiePolicy > div.container button.btn,
body.coreCSB div.ukCookiePolicy > div.container button.btn:hover,
body.coreCSB div.ukCookiePolicy > div.container button.btn:focus {
    background: none !important;
    border: none !important; 
}

.ukCookiePolicy .bannerCloseButton::before, .ukCookiePolicy .bannerCloseButton::after {
  width: 20px; }


body.coreCSB div.ukCookiePolicy > div.container .bannerAcceptButton {
    padding: 0;
    font-weight: 600;
    text-decoration: underline;
}

body.coreCSB div.ukCookiePolicy > div.container .bannerAcceptButton:hover,
body.coreCSB div.ukCookiePolicy > div.container .bannerAcceptButton:focus {
    color: #00abff !important;
}

.ukCookiePolicy br {
    content: " ";
    display: none;
}

.ukCookiePolicy {
  background: rgba(58, 59, 60, .95);
  color: #fff;
  padding: 10px;
  line-height: 1.25;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10; }
  .ukCookiePolicy.hidden {
    display: none; }
  .ukCookiePolicy>div.container {
    position: relative; 
    background: none !important;
    color: #fff !important;}
  .ukCookiePolicy .bannerCloseButton {
    position: absolute;
    top: -10px;
    right: 0;
    height: 40px;
    width: 40px; }
  .ukCookiePolicy .bannerCloseButton::before, .ukCookiePolicy .bannerCloseButton::after {
    background: #fff; }
  .ukCookiePolicy a {
    font-weight: bold;
    color: #fff;
    text-decoration: underline; 
}

body.coreCSB div.ukCookiePolicy > div.container {
    background: none !important;
    color: #fff !important;
    padding-right: 40px;     
    position: relative !important;
    
}

.box-contacts h3 {
     margin-bottom: 1rem !important;
}

.box-contacts p {
     line-height: 1.15;
     margin: 18px 0;
     margin-top: 18px;
     margin-bottom: 18px;
}

.box-contacts p:last-of-type {
     margin-bottom: 0;
}



/* body classes
---------------------------------------------------------------------------
home: coreCSB home-page body
job offers: coreCSB talentlanding-page body
profile: careerSite mobileApplyCtr ff-only ff-68 css3 coreCSB job-page body
-------------------------------------------------------------------------*/



/* Grid Layout */
#innershell,
.slightlylimitwidth {
    max-width: none !important; /* 1200px */
}
#innershell {
    padding-left: 0;
    padding-right: 0;
}

/*
.job-page #innershell {
    max-width: 1140px !important;
}
*/

/* Boostrap breakpoint SM */
@media only screen and (min-width : 576px) {
    .inner, .limitwidth, .breadcrumbtrail, #category-name, #category-header .headertext, .category-groups-wrapper, #noresults, #actions, #job-table, .back-to-search-wrapper, .jobDisplayShell, #similar-jobs, #ssoStack, .pagination-top, .pagination-bottom, .searchResultsShell, .keyword-title, .container, .careerSite #innershell {
        max-width: 540px !important;
    }
}

/* Boostrap breakpoint MD */
@media only screen and (min-width : 768px) {
    .inner, .limitwidth, .breadcrumbtrail, #category-name, #category-header .headertext, .category-groups-wrapper, #noresults, #actions, #job-table, .back-to-search-wrapper, .jobDisplayShell, #similar-jobs, #ssoStack, .pagination-top, .pagination-bottom, .searchResultsShell, .keyword-title, .container, .careerSite #innershell {
        max-width: 720px !important;
    }
}

/* Boostrap breakpoint LG */
@media only screen and (min-width : 992px) {
    .inner, .limitwidth, .breadcrumbtrail, #category-name, #category-header .headertext, .category-groups-wrapper, #noresults, #actions, #job-table, .back-to-search-wrapper, .jobDisplayShell, #similar-jobs, #ssoStack, .pagination-top, .pagination-bottom, .searchResultsShell, .keyword-title, .container, .careerSite #innershell {
        max-width: 960px !important;
    }
}

/* Boostrap breakpoint XL */
@media only screen and (min-width : 1200px) {
    .inner, .limitwidth, .breadcrumbtrail, #category-name, #category-header .headertext, .category-groups-wrapper, #noresults, #actions, #job-table, .back-to-search-wrapper, .jobDisplayShell, #similar-jobs, #ssoStack, .pagination-top, .pagination-bottom, .searchResultsShell, .keyword-title, .container, .careerSite #innershell {
        max-width: 1140px !important; /* 1000px */
    }
}

#careerform #page_content {
    margin: 0 10px !important;
}





#headerbordertop {
    height: auto;
}

#header {
    border: none;
}

body.scrolled #header {
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1) !important;
}

/* Hide empty sub navigation */
#header .lower {
    display: none;
}

#header .menu { 
    padding: 16px 0;
}

#header .menu .nav {
    margin-top: 0;
}


#header #logo {
    width: 135px; 
    height: auto;
}

#header .menu.mobile #logo {
    padding: 0;
}

#content {
    padding-top: 0 !important;
}


#header .menu.mobile.upper::before,
#header .menu.mobile.upper::after {
    display: none !important;
}

#header .menu.mobile.upper .nav {
    padding-right: 15px;
}






#footerInnerLinksSocial {
    display: flex;
    position: relative;
}

#footer {
    font-size: 13px !important;
}

#footer #footerRowTop {
    padding-top:  40px; 
    padding-bottom: 0;
}

#footer #footerRowBottom>.container {
    padding-top: 0;
    padding-bottom: 45px;
    text-align: right;
}

#footer #footerRowBottom p {
    margin-top: 0;
}

#footer #footerRowBottom {
    padding-top: 0;
    padding-bottom: 0;
}

#footer #logo {
    width: 135px;
    height: auto; 
    margin-right: 30px;

}


#footer #logo, 
#footer ul.inner.links,
#footer .rightfloat {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
}


#footer ul.inner.links {
    justify-content: flex-end;
    order: 1;
    padding: 0;
    margin-right: 0;
    margin-left: auto;
}



#footer ul.inner.links li {
    border: none;
    margin: 0;
    padding: 0;
    font-weight: 600 !important;
    margin-right: 30px;
}


#footer .rightfloat {
    justify-content: flex-end;
    order: 2;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
}

#footer .social-links li.social-icons {
    margin-left: 0;
    margin-right: 20px;
    padding: 0;
}
#footer .social-links li.social-icons:last-of-type {
    margin-right: 0;
}

#footer .social-links .social-icon {
    margin-right: 0;
    margin-left: 0;
}

#footer .social-links .social-icon .fa {
    height: 24px;
    font-size: 20px;
}



@media (max-width:633px){
    
    #footerInnerLinksSocial {
        flex-wrap: wrap;
    }  
    
    #footerInnerLinksSocial::before {
        width: 100%;
        order: 1;
    }
    
    #footer #logo {
        display: block;
        margin-bottom: 25px;
    }
    #footer #footerRowBottom {
        padding-top: 20px;
    }
    
    #footer #footerRowBottom>.container {
        text-align: left;
    }    

    #footer ul.inner {
        margin-bottom: 0;
        min-width: 0;
    }       
    
  #footer .container .links li,   #footer .container .links li:first-of-type {
        width: auto;
        border-bottom: none;
    }
    
    #footer ul.inner.links {
        justify-content: flex-start;
        margin: 0;
    }
    
    #footer .rightfloat {
        justify-content: flex-start;
    }    
    

    #footer ul.social-links li {
        float: left;
    }
}


.slider.oversize {
    margin-bottom: 0;
}








/************************************************************************************* 
> Styles only to be applied within parent container with class "website-migration"
*************************************************************************************/

.website-migration img {
    width: 100%;
}

.website-migration a {
    outline: none !important;
}

.website-migration p > a {
    color: #07c !important;
    text-decoration: underline;
    outline: none;
}

.website-migration p > a:hover, .website-migration p > a:focus {
    color: #00abff !important;
}

.website-migration .button {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    color: #333 !important;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-right: 43px;
    cursor: pointer;
    margin: 0 0 30px 0;
    margin-bottom: 30px;
    text-decoration: none;
}

.website-migration .button:hover, .website-migration .button:focus {
    text-decoration: underline;
    color: #333 !important;
}

.website-migration hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible; 
    margin-top: 0;
    margin-bottom: 0;
    border:solid;
    border-top: none;
}

.website-migration .row {
  margin-top: 45px;
  margin-bottom: 75px; }
  .website-migration .page-nav-item:first-child > .website-migration .row {
    margin-top: -30px; }
  .website-migration .row > * {
    margin-top: 30px; }
  .website-migration .row > * > *:first-child {
    margin-top: 0; }
  .website-migration .row > * > *:last-child {
    margin-bottom: 0; }
  .website-migration .row > * > .website-migration .row:first-child {
    margin-top: -30px; }
  .website-migration .row.mt-0 {
    margin-top: -30px !important; }
  .row.mt-3 {
    margin-top: 0 !important; }
  .website-migration .row.mt-5 {
    margin-top: 45px !important; }
  .website-migration .row + .website-migration .row {
    margin-top: -30px; }
  .website-migration .row.row-world-grid {
    margin-left: 0;
    margin-right: 0;
    background: url(../Images/world-grid.jpg) no-repeat top left;
    background-size: cover;
    border: 1px solid #f4f4f4;
    border-width: 1px 0;
    padding-bottom: 30px; }
  .website-migration .row.row-world-grid.mt-0 {
    margin-top: 0 !important; }
  .website-migration .row.row-world-grid.mt-3 {
    margin-top: 30px !important; }
  .website-migration .row.row-world-grid.mt-5 {
    margin-top: 75px !important; }
  .website-migration .breadcrumb-section + .website-migration .row {
    margin-top: -30px; }



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

    /*
    .website-migration .row.mt-0 {
        margin-top: 0px !important; 
    }
    .website-migration .row.mb-0 {
        margin-bottom: 0px !important; 
    }    
    */
    
  .website-migration .page-nav-item:first-child > .website-migration .row {
    margin-top: -0; }
  .website-migration .row > * > .website-migration .row:first-child {
    margin-top: -0; }
  .website-migration .row.mt-0 {
    margin-top: -0 !important; }
  .website-migration .row + .website-migration .row {
    margin-top: -0; }
  .website-migration .breadcrumb-section + .website-migration .row {
    margin-top: -0; }    
    
    
}


/* Collapsibles */
.website-migration .panel-group .panel {
    margin-top: -1px;
    margin-bottom: 0;   
}

.website-migration .panel {
    border-radius: 0;
    border: none;
    background: none;
    box-shadow: none;
    
    border: 1px solid #9d9d9c;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-width: 1px 0;    
}

.website-migration .panel .panel-heading {
    background: none;
    border: none;
    border-radius: 0;
    margin: 2px 0;
    padding: 10px 0px 10px 10px;
    position: relative;    
}

.website-migration .panel .panel-title {
    /+padding-right: 52px;*/
}

.website-migration .panel .panel-title::after {
    content: "\e90a";
    display: block;
    position: absolute;
    top: 50%;
    font-weight: normal !important;
    right: 20px;
    margin-top: -9px;
    font-size: 21px;
    line-height: 1;
    color: #333;
    font-family: "fs";
    pointer-events: none;
}

.website-migration .panel .panel-heading.active .panel-title::after {
    content: "\e909";
}


.website-migration .panel .panel-heading.active {
    background: #f4f4f4;
    border-bottom: 0;
}


.website-migration .panel .panel-title a {
    display: block; 
}

.website-migration .panel .panel-title a:focus,
.website-migration .panel .panel-title a:hover,
.website-migration .panel .panel-heading.active .panel-title a {
    text-decoration: none;
    font-weight: bold;
}

.website-migration .panel .panel-body {
    background: none;
    border: none !important;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;    
}




/************************************************************************************* 
> Migrated styles from company website
*************************************************************************************/

@font-face {
    font-family: "Onto Sans";
    src: url("../Fonts/subset-OntoSans-Light.eot?#iefix");
    src: url("../Fonts/subset-OntoSans-Light.eot?#iefix") format("eot"),
        url("../Fonts/subset-OntoSans-Light.woff2") format("woff2"),
        url("../Fonts/subset-OntoSans-Light.woff") format("woff"),
        url("../Fonts/subset-OntoSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Onto Sans";
    src: url("../Fonts/subset-OntoSans-LightItalic.eot?#iefix");
    src: url("../Fonts/subset-OntoSans-LightItalic.eot?#iefix") format("eot"),
        url("../Fonts/subset-OntoSans-LightItalic.woff2") format("woff2"),
        url("../Fonts/subset-OntoSans-LightItalic.woff") format("woff"),
        url("../Fonts/subset-OntoSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Onto Sans";
    src: url("../Fonts/subset-OntoSans-Regular.eot?#iefix");
    src: url("../Fonts/subset-OntoSans-Regular.eot?#iefix") format("eot"),
        url("../Fonts/subset-OntoSans-Regular.woff2") format("woff2"),
        url("../Fonts/subset-OntoSans-Regular.woff") format("woff"),
        url("../Fonts/subset-OntoSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Onto Sans";
    src: url("../Fonts/subset-OntoSans-Italic.eot?#iefix");
    src: url("../Fonts/subset-OntoSans-Italic.eot?#iefix") format("eot"),
        url("../Fonts/subset-OntoSans-Italic.woff2") format("woff2"),
        url("../Fonts/subset-OntoSans-Italic.woff") format("woff"),
        url("../Fonts/subset-OntoSans-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Onto Sans";
    src: url("../Fonts/subset-OntoSans-SemiBold.eot?#iefix");
    src: url("../Fonts/subset-OntoSans-SemiBold.eot?#iefix") format("eot"),
        url("../Fonts/subset-OntoSans-SemiBold.woff2") format("woff2"),
        url("../Fonts/subset-OntoSans-SemiBold.woff") format("woff"),
        url("../Fonts/subset-OntoSans-SemiBold.ttf") format("truetype");
    font-weight: 500; /*600*/
    font-style: normal;
}
@font-face {
    font-family: "Onto Sans";
    src: url("../Fonts/subset-OntoSans-SemiBoldItalic.eot?#iefix");
    src: url("../Fonts/subset-OntoSans-SemiBoldItalic.eot?#iefix") format("eot"),
        url("../Fonts/subset-OntoSans-SemiBoldItalic.woff2") format("woff2"),
        url("../Fonts/subset-OntoSans-SemiBoldItalic.woff") format("woff"),
        url("../Fonts/subset-OntoSans-SemiBoldItalic.ttf") format("truetype");
    font-weight: 500; /*600*/
    font-style: italic;
}
@font-face {
    font-family: "Onto Sans";
    src: url("../Fonts/subset-OntoSans-Bold.eot?#iefix");
    src: url("../Fonts/subset-OntoSans-Bold.eot?#iefix") format("eot"),
        url("../Fonts/subset-OntoSans-Bold.woff2") format("woff2"),
        url("../Fonts/subset-OntoSans-Bold.woff") format("woff"),
        url("../Fonts/subset-OntoSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Onto Sans";
    src: url("../Fonts/subset-OntoSans-BoldItalic.eot?#iefix");
    src: url("../Fonts/subset-OntoSans-BoldItalic.eot?#iefix") format("eot"),
        url("../Fonts/subset-OntoSans-BoldItalic.woff2") format("woff2"),
        url("../Fonts/subset-OntoSans-BoldItalic.woff") format("woff"),
        url("../Fonts/subset-OntoSans-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
  font-family: "fs";
  src: url("../Fonts/fs.eot?7avmro");
  src: url("../Fonts/fs.eot?7avmro#iefix") format('embedded-opentype'), url("../Fonts/fs.ttf?7avmro") format('truetype'), url("../Fonts/fs.woff?7avmro") format('woff'), url("../Fonts/fs.svg?7avmro#fs") format('svg');
  font-weight: normal;
  font-style: normal; }
/*
[class^="icon-"]::before, [class*=" icon-"]::before, [class^="icon-after-"]::after, [class*=" icon-after-"]::after {
  font-family: "fs" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-after-"]::after, [class*=" icon-after-"]::after {
  display: block;
  float: right;
  margin: -3px 0 0 12px;
  font-size: 20px; }
*/
.icon-home::before {
  content: "\e90e"; }

.icon-after-home::after {
  content: "\e90e"; }

.icon-twitter::before {
  content: "\e90b"; }

.icon-after-twitter::after {
  content: "\e90b"; }

.icon-pinterest::before {
  content: "\e90c"; }

.icon-after-pinterest::after {
  content: "\e90c"; }

.icon-instagram::before {
  content: "\e90d"; }

.icon-after-instagram::after {
  content: "\e90d"; }

.icon-file::before {
  content: "\e900"; }

.icon-after-file::after {
  content: "\e900"; }

.icon-youtube::before {
  content: "\e901"; }

.icon-after-youtube::after {
  content: "\e901"; }

.icon-arrow::before {
  content: "\e902"; }

.icon-after-arrow::after {
  content: "\e902"; }

.icon-arrow-down::before {
  content: "\e903"; }

.icon-after-arrow-down::after {
  content: "\e903"; }

.icon-earth::before {
  content: "\e904"; }

.icon-after-earth::after {
  content: "\e904"; }

.icon-facebook::before {
  content: "\e905"; }

.icon-after-facebook::after {
  content: "\e905"; }

.icon-handshake::before {
  content: "\e906"; }

.icon-after-handshake::after {
  content: "\e906"; }

.icon-linkedin::before {
  content: "\e907"; }

.icon-after-linkedin::after {
  content: "\e907"; }

.icon-magnifying-glass::before {
  content: "\e908"; }

.icon-after-magnifying-glass::after {
  content: "\e908"; }

.icon-minus::before {
  content: "\e909"; }

.icon-after-minus::after {
  content: "\e909"; }

.icon-plus::before {
  content: "\e90a"; }

.icon-after-plus::after {
  content: "\e90a"; }

.icon-text-replace {
  font-size: 0;
  text-decoration: none !important; }

.icon-text-replace::before {
  font-size: 20px; }

.icon-after-earth::after {
  margin-top: -1px; }

.icon-after-handshake::after {
  margin-top: -3px;
  font-size: 23px; }


.box-pagetitle {
  position: relative;
  overflow: hidden;
  background-position: center right;
  background-size: cover;
  background-color: #ececec; }
  .box-pagetitle::after, .box-pagetitle::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(153, 153, 153, 0.06);
    content: "";
    z-index: 3; }
  .box-pagetitle::after {
    bottom: 0;
    top: auto; }
  .box-pagetitle .heading-pagetitle {
    color: #000; }
  .box-pagetitle.no-breadcrumb {
    margin-bottom: 50px; }
  @media (max-width: 767.98px) {
  .box-pagetitle {
    margin-bottom: 30px; }
    .box-pagetitle.no-breadcrumb {
      margin-bottom: 30px; } }
  @media (min-width: 576px) {
  .box-pagetitle .box-pagetitle-column1 {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat; }
    .box-pagetitle .box-pagetitle-column1::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: auto;
      content: "";
      border-left: 1px solid rgba(153, 153, 153, 0.06);
      z-index: 3; }

    .box-pagetitle .box-pagetitle-column2 {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: right;
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      flex: 0 0 auto; }

    .box-pagetitle .box-pagetitle-column2::after {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: auto;
      content: "";
      border-left: 1px solid rgba(153, 153, 153, 0.06);
      z-index: 3; }

    .box-pagetitle .box-pagetitle-column2 .box-pagetitle-image {
      height: 100%;
      width: auto;
      max-width: none;
      top: 0;
      right: 0;
      position: absolute; }

    .box-pagetitle .box-pagetitle-column2 .box-pagetitle-column2-overlay {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-grow: 1;
      z-index: 2; }

    .box-pagetitle .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-standard@1x.png); }

    .box-pagetitle.theme-careers .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-careers@1x.png); }

    .box-pagetitle.theme-news .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-news@1x.png); }

    .box-pagetitle.theme-support .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-support@1x.png); }

    .box-pagetitle.theme-ethics .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-ethics@1x.png); } }
    @media (min-width: 576px) and (min-width: 576px) {
    .box-pagetitle {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-generic-background@1x.jpg); }
      .box-pagetitle.has-image {
        background-image: none; } }
  .box-pagetitle.theme-careers {
    background-color: #2f2f2e; }
  .box-pagetitle.theme-careers .heading-pagetitle {
    color: #fff; }
  .box-pagetitle.theme-news {
    background-color: #46384a; }
  .box-pagetitle.theme-news .heading-pagetitle {
    color: #fff; }
  .box-pagetitle.theme-ethics {
    background-color: #567377; }
  @media only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 575px) {
  .box-pagetitle {
    /* e.g. iOS and Opera */
    /*map-get($grid-breakpoints, xs)*/
    /* apply for BP regardless of devide resolution */ }
    .box-pagetitle .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-standard@1.5x.png); }

    .box-pagetitle.theme-careers .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-careers@1.5x.png); }

    .box-pagetitle.theme-news .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-news@1.5x.png); }

    .box-pagetitle.theme-support .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-support@1.5x.png); }

    .box-pagetitle.theme-ethics .box-pagetitle-column1 {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-ethics@1.5x.png); } }
    @media only screen and (min-resolution: 192dpi) and (min-width: 576px), only screen and (min-resolution: 2dppx) and (min-width: 576px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 576px), only screen and (max-width: 575px) and (min-width: 576px) {
    .box-pagetitle {
      background-image: url(/typo3conf/ext/orafol_package/Resources/Public/Images/fce/box-pagetitle-generic-background@1.5x.jpg); }
      .box-pagetitle.has-image {
        background-image: none; } }
  @media (min-width: 1200px) {
  .box-pagetitle {
    margin-left: -95px;
    margin-right: -95px;
    height: 250px; }
    .box-pagetitle .box-pagetitle-column1 {
      width: 554px;
      padding-right: 71px;
      padding-left: 95px;
      background-size: auto 250px; }

    .box-pagetitle .box-pagetitle-column2 {
      width: calc(100% - 388px - 71px - 95px); }
      .box-pagetitle .box-pagetitle-column2 .box-pagetitle-column2-overlay {
        padding-left: 0;
        padding-right: 95px; } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
  .box-pagetitle {
    margin-left: -75px;
    margin-right: -75px;
    height: 207px; }
    .box-pagetitle .box-pagetitle-column1 {
      width: 460px;
      padding-right: 59px;
      padding-left: 75px;
      background-size: auto 207px; }

    .box-pagetitle .box-pagetitle-column2 {
      width: calc(100% - 326px - 59px - 75px); }
      .box-pagetitle .box-pagetitle-column2 .box-pagetitle-column2-overlay {
        padding-left: 0;
        padding-right: 75px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
  .box-pagetitle {
    margin-left: -135px;
    margin-right: -135px;
    height: 184px;
    background-size: calc(100% + 60px); }
    .box-pagetitle .box-pagetitle-column1 {
      width: 435px;
      padding-right: 58px;
      padding-left: 135px;
      background-size: auto 196px; }

    .box-pagetitle .box-pagetitle-column2 {
      width: calc(100% - 242px - 58px - 135px); }
      .box-pagetitle .box-pagetitle-column2 .box-pagetitle-image {
        right: -22px; }
      .box-pagetitle .box-pagetitle-column2 .box-pagetitle-column2-overlay {
        padding-left: 0;
        padding-right: 135px; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
  .box-pagetitle {
    margin-left: -105px;
    margin-right: -105px;
    height: 138px;
    background-size: calc(100% + 48px); }
    .box-pagetitle .box-pagetitle-column1 {
      width: 328px;
      padding-right: 45px;
      padding-left: 105px;
      background-size: auto 147px; }

    .box-pagetitle .box-pagetitle-column2 {
      width: calc(100% - 178px - 45px - 105px); }
      .box-pagetitle .box-pagetitle-column2 .box-pagetitle-image {
        right: -17px; }
      .box-pagetitle .box-pagetitle-column2 .box-pagetitle-column2-overlay {
        padding-left: 0;
        padding-right: 105px; } }
  @media (max-width: 575.98px) {
  .box-pagetitle {
    display: flex;
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px; }
    .box-pagetitle .box-pagetitle-column1 {
      display: flex;
      order: 2;
      padding-top: 20px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 20px;
      background-size: 790px auto;
      background-position: -60px center;
      background-repeat: no-repeat; }

    .box-pagetitle .box-pagetitle-column2 {
      display: flex;
      order: 1;
      padding-top: 33.7837837838%;
      overflow: hidden;
      position: relative; }
      .box-pagetitle .box-pagetitle-column2 .box-pagetitle-image {
        position: absolute;
        top: -100%;
        left: -100%;
        bottom: -100%;
        right: -100%;
        margin: auto;
        height: 100%;
        width: auto;
        max-width: none; }
      .box-pagetitle .box-pagetitle-column2 .box-pagetitle-column2-overlay {
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 100%; }

    .box-pagetitle.no-image .box-pagetitle-column2 {
      display: none; } }
  .box-pagetitle.sectiontitle {
    margin-left: 0px;
    margin-right: 0px; }
  .box-pagetitle.sectiontitle .box-pagetitle-column1 {
    padding-left: 30px;
    align-items: baseline;
    flex-direction: column;
    justify-content: center; }
  .box-pagetitle.sectiontitle.theme-careers * {
    color: #fff; }
  .box-pagetitle.sectiontitle.theme-news * {
    color: #fff; }
  .box-pagetitle.theme-small-image .box-pagetitle-column2 {
    width: 38.47%; }
    .box-pagetitle.theme-small-image .box-pagetitle-column2::before {
      content: "";
      position: absolute;
      top: 0;
      left: -85%;
      width: 100%;
      height: 100%;
      background-image: url("../Images/fce/box-pagetitle-small-image@1x.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center right;
      background-size: cover; }
      @media only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
    .box-pagetitle.theme-small-image .box-pagetitle-column2::before {
      background-image: url("../Images/fce/box-pagetitle-small-image@2x.png"); } }
    .box-pagetitle.theme-small-image .box-pagetitle-column2 .box-pagetitle-column2-overlay {
      display: none; }
    .box-pagetitle.theme-small-image .box-pagetitle-column2 .box-pagetitle-image {
      position: static;
      width: 100%; }
  @media (max-width: 575.98px) {
    .box-pagetitle.theme-small-image .box-pagetitle-column2 {
      width: 100%;
      padding-top: 0; }
      .box-pagetitle.theme-small-image .box-pagetitle-column2::before {
        display: none; } }

@media (max-width: 575.98px) {
  .tx-orafol-catalog .box-pagetitle.has-src .box-pagetitle-column2 {
    display: none; } }


    .box-image-only {
      position: relative;
      overflow: hidden;
      display: block;
      margin-top: 30px;
      margin-bottom: 30px;
      display: block;
      position: relative; }
  .box-image-only img {
    transition: all ease-in 0.5s; }
  .box-image-only:hover img, .box-image-only:focus img {
    transform: scale(1.06); }
  .box-image-only:first-child {
    margin-top: 0; }
  .box-image-only:last-child {
    margin-bottom: 0; }
  .box-image-only .tag {
    position: absolute;
    right: 15px;
    top: 15px;
    margin-left: 15px; }
  .box-image-only.label-bottom .tag {
    top: auto;
    bottom: 15px;
    right: 0;
    margin-left: 45px;
    padding-right: 15px;
    padding-left: 30px; }
  .box-image-only.label-bottom .tag::before {
    right: -15px; }


.tag {
  font-size: 16px;
  font-weight: 500;
  padding: 4px 40px;
  display: inline-block;
  position: relative;
  z-index: 0;
  color: #fff; }
  .tag.tag-small {
    padding-left: 23px;
    padding-right: 23px;
    text-transform: uppercase; }
  .tag::before {
    display: block;
    content: "";
    position: absolute;
    width: auto;
    height: 100%;
    background: #e20613;
    transform: skewX(-21deg);
    z-index: -1;
    top: 0;
    left: 5px;
    right: 5px; }
  .cs-none .tag::before, .tag.cs-none::before {
    background: #4b4b4b; }
  .cs-ats .tag::before, .tag.cs-ats::before {
    background: #13a538; }
  .cs-os .tag::before, .tag.cs-os::before {
    background: #fc0; }
  .cs-rs .tag::before, .tag.cs-rs::before {
    background: #0060ac; }
  .cs-gi .tag::before, .tag.cs-gi::before {
    background: #e20613; }
  .cs-apf .tag::before, .tag.cs-apf::before {
    background: #00a8b4; }
  .cs-be .tag::before, .tag.cs-be::before {
    background: #395c60; }







.teaser {
  position: relative;
  background-size: cover; }
  a.teaser {
    text-decoration: none;
    height: 100%;
    display: block;
    color: inherit; }
  a.teaser:hover, a.teaser:focus {
    text-decoration: none !important;
    color: inherit; }

.teaser-style-1 {
  /*
   .container {
   padding-top: 106px;
   position: relative;
   color: #fff;
   text-decoration: none;
   }
   */ }
  .teaser-style-1 .heading-2-bold, .teaser-style-1 .heading-teasersubtitle {
    color: #fff; }
  .teaser-style-1 .button-5 {
    margin-top: 40px; }
  .teaser-style-1 .container {
    position: relative;
    z-index: 2;
    text-shadow: 0px 0px 5px #333;
    color: #fff; }
  .teaser-style-1 .tag {
    position: absolute;
    top: 60px; }

.teaser-style-2 {
  margin-top: 75px;
  margin-bottom: 75px;
  display: flex;
  flex-direction: row;
  border: 1px solid #ececec;
  overflow: hidden; }
  .teaser-style-2:first-child {
    margin-top: 0; }
  .teaser-style-2:last-child {
    margin-bottom: 0; }
  a.teaser-style-2 {
    position: relative;
    overflow: hidden;
    display: block;
    display: flex; }
  a.teaser-style-2 img {
    transition: all ease-in 0.5s; }
  a.teaser-style-2:hover img, a.teaser-style-2:focus img {
    transform: scale(1.06); }
  a.teaser-style-2:hover img, a.teaser-style-2:focus img {
    transform: scale(1.06) translate(0, -50%); }
  a.teaser-style-2 p {
    line-height: normal; }
  .teaser-style-2 .teaser-image {
    width: 79%;
    position: relative;
    padding-top: 30.867%;
    /*
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     */ }
  .teaser-style-2 .teaser-image img {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
    max-width: none;
    height: 100%; }
  .teaser-style-2 .teaser-text {
    background: #fff;
    position: relative;
    width: 21.1%; /*FWA 21%*/
    z-index: 2;
    text-align: right;
    padding: 30px 30px 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .teaser-style-2 .teaser-text .heading-1, .teaser-style-2 .teaser-text p {
    width: calc(100% + 30px);
    margin-left: -30px; }
  .teaser-style-2 .teaser-text p.mt-3 {
    width: calc(100% + 60px);
    margin-left: -60px; }
  .teaser-style-2 .teaser-text .heading-highlight {
    display: block; }
  .teaser-style-2 .teaser-text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 120%;
    width: 500%;
    transform: rotate(21deg);
    transform-origin: top left;
    z-index: -1;
    background: #fff; }
  .teaser-style-2 .teaser-text .button-big {
    margin-left: -20px; }
  @media (min-width: 768px) and (max-width: 991.98px) {
  .teaser-style-2 .teaser-text {
    width: 46%; } }
  @media (max-width: 767.98px) {
  .teaser-style-2 {
    flex-wrap: wrap; }
    .teaser-style-2 .teaser-image {
      width: 100%;
      padding-top: 39.2%; }

    .teaser-style-2 .teaser-text {
      width: 100%;
      padding-left: 30px;
      text-align: left; }
      .teaser-style-2 .teaser-text .heading-1, .teaser-style-2 .teaser-text p, .teaser-style-2 .teaser-text p.mt-3 {
        margin-left: 0; }
      .teaser-style-2 .teaser-text .button-big {
        margin-left: 0px; } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
  .teaser-style-2 .teaser-image {
    width: 74%; }
    .teaser-style-2 .teaser-text {
      width: 26.01%; } }

.teaser-style-3 {
  height: 100%; }
  .teaser-style-3::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: url("../Images/teaser3-bg.png") no-repeat top right;
    content: "";
    background-size: cover;
    z-index: 2; }
  .teaser-style-3::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    background: #aaa;
    content: "";
    background-size: cover;
    z-index: 1; }
  .teaser-style-3 .container {
    padding-top: 30px;
    position: relative;
    z-index: 3; }
  .teaser-style-3 .row {
    margin-top: 0; }
  .teaser-style-3 .row > * {
    margin-top: 0; }
  .teaser-style-3 .heading-3, .teaser-style-3 p {
    line-height: 1.25; }
  @media (max-width: 1199.98px) {
  .teaser-style-3::after {
    width: 50%; }
    .teaser-style-3::before {
      width: 60%; } }
  @media (max-width: 991.98px) {
  .teaser-style-3 p, .teaser-style-3 .heading-9 {
    display: none; } }
  @media (max-width: 767.98px) {
  .teaser-style-3::after {
    display: none; }
    .teaser-style-3::before {
      position: static;
      display: block;
      width: 100%;
      /*
       height: auto;
       padding-top: 60%;
       */ }

    .teaser-style-3 .container {
      position: absolute;
      padding: 5px 40px 5px 5px;
      bottom: 20px;
      right: 0;
      background: #fff;
      width: auto; }
      .teaser-style-3 .container .row {
        margin: 0; }
        .teaser-style-3 .container .row > * {
          display: flex;
          align-items: center; }
      .teaser-style-3 .container .heading-3 {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 20px;
        margin-bottom: 0; } }
  @media (max-width: 575.98px) {
  .teaser-style-3 .container {
    padding-right: 5px;
    left: 0; }
    .teaser-style-3 .row > * {
      flex-wrap: wrap; }

    .teaser-style-3 .heading-3 {
      max-width: none;
      margin-bottom: 5px; } }

.teaser-style-4 .teaser-video {
  height: auto;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0; }
  .teaser-style-4 .container {
    position: relative;
    z-index: 2;
    text-shadow: 0px 0px 5px #333; }
  .teaser-style-4 .heading-3, .teaser-style-4 p, .teaser-style-4 span {
    color: #fff;
    padding-left: 5px; }
  .teaser-style-4 .heading-teasertitle {
    color: #fff; }


.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 7.5px !important; }

.mt-2 {
  margin-top: 15px !important; }

.mt-3 {
  margin-top: 30px !important; }

.mt-4 {
  margin-top: 45px !important; }

.mt-5 {
  margin-top: 75px !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 7.5px !important; }

.mb-2 {
  margin-bottom: 15px !important; }

.mb-3 {
  margin-bottom: 30px !important; }

.mb-4 {
  margin-bottom: 45px !important; }

.mb-5 {
  margin-bottom: 75px !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 7.5px !important; }

.pt-2 {
  padding-top: 15px !important; }

.pt-3 {
  padding-top: 30px !important; }

.pt-4 {
  padding-top: 45px !important; }

.pt-5 {
  padding-top: 75px !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 7.5px !important; }

.pb-2 {
  padding-bottom: 15px !important; }

.pb-3 {
  padding-bottom: 30px !important; }

.pb-4 {
  padding-bottom: 45px !important; }

.pb-5 {
  padding-bottom: 75px !important; }
/* division colors for font color as classes */
.color-none, .cs-none .inherit-cs-color {
  color: #4b4b4b !important; }


ul.normal-list, ol.normal-ordered-list {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none; }
  ul.normal-list > li, ol.normal-ordered-list > li {
    position: relative;
    line-height: 1.65;
    padding: 4px 0 4px 40px; }
  ul.normal-list > li::before, ol.normal-ordered-list > li::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 28px;
    background-color: #4b4b4b;
    border-radius: 2.5px;
    height: 4px;
    width: 4px; }
  ul.normal-list:last-child, ol.normal-ordered-list:last-child {
    margin-bottom: 0; }
  ul.normal-list.no-indent > li, ol.normal-ordered-list.no-indent > li {
    padding-right: 16px; }
  ul.normal-list.no-indent > li::before, ol.normal-ordered-list.no-indent > li::before {
    left: 4px; }

ol.normal-ordered-list {
  counter-reset: item-counter; }
  ol.normal-ordered-list > li::before {
    top: auto;
    left: 23px;
    counter-increment: item-counter;
    content: counter(item-counter) ".";
    color: #07c;
    font-weight: bold;
    background: transparent;
    height: auto;
    width: auto; }


.heading-1, .heading-sub-1, .heading-2, .heading-teasersubtitle, .heading-2-bold, .heading-3, .event-list-item .event-meta .event-stand, .heading-4, .heading-5, .heading-8, .heading-9, .heading-10 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Onto Sans", "Arial", sans-serif;
  color: #333;
  margin: 0 0 15px 0;
  display: block;
  /*
   &:first-child {
   margin-top: 0;
   }
   */ }
  .heading-1:last-child, .heading-sub-1:last-child, .heading-2:last-child, .heading-teasersubtitle:last-child, .heading-2-bold:last-child, .heading-3:last-child, .event-list-item .event-meta .event-stand:last-child, .heading-4:last-child, .heading-5:last-child, .heading-8:last-child, .heading-9:last-child, .heading-10:last-child {
    margin-bottom: 0; }

.newspreview-list-item .heading-1 {
  font-size: 25px; }

.heading-sub-1 {
  font-weight: 300;
  font-size: 25px;
  color: #727272 !important; }
  .heading-1 + .heading-sub-1 {
    margin-top: 1px; }

.heading-2, .heading-teasersubtitle, .heading-2-bold {
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 4px; }
  @media (max-width: 767.98px) {
    .heading-2.collapsible-header, .heading-teasersubtitle.collapsible-header, .heading-2-bold.collapsible-header {
      font-size: 18px;
      hyphens: auto; } }

.heading-2-bold {
  font-weight: bold; }

.heading-3, .event-list-item .event-meta .event-stand {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.36;
  margin: 35px 0; }
  @media (min-width: 992px) and (max-width: 1199.98px) {
  .heading-3, .event-list-item .event-meta .event-stand {
    font-size: 20px; } }
  @media (max-width: 991.98px) {
  .heading-3, .event-list-item .event-meta .event-stand {
    font-size: 18px;
    line-height: 1.15em; } }

.heading-4 {
  font-size: 18px;
  font-weight: 700; }
/* currently used: content from .row-world-grid, main-teaser event slider */
.heading-5 {
  font-size: 13px;
  font-weight: 500; }
  .heading-6 + .heading-5 {
    margin-top: -15px; }

.heading-6 {
  display: block;
  font-size: 18px;
  font-weight: 300;
  font-family: "Onto Sans", "Arial", sans-serif;
  color: #333;
  margin: 0 0 15px 0; }

.heading-7, .event-list-item .event-meta .event-location, .event-list-item .event-meta .event-time {
  display: block;
  font-size: 15px;
  font-weight: 700;
  font-family: "Onto Sans", "Arial", sans-serif;
  color: #333;
  margin: 0 0 19px 0; }

.heading-8 {
  font-size: 12px;
  font-weight: 500; }
  .heading-6 + .heading-8 {
    margin-top: -15px; }

.heading-9 {
  font-size: 15px;
  font-weight: 500; }

.heading-10 {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0 20px 0; }
  @media (max-width: 1199.98px) {
  .heading-10 {
    hyphens: auto; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
  .heading-10 {
    font-size: 14px; } }


.back-to-search-wrapper, 
#search-wrapper,
.jobTitle,
.breadcrumbtrail,
.keyword-title,
.pagination-top,
.searchResultsShell,
.pagination-bottom 
{
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
}




#search-wrapper .search-clear-button.btn-link {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}





/* Text styles job descriptions */
.job-page #content .back-to-search-wrapper, .job-page #content .jobDisplayShell, .job-page #content #similar-jobs, .job-page #content #ssoStack {
    padding-left: 0; 
    padding-right: 0;
}

.jobDisplay .row.displayDTM {
    margin-left: 15px;
    margin-right: 15px;
}

.jobDisplay .large-image-component {
    margin-top: 15px;
    margin-bottom: 45px;
    border: 1px solid #F4F4F4 !important;
}

.jobDisplay .applylink.pull-right {margin-right: 15px;}
.jobDisplay .jobTitle .applylink.pull-right {margin-right: 0;}


.jobdescription h2,
.jobdescription h2 strong,
.jobdescription h2 span,
.jobdescription h2 strong span {
  font-size: 30px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  font-family: "Onto Sans", "Arial", sans-serif !important;
  color: #333 !important;
  margin: 0 0 15px 0 !important;
  display: block !important;
}

.jobdescription h3,
.jobdescription h3 strong,
.jobdescription h3 span, 
.jobdescription h3 strong span {
  font-weight: 300 !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
  margin: 0 0 15px 0 !important;
  color: #727272 !important; 
}

.jobdescription h4, 
.jobdescription h4 span,
.jobdescription h4 strong,
.jobdescription h4 span strong{
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
  font-size: 16px !important;
  color: #4b4b4b !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

.jobdescription ul, 
.jobdescription ol {
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
  list-style: none !important; }

  .jobdescription ul > li, 
  .jobdescription ol > li {
    position: relative !important;
    line-height: 1.65 !important;
    padding: 4px 0 4px 40px !important; }

  .jobdescription ul > li::before, 
  .jobdescription ol > li::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 28px;
    background-color: #4b4b4b;
    border-radius: 2.5px;
    height: 4px;
    width: 4px; }

  .jobdescription ul:last-child, 
  .jobdescription ol:last-child {
    margin-bottom: 0; }

  .jobdescription ol {
    counter-reset: item-counter; 
   }
  
  .jobdescription ol > li::before {
    top: auto;
    left: 23px;
    counter-increment: item-counter;
    content: counter(item-counter) ".";
    color: #07c;
    font-weight: bold;
    background: transparent;
    height: auto;
    width: auto; }










.heading-pagetitle {
  font-size: 36px;
  line-height: 1.25;
  font-weight: 300;
  font-family: "Onto Sans", "Arial", sans-serif;
  margin: 0; }
  @media (min-width: 992px) and (max-width: 1199.98px) {
  .heading-pagetitle {
    font-size: 30px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
  .heading-pagetitle {
    font-size: 28px; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
  .heading-pagetitle {
    font-size: 25px; } }
  @media (max-width: 575.98px) {
  .heading-pagetitle {
    font-size: 28px;
    line-height: 1.15em; } }


.heading-teasertitle {
  font-size: 28px;
  line-height: 1.425em;
  font-weight: 300;
  font-family: inherit;
  margin: 0; }
  @media (min-width: 992px) and (max-width: 1199.98px) {
  .heading-teasertitle {
    font-size: 28px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
  .heading-teasertitle {
    font-size: 25px; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
  .heading-teasertitle {
    font-size: 20px; } }
  @media (max-width: 575.98px) {
  .heading-teasertitle {
    font-size: 20px; } }

.heading-teasersubtitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.333em;
  margin-top: 10px; }

.heading-highlight {
  font-weight: bold; }

@media (min-width: 1200px) {
  .col-xl-2point4 .box[class*='cs-'] .soft-break {
    display: block; }
    .col-xl-2point4 .box[class*='cs-'] .heading-2, .col-xl-2point4 .box[class*='cs-'] .heading-teasersubtitle {
      font-size: 17px;
      word-spacing: -2px; }
    .col-xl-2point4 [class*='border-'] .heading-highlight {
      display: block; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .col-md-4 .box[class*='cs-'] .soft-break {
    display: block; }
    .col-md-4 .box[class*='cs-'] .heading-2, .col-md-4 .box[class*='cs-'] .heading-teasersubtitle {
      font-size: 17px;
      word-spacing: -2px; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  .col-sm-6 .box[class*='cs-'] .soft-break {
    display: block; }
    .col-sm-6 .box[class*='cs-'] .heading-2, .col-sm-6 .box[class*='cs-'] .heading-teasersubtitle {
      font-size: 17px;
      word-spacing: -2px; }
    .col-sm-6 [class*='border-'] .heading-highlight {
      display: block; } }

.heading-info {
  font-style: italic;
  color: #727272; }
  @media (max-width: 767.98px) {
  .heading-info {
    display: block; } }


.button, .button-expand {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: #333;
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding-right: 43px;
  cursor: pointer;
  margin: 0 0 30px 0;
  text-decoration: none; }
  .cs-none .button::before, .cs-none .button-expand::before, .button.cs-none::before, .button-expand.cs-none::before {
    background: #4b4b4b; }
  .cs-ats .button::before, .cs-ats .button-expand::before, .button.cs-ats::before, .button-expand.cs-ats::before {
    background: #13a538; }
  .cs-os .button::before, .cs-os .button-expand::before, .button.cs-os::before, .button-expand.cs-os::before {
    background: #fc0; }
  .cs-rs .button::before, .cs-rs .button-expand::before, .button.cs-rs::before, .button-expand.cs-rs::before {
    background: #0060ac; }
  .cs-gi .button::before, .cs-gi .button-expand::before, .button.cs-gi::before, .button-expand.cs-gi::before {
    background: #e20613; }
  .cs-apf .button::before, .cs-apf .button-expand::before, .button.cs-apf::before, .button-expand.cs-apf::before {
    background: #00a8b4; }
  .cs-be .button::before, .cs-be .button-expand::before, .button.cs-be::before, .button-expand.cs-be::before {
    background: #395c60; }
  a:hover .button, a:hover .button-expand, a:active .button, a:active .button-expand, a.active .button, a.active .button-expand, .button:hover, .button-expand:hover, a.box:hover .button, a.box:focus .button, .button:focus, .button-expand:focus, .button.active, .button-expand.active {
    text-decoration: underline;
    color: #333; }
  a:hover .button::before, a:hover .button-expand::before, a:active .button::before, a:active .button-expand::before, a.active .button::before, a.active .button-expand::before, .button:hover::before, .button-expand:hover::before, a.box:hover .button::before, a.box:focus .button::before, .button:focus::before, .button-expand:focus::before, .button.active::before, .button-expand.active::before, a:hover .button::after, a:hover .button-expand::after, a:active .button::after, a:active .button-expand::after, a.active .button::after, a.active .button-expand::after, .button:hover::after, .button-expand:hover::after, a.box:hover .button::after, a.box:focus .button::after, .button:focus::after, .button-expand:focus::after, .button.active::after, .button-expand.active::after {
    right: 0; }
  .button::after, .button-expand::after {
    color: #fff;
    font-weight: bold;
    display: block;
    font-family: "fs";
    font-size: 8px;
    content: "\e902";
    position: absolute;
    width: 28px;
    text-align: center;
    right: 5px;
    top: 0;
    line-height: 2;
    transition: all ease-in-out 0.3s; }
  @media (prefers-reduced-motion: reduce) {
    .button::after, .button-expand::after {
      transition: none; } }
  .button::before, .button-expand::before {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 150%;
    background: #4b4b4b;
    transform: rotate(21deg);
    transform-origin: top right;
    right: 5px;
    top: 0;
    transition: all ease-in-out 0.3s; }
  @media (prefers-reduced-motion: reduce) {
    .button::before, .button-expand::before {
      transition: none; } }
  .button.empty, .button-expand.empty {
    min-height: 17px; }
  .button:last-child, .button-expand:last-child {
    margin-bottom: 0; }

.button-expand + .button, .button + .button-expand {
  margin-left: 35px;
  margin-bottom: 30px; }

.button-expand {
  margin-bottom: 30px; }
  .button-expand::after {
    content: "\e903"; }

.button-big, .button-big-right, .button-big-right2, .button-5 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  padding: 11px 10px 11px 21px;
  display: inline-block;
  text-align: center;
  color: #4b4b4b;
  text-decoration: none;
  position: relative;
  z-index: 0;
  margin-left: 2px;
  margin-right: 2px;
  transition: all ease-in-out 0.3s;
  border-width: 2px 0 0 2px;
  overflow: visible;
  /*
   &::after {
   position: absolute;
   top: -2px;
   bottom: 0;
   right: -1px;
   height: 150%;
   width: 0;
   content: "";
   transform: rotate($style-slope);
   transform-origin: 100% 0;
   border-right: 2px solid $color-red; 
   }
   &::before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 20px;
   border-bottom: 2px solid $color-red; 
   }
   */ }
  @media (prefers-reduced-motion: reduce) {
  .button-big, .button-big-right, .button-big-right2, .button-5 {
    transition: none; } }
  .cs-none .button-big, .cs-none .button-big-right, .cs-none .button-big-right2, .cs-none .button-5, .button-big.cs-none, .button-big-right.cs-none, .button-big-right2.cs-none, .button-5.cs-none {
    color: #4b4b4b; }
    .cs-none .button-big::after, .cs-none .button-big-right::after, .cs-none .button-big-right2::after, .cs-none .button-5::after, .button-big.cs-none::after, .button-big-right.cs-none::after, .button-big-right2.cs-none::after, .button-5.cs-none::after {
      background: #4b4b4b;
      background: linear-gradient(111deg, transparent 18px, #4b4b4b 0) bottom left; }
  .cs-ats .button-big, .cs-ats .button-big-right, .cs-ats .button-big-right2, .cs-ats .button-5, .button-big.cs-ats, .button-big-right.cs-ats, .button-big-right2.cs-ats, .button-5.cs-ats {
    color: #13a538; }
    .cs-ats .button-big::after, .cs-ats .button-big-right::after, .cs-ats .button-big-right2::after, .cs-ats .button-5::after, .button-big.cs-ats::after, .button-big-right.cs-ats::after, .button-big-right2.cs-ats::after, .button-5.cs-ats::after {
      background: #13a538;
      background: linear-gradient(111deg, transparent 18px, #13a538 0) bottom left; }
  .cs-os .button-big, .cs-os .button-big-right, .cs-os .button-big-right2, .cs-os .button-5, .button-big.cs-os, .button-big-right.cs-os, .button-big-right2.cs-os, .button-5.cs-os {
    color: #fc0; }
    .cs-os .button-big::after, .cs-os .button-big-right::after, .cs-os .button-big-right2::after, .cs-os .button-5::after, .button-big.cs-os::after, .button-big-right.cs-os::after, .button-big-right2.cs-os::after, .button-5.cs-os::after {
      background: #fc0;
      background: linear-gradient(111deg, transparent 18px, #fc0 0) bottom left; }
  .cs-rs .button-big, .cs-rs .button-big-right, .cs-rs .button-big-right2, .cs-rs .button-5, .button-big.cs-rs, .button-big-right.cs-rs, .button-big-right2.cs-rs, .button-5.cs-rs {
    color: #0060ac; }
    .cs-rs .button-big::after, .cs-rs .button-big-right::after, .cs-rs .button-big-right2::after, .cs-rs .button-5::after, .button-big.cs-rs::after, .button-big-right.cs-rs::after, .button-big-right2.cs-rs::after, .button-5.cs-rs::after {
      background: #0060ac;
      background: linear-gradient(111deg, transparent 18px, #0060ac 0) bottom left; }
  .cs-gi .button-big, .cs-gi .button-big-right, .cs-gi .button-big-right2, .cs-gi .button-5, .button-big.cs-gi, .button-big-right.cs-gi, .button-big-right2.cs-gi, .button-5.cs-gi {
    color: #e20613; }
    .cs-gi .button-big::after, .cs-gi .button-big-right::after, .cs-gi .button-big-right2::after, .cs-gi .button-5::after, .button-big.cs-gi::after, .button-big-right.cs-gi::after, .button-big-right2.cs-gi::after, .button-5.cs-gi::after {
      background: #e20613;
      background: linear-gradient(111deg, transparent 18px, #e20613 0) bottom left; }
  .cs-apf .button-big, .cs-apf .button-big-right, .cs-apf .button-big-right2, .cs-apf .button-5, .button-big.cs-apf, .button-big-right.cs-apf, .button-big-right2.cs-apf, .button-5.cs-apf {
    color: #00a8b4; }
    .cs-apf .button-big::after, .cs-apf .button-big-right::after, .cs-apf .button-big-right2::after, .cs-apf .button-5::after, .button-big.cs-apf::after, .button-big-right.cs-apf::after, .button-big-right2.cs-apf::after, .button-5.cs-apf::after {
      background: #00a8b4;
      background: linear-gradient(111deg, transparent 18px, #00a8b4 0) bottom left; }
  .cs-be .button-big, .cs-be .button-big-right, .cs-be .button-big-right2, .cs-be .button-5, .button-big.cs-be, .button-big-right.cs-be, .button-big-right2.cs-be, .button-5.cs-be {
    color: #395c60; }
    .cs-be .button-big::after, .cs-be .button-big-right::after, .cs-be .button-big-right2::after, .cs-be .button-5::after, .button-big.cs-be::after, .button-big-right.cs-be::after, .button-big-right2.cs-be::after, .button-5.cs-be::after {
      background: #395c60;
      background: linear-gradient(111deg, transparent 18px, #395c60 0) bottom left; }
  a:hover .button-big, a:hover .button-big-right, a:hover .button-big-right2, a:hover .button-5, a:active .button-big, a:active .button-big-right, a:active .button-big-right2, a:active .button-5, a.active .button-big, a.active .button-big-right, a.active .button-big-right2, a.active .button-5, .button-big:hover, .button-big-right:hover, .button-big-right2:hover, .button-5:hover, .button-big:focus, .button-big-right:focus, .button-big-right2:focus, .button-5:focus, .button-big.active, .button-big-right.active, .button-big-right2.active, .button-5.active {
    text-decoration: none;
    color: #fff; }
  a:hover .button-big::before, a:hover .button-big-right::before, a:hover .button-big-right2::before, a:hover .button-5::before, a:active .button-big::before, a:active .button-big-right::before, a:active .button-big-right2::before, a:active .button-5::before, a.active .button-big::before, a.active .button-big-right::before, a.active .button-big-right2::before, a.active .button-5::before, .button-big:hover::before, .button-big-right:hover::before, .button-big-right2:hover::before, .button-5:hover::before, .button-big:focus::before, .button-big-right:focus::before, .button-big-right2:focus::before, .button-5:focus::before, .button-big.active::before, .button-big-right.active::before, .button-big-right2.active::before, .button-5.active::before {
    opacity: 0;
    transition: all ease-in-out 0.3s; }
    @media (prefers-reduced-motion: reduce) {
    a:hover .button-big::before, a:hover .button-big-right::before, a:hover .button-big-right2::before, a:hover .button-5::before, a:active .button-big::before, a:active .button-big-right::before, a:active .button-big-right2::before, a:active .button-5::before, a.active .button-big::before, a.active .button-big-right::before, a.active .button-big-right2::before, a.active .button-5::before, .button-big:hover::before, .button-big-right:hover::before, .button-big-right2:hover::before, .button-5:hover::before, .button-big:focus::before, .button-big-right:focus::before, .button-big-right2:focus::before, .button-5:focus::before, .button-big.active::before, .button-big-right.active::before, .button-big-right2.active::before, .button-5.active::before {
      transition: none; } }
  .button-big::after, .button-big-right::after, .button-big-right2::after, .button-5::after {
    position: absolute;
    z-index: -2;
    top: -2px;
    bottom: -2px;
    right: -2px;
    left: -2px;
    content: "";
    background: #4b4b4b;
    background: linear-gradient(111deg, transparent 18px, #4b4b4b 0) bottom left; }
  .button-big::before, .button-big-right::before, .button-big-right2::before, .button-5::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #fff;
    background: linear-gradient(111deg, transparent 17px, #fff 0) bottom left;
    transition: all ease-in-out 0.3s; }
  @media (prefers-reduced-motion: reduce) {
    .button-big::before, .button-big-right::before, .button-big-right2::before, .button-5::before {
      transition: none; } }

.teaser2 .button-big {
  padding-left: 15px;
  padding-right: 0px;
  display: block; }

.button-big-right, .button-big-right2, .button-5 {
  padding: 11px 73px 11px 58px; }
  .cs-none .button-big-right::after, .cs-none .button-big-right2::after, .cs-none .button-5::after, .button-big-right.cs-none::after, .button-big-right2.cs-none::after, .button-5.cs-none::after {
    background: linear-gradient(291deg, transparent 18px, #4b4b4b 0) bottom right; }
  .cs-ats .button-big-right::after, .cs-ats .button-big-right2::after, .cs-ats .button-5::after, .button-big-right.cs-ats::after, .button-big-right2.cs-ats::after, .button-5.cs-ats::after {
    background: linear-gradient(291deg, transparent 18px, #13a538 0) bottom right; }
  .cs-os .button-big-right::after, .cs-os .button-big-right2::after, .cs-os .button-5::after, .button-big-right.cs-os::after, .button-big-right2.cs-os::after, .button-5.cs-os::after {
    background: linear-gradient(291deg, transparent 18px, #fc0 0) bottom right; }
  .cs-rs .button-big-right::after, .cs-rs .button-big-right2::after, .cs-rs .button-5::after, .button-big-right.cs-rs::after, .button-big-right2.cs-rs::after, .button-5.cs-rs::after {
    background: linear-gradient(291deg, transparent 18px, #0060ac 0) bottom right; }
  .cs-gi .button-big-right::after, .cs-gi .button-big-right2::after, .cs-gi .button-5::after, .button-big-right.cs-gi::after, .button-big-right2.cs-gi::after, .button-5.cs-gi::after {
    background: linear-gradient(291deg, transparent 18px, #e20613 0) bottom right; }
  .cs-apf .button-big-right::after, .cs-apf .button-big-right2::after, .cs-apf .button-5::after, .button-big-right.cs-apf::after, .button-big-right2.cs-apf::after, .button-5.cs-apf::after {
    background: linear-gradient(291deg, transparent 18px, #00a8b4 0) bottom right; }
  .cs-be .button-big-right::after, .cs-be .button-big-right2::after, .cs-be .button-5::after, .button-big-right.cs-be::after, .button-big-right2.cs-be::after, .button-5.cs-be::after {
    background: linear-gradient(291deg, transparent 18px, #395c60 0) bottom right; }
  .button-big-right::after, .button-big-right2::after, .button-5::after {
    background: linear-gradient(291deg, transparent 18px, #4b4b4b 0) bottom right; }
  .button-big-right::before, .button-big-right2::before, .button-5::before {
    background: linear-gradient(291deg, transparent 17px, #fff 0) bottom right; }

.button-big-right2 {
  font-size: 13px;
  font-weight: 500;
  padding: 13px 35px 13px 18px; }

.button-big-right3 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  position: relative;
  z-index: 0;
  margin-left: 2px;
  margin-right: 2px;
  overflow: visible;
  padding: 15px 38px 15px 40px !important;
  border: 2px solid #fff;
  border-right: 0;
  color: #fff;
  cursor: pointer;
  margin-top: 20px;
  /*
   &::before {
   position: absolute;
   z-index: 1;
   top: -2px;
   right: -10%;
   width: 10%;
   left: auto;
   content: "";
   background: transparent;
   border-top: 2px solid #fff;
   }
   */ }
  .button-big-right3::after {
    position: absolute;
    z-index: 1;
    top: -2px;
    right: -1px;
    left: auto;
    transform: rotate(21deg);
    transform-origin: bottom right;
    content: "";
    background: transparent;
    border: 2px solid #fff;
    border-left: none;
    height: calc(100% + 4px);
    transform: skewX(-21deg);
    width: 24%; }
  a:hover .button-big-right3, a:active .button-big-right3, a.active .button-big-right3, .button-big-right3:hover, .button-big-right3:focus, .button-big-right3.active {
    text-decoration: underline;
    color: #fff; }
  a:hover .button-big-right3::before, a:active .button-big-right3::before, a.active .button-big-right3::before, .button-big-right3:hover::before, .button-big-right3:focus::before, .button-big-right3.active::before {
    opacity: 1; }
  @media (max-width: 991.98px) {
  .button-big-right3 {
    font-size: 12px; } }
/* button with slope on the right side, colored background and white font color */
.button-5 {
  padding: 14px 43px 14px 30px;
  color: #fff !important; }
  .button-5::after {
    background: linear-gradient(291deg, transparent 18px, #4b4b4b 0) bottom right; }
  .button-5::before {
    background: linear-gradient(291deg, transparent 17px, #4b4b4b 0) bottom right; }
  .cs-none .button-5::before, .button-5.cs-none::before {
    opacity: 0;
    background: linear-gradient(291deg, transparent 17px, #fff 0) bottom right; }
    .cs-none .button-5::after, .button-5.cs-none::after {
      background: linear-gradient(291deg, transparent 18px, #4b4b4b 0) bottom right; }
    a:hover .cs-none .button-5, a:hover .button-5.cs-none, a:active .cs-none .button-5, a:active .button-5.cs-none, a.active .cs-none .button-5, a.active .button-5.cs-none, .cs-none .button-5:hover, .button-5.cs-none:hover, .cs-none .button-5:focus, .button-5.cs-none:focus, .cs-none .button-5.active, .button-5.cs-none.active {
      color: #4b4b4b !important; }
      a:hover .cs-none .button-5::before, a:hover .button-5.cs-none::before, a:active .cs-none .button-5::before, a:active .button-5.cs-none::before, a.active .cs-none .button-5::before, a.active .button-5.cs-none::before, .cs-none .button-5:hover::before, .button-5.cs-none:hover::before, .cs-none .button-5:focus::before, .button-5.cs-none:focus::before, .cs-none .button-5.active::before, .button-5.cs-none.active::before {
        opacity: 1; }
  .cs-ats .button-5::before, .button-5.cs-ats::before {
    opacity: 0;
    background: linear-gradient(291deg, transparent 17px, #fff 0) bottom right; }
    .cs-ats .button-5::after, .button-5.cs-ats::after {
      background: linear-gradient(291deg, transparent 18px, #13a538 0) bottom right; }
    a:hover .cs-ats .button-5, a:hover .button-5.cs-ats, a:active .cs-ats .button-5, a:active .button-5.cs-ats, a.active .cs-ats .button-5, a.active .button-5.cs-ats, .cs-ats .button-5:hover, .button-5.cs-ats:hover, .cs-ats .button-5:focus, .button-5.cs-ats:focus, .cs-ats .button-5.active, .button-5.cs-ats.active {
      color: #13a538 !important; }
      a:hover .cs-ats .button-5::before, a:hover .button-5.cs-ats::before, a:active .cs-ats .button-5::before, a:active .button-5.cs-ats::before, a.active .cs-ats .button-5::before, a.active .button-5.cs-ats::before, .cs-ats .button-5:hover::before, .button-5.cs-ats:hover::before, .cs-ats .button-5:focus::before, .button-5.cs-ats:focus::before, .cs-ats .button-5.active::before, .button-5.cs-ats.active::before {
        opacity: 1; }
  .cs-os .button-5::before, .button-5.cs-os::before {
    opacity: 0;
    background: linear-gradient(291deg, transparent 17px, #fff 0) bottom right; }
    .cs-os .button-5::after, .button-5.cs-os::after {
      background: linear-gradient(291deg, transparent 18px, #fc0 0) bottom right; }
    a:hover .cs-os .button-5, a:hover .button-5.cs-os, a:active .cs-os .button-5, a:active .button-5.cs-os, a.active .cs-os .button-5, a.active .button-5.cs-os, .cs-os .button-5:hover, .button-5.cs-os:hover, .cs-os .button-5:focus, .button-5.cs-os:focus, .cs-os .button-5.active, .button-5.cs-os.active {
      color: #fc0 !important; }
      a:hover .cs-os .button-5::before, a:hover .button-5.cs-os::before, a:active .cs-os .button-5::before, a:active .button-5.cs-os::before, a.active .cs-os .button-5::before, a.active .button-5.cs-os::before, .cs-os .button-5:hover::before, .button-5.cs-os:hover::before, .cs-os .button-5:focus::before, .button-5.cs-os:focus::before, .cs-os .button-5.active::before, .button-5.cs-os.active::before {
        opacity: 1; }
  .cs-rs .button-5::before, .button-5.cs-rs::before {
    opacity: 0;
    background: linear-gradient(291deg, transparent 17px, #fff 0) bottom right; }
    .cs-rs .button-5::after, .button-5.cs-rs::after {
      background: linear-gradient(291deg, transparent 18px, #0060ac 0) bottom right; }
    a:hover .cs-rs .button-5, a:hover .button-5.cs-rs, a:active .cs-rs .button-5, a:active .button-5.cs-rs, a.active .cs-rs .button-5, a.active .button-5.cs-rs, .cs-rs .button-5:hover, .button-5.cs-rs:hover, .cs-rs .button-5:focus, .button-5.cs-rs:focus, .cs-rs .button-5.active, .button-5.cs-rs.active {
      color: #0060ac !important; }
      a:hover .cs-rs .button-5::before, a:hover .button-5.cs-rs::before, a:active .cs-rs .button-5::before, a:active .button-5.cs-rs::before, a.active .cs-rs .button-5::before, a.active .button-5.cs-rs::before, .cs-rs .button-5:hover::before, .button-5.cs-rs:hover::before, .cs-rs .button-5:focus::before, .button-5.cs-rs:focus::before, .cs-rs .button-5.active::before, .button-5.cs-rs.active::before {
        opacity: 1; }
  .cs-gi .button-5::before, .button-5.cs-gi::before {
    opacity: 0;
    background: linear-gradient(291deg, transparent 17px, #fff 0) bottom right; }
    .cs-gi .button-5::after, .button-5.cs-gi::after {
      background: linear-gradient(291deg, transparent 18px, #e20613 0) bottom right; }
    a:hover .cs-gi .button-5, a:hover .button-5.cs-gi, a:active .cs-gi .button-5, a:active .button-5.cs-gi, a.active .cs-gi .button-5, a.active .button-5.cs-gi, .cs-gi .button-5:hover, .button-5.cs-gi:hover, .cs-gi .button-5:focus, .button-5.cs-gi:focus, .cs-gi .button-5.active, .button-5.cs-gi.active {
      color: #e20613 !important; }
      a:hover .cs-gi .button-5::before, a:hover .button-5.cs-gi::before, a:active .cs-gi .button-5::before, a:active .button-5.cs-gi::before, a.active .cs-gi .button-5::before, a.active .button-5.cs-gi::before, .cs-gi .button-5:hover::before, .button-5.cs-gi:hover::before, .cs-gi .button-5:focus::before, .button-5.cs-gi:focus::before, .cs-gi .button-5.active::before, .button-5.cs-gi.active::before {
        opacity: 1; }
  .cs-apf .button-5::before, .button-5.cs-apf::before {
    opacity: 0;
    background: linear-gradient(291deg, transparent 17px, #fff 0) bottom right; }
    .cs-apf .button-5::after, .button-5.cs-apf::after {
      background: linear-gradient(291deg, transparent 18px, #00a8b4 0) bottom right; }
    a:hover .cs-apf .button-5, a:hover .button-5.cs-apf, a:active .cs-apf .button-5, a:active .button-5.cs-apf, a.active .cs-apf .button-5, a.active .button-5.cs-apf, .cs-apf .button-5:hover, .button-5.cs-apf:hover, .cs-apf .button-5:focus, .button-5.cs-apf:focus, .cs-apf .button-5.active, .button-5.cs-apf.active {
      color: #00a8b4 !important; }
      a:hover .cs-apf .button-5::before, a:hover .button-5.cs-apf::before, a:active .cs-apf .button-5::before, a:active .button-5.cs-apf::before, a.active .cs-apf .button-5::before, a.active .button-5.cs-apf::before, .cs-apf .button-5:hover::before, .button-5.cs-apf:hover::before, .cs-apf .button-5:focus::before, .button-5.cs-apf:focus::before, .cs-apf .button-5.active::before, .button-5.cs-apf.active::before {
        opacity: 1; }
  .cs-be .button-5::before, .button-5.cs-be::before {
    opacity: 0;
    background: linear-gradient(291deg, transparent 17px, #fff 0) bottom right; }
    .cs-be .button-5::after, .button-5.cs-be::after {
      background: linear-gradient(291deg, transparent 18px, #395c60 0) bottom right; }
    a:hover .cs-be .button-5, a:hover .button-5.cs-be, a:active .cs-be .button-5, a:active .button-5.cs-be, a.active .cs-be .button-5, a.active .button-5.cs-be, .cs-be .button-5:hover, .button-5.cs-be:hover, .cs-be .button-5:focus, .button-5.cs-be:focus, .cs-be .button-5.active, .button-5.cs-be.active {
      color: #395c60 !important; }
      a:hover .cs-be .button-5::before, a:hover .button-5.cs-be::before, a:active .cs-be .button-5::before, a:active .button-5.cs-be::before, a.active .cs-be .button-5::before, a.active .button-5.cs-be::before, .cs-be .button-5:hover::before, .button-5.cs-be:hover::before, .cs-be .button-5:focus::before, .button-5.cs-be:focus::before, .cs-be .button-5.active::before, .button-5.cs-be.active::before {
        opacity: 1; }

.box-contacts {
  border: 1px solid #9d9d9c;
  padding: 13px 20px 20px 20px; }
  .box-contacts > .heading-2, .box-contacts > .heading-teasersubtitle {
    margin-bottom: 10px; }
  .box-contacts > .text-highlight, .box-contacts .select-container {
    margin: 9px 0; }
  .box-contacts p {
    line-height: 1.15;
    margin: 18px 0; }









.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }





.tabbed-content-container .tabbed-content {
  margin-top: 17px;
  padding-top: 24px;
  border-top: 1px solid #727272; }
  .tabbed-content-container.tabbed-content-1entry .tabbed-content {
    padding-top: 0;
    border-top: 0; }


.tabbed-inset-style {
  position: relative; }
  .tabbed-inset-style .tab-navigation {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 0;
    display: flex;
    list-style: none; }
  .tabbed-inset-style .tab-navigation li {
    margin-left: 8px; }
    .tabbed-inset-style .tab-navigation li > span {
      color: #fff;
      cursor: pointer;
      display: block;
      position: relative;
      background: #fff;
      background-color: rgba(255, 255, 255, 0.75);
      line-height: 20px;
      color: #9d9d9c;
      padding: 0 21px;
      font-size: 12px;
      font-style: italic !important; }
    .tabbed-inset-style .tab-navigation li > span.active, .tabbed-inset-style .tab-navigation li > span:hover {
      color: #e02308;
      text-decoration: none; }
    .tabbed-inset-style .tab-navigation li > span::after {
      content: "";
      position: absolute;
      right: -5px;
      left: auto;
      top: 0;
      width: 0;
      border-width: 20px 5px 0 0;
      border-style: solid;
      border-color: rgba(255, 255, 255, 0.75) transparent;
      display: block; }
    .tabbed-inset-style .tab-navigation li:nth-child(2) > span {
      padding-left: 14px; }
    .tabbed-inset-style .tab-navigation li:nth-child(2) > span::after {
      border-width: 0 0 20px 5px;
      left: -5px;
      right: auto; }
  .tabbed-inset-style .tabbed-content {
    margin-top: 0;
    padding-top: 0;
    border-top: none; }



.slider {
  background: #ececec;
  height: 300px;
  margin-bottom: 40px;
  position: relative; }
  .slider .slick-list, .slider .slick-track, .slider .slick-slide > div, .slider .slider-item {
    height: 100%; }
  .slider .slick-slide {
    height: 100%; }
  .slider .slick-slide .slider-item {
    background-size: cover;
    background-position: center; }
  .slider .slick-dots {
    right: 0;
    left: auto;
    margin: 0;
    top: 40px;
    bottom: auto;
    position: absolute;
    list-style: none;
    padding: 0; }
    @media (min-width: 1200px) {
    .slider .slick-dots {
      margin-right: 95px; } }
    @media (min-width: 992px) and (max-width: 1199.98px) {
    .slider .slick-dots {
      margin-right: 75px; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
    .slider .slick-dots {
      margin-right: 135px; } }
    @media (min-width: 576px) and (max-width: 767.98px) {
    .slider .slick-dots {
      margin-right: 105px; } }
    @media (max-width: 575.98px) {
    .slider .slick-dots {
      margin-right: 15px; } }
  .slider .slick-dots > li {
    /*margin-left: 4px;*/
    float: left; }
    .slider .slick-dots > li button {
      height: 20px;
      width: 20px;
      display: block;
      border: none;
      background: transparent;
      padding: 0;
      cursor: pointer;
      /*
       overflow: hidden;
       text-indent: 999em;
       white-space: nowrap;
       */
      color: transparent;
      font-size: 0;
      line-height: 0; }
    .slider .slick-dots > li button::before {
      background: transparent;
      content: "";
      display: block;
      height: 10px;
      width: 10px;
      border: 1px solid #fff;
      border-radius: 5px;
      margin-left: 5px;
      -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.33);
      -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.33);
      box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.33); }
  .slider .slick-dots > li button:hover::before, .slider .slick-dots > li.slick-active button::before {
    background: #acacac; }

.oversize {
  border: 1px solid #ececec; }
  @media (min-width: 1200px) {
    .oversize {
      margin-left: -95px;
      margin-right: -95px;
      height: 420px; } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .oversize {
      margin-left: -75px;
      margin-right: -75px;
      height: 335px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .oversize {
      margin-left: -135px;
      margin-right: -135px;
      height: 252px; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .oversize {
      margin-left: -105px;
      margin-right: -105px;
      height: 210px; } }
  @media (max-width: 575.98px) {
    .oversize {
      margin-left: -15px;
      margin-right: -15px; } }

@media (max-width: 767.98px) {
    .teaser-7695-0 {
      background: url('/fileadmin/europe/images/about-orafol-group-header.jpg') no-repeat top left;
      background-size: cover; }
      .teaser-7695-0 .teaser-video {
        display: none; } }