/*
Theme Name: eOperations Schweiz
Theme URI: https://eOperations.ch
Author: id-k GmbH
Author URI: https://wordpress.org/
Description: WordPress theme
Version: 1.0
*/


body {font-family: 'Fira Sans', sans-serif; font-weight: 300; line-height: 1.625rem; color: #000; overflow-x:hidden; -webkit-font-smoothing: antialiased;}

a { transition: all 300ms ease 0s;}
a:hover, a:focus, a:active {transition: all 300ms ease 0s; text-decoration: none;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight: 700;}

.lead {font-size: 1rem;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}

:focus,
button:focus,
.form-control:focus,
.page-link:focus,
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none !important; box-shadow: none !important;}

strong {font-weight: 600;}

blockquote {margin: 0; border-left: 3px solid #ffde48; font-weight: 400; font-size: 1.125rem; padding-left: 2.125rem;}

.aligncenter {display: block; margin: 0 auto;}
.alignleft {float: left;}
.alignright {float: right;}

figure.wp-caption {width: 100% !important;}

.list-col {-moz-column-gap: 1.5rem; -webkit-column-gap: 1.5rem; column-gap: 1.5rem;}
.list-col li {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}

.container {padding-left: 1.25rem; padding-right: 1.25rem;}

.wp-caption-text {font-size: 0.875rem; font-weight: 700; margin-top: 0.5rem;}

.z-10 {z-index: 10;}
.z-20 {z-index: 20;}

.pt-own-small {padding-top: 1.875rem;}
.pt-own-medium {padding-top: 3.75rem;}
.pt-own-big {padding-top: 6.25rem;}
.pb-own-small {padding-bottom: 1.875rem;}
.pb-own-medium {padding-bottom: 3.75rem;}
.pb-own-big {padding-bottom: 6.25rem;}


/* Background */
.bg-white-75 {background-color: rgba(255, 255, 255, 0.75) !important;}
.bg-yellow {background-color: #ffde48 !important;}
.bg-grey-light {background-color: #f6f6f6 !important;}
.bg-grey {background-color: #ededed !important;}
.bg-red {background-color: #e73339 !important;}
.bg-dark {background-color: #575757 !important;}


/* Buttons */
.btn {border-radius: 0; font-weight: 300;}
.btn:hover, .btn:focus, .btn:active {text-decoration: none;}

.btn-outline-secondary {border-color: #575757; color: #575757; text-transform: uppercase; padding: 0.75rem 2rem 0.75rem;}
.btn-outline-secondary:hover {background-color: #575757; border-color: #575757; color: #fff;}
.btn-outline-secondary:hover, .btn-outline-secondary.focus, .btn-outline-secondary:focus,
.btn-outline-secondary.focus, .btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle,
.btn-outline-secondary.active, .btn-outline-secondary:active, .show>.btn-outline-secondary.dropdown-toggle {color: #fff; background-color: #575757; border-color: #575757;}

.btn-shortcode {width: 100%;}

.btn-more {padding: 0.75rem 0; color: #575757; border-bottom: 1px solid #000; width: 100%; font-weight: 400; white-space: normal; text-align: left; padding-right: 1.5rem;}
.btn-more:hover, .btn-more:focus, .btn-more:active {color: #000;}
.btn-more i:before {color: #e73339; font-size: 0.625rem; margin-top: 0.125rem; margin-left: 1rem; display: block;}

/* Akkordion!
.btn-more.collapsed i:before {content: '\e91c'}
.btn-more.collapsed .more {display: block;}
.btn-more.collapsed .less {display: none;}
.btn-more .more {display: none;}
.btn-more .less {display: block;}
*/

.btn-download {padding: 0.75rem 0; color: #575757; border-bottom: 1px solid #575757; width: 100%; position: relative; white-space: normal; text-align: left; padding-right: 1.5rem;}
.btn-download:hover, .btn-download:focus, .btn-download:active {color: #000; border-bottom-color: #000;}
/* .btn-download i:before {font-size: 1.375rem; display: block; margin-right: 0.5rem;} */
.btn-download:after {font-family: 'icomoon'; font-size: 1.25rem; content: '\e929'; margin:0 5px 0 0; position: absolute; right: 0;}
.btn-download[href^="http://"]:not([href*="eoperations.ch"]):after,
.btn-download[href^="https://"]:not([href*="eoperations.ch"]):after {content: '\e903';}
.btn-download[href$= ".pdf"]:after,
.btn-download[href$= ".zip"]:after,
.btn-download[href$= ".doc"]:after,
.btn-download[href$= ".docx"]:after,
.btn-download[href$= ".jpg"]:after,
.btn-download[href$= ".png"]:after {content: '\e902'; font-size:  1.375rem;}

.btn-arrow {border-bottom: none; padding: 0; color: #575757; font-weight: 400; -ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important;}
.btn-arrow:hover, .btn-arrow:focus, .btn-arrow:active {color: #000 !important;}
.btn-arrow i:before {color: #e73339; font-size: 0.625rem; margin-left: 1rem; content: '\e926'; display: block; transition: all 300ms ease 0s;}

.btn-back {border-bottom: none; padding: 0; color: #575757; font-weight: 400; font-size: 1.125rem; -ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important;}
.btn-back:hover, .btn-back:focus, .btn-back:active {color: #000 !important;}
.btn-back i:before {color: #e73339; font-size: 0.625rem; margin-right: 1.5rem; display: block; transition: all 300ms ease 0s;}

.btn-tools {padding: 0.75rem 1rem; -ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: center!important; justify-content: center!important; position: relative; width: 100%; margin-bottom: 1.25rem; text-align: center;}
.btn-tools .badge {position: absolute; top: -0.875rem; right: -0.875rem; background-color: #575757; border-radius: 0; padding: 0.5rem;}
.btn-tools i:before {margin-left: 0.625rem;}
.btn-share i:before {margin-top: -0.25rem;}
.btn-print i:before {font-size: 1.5rem; margin-left: 1rem;}

.btn-newsletter {background-color: transparent; color: #000; padding-left: 0; padding-right: 0.75rem; font-size: 0.875rem;}
.btn-newsletter:hover, .btn-newsletter:focus, .btn-newsletter:active {color: #575757;}
.btn-newsletter i:before {font-size: 0.5rem;}


/* Share */
.dropdown-share .dropdown-toggle::after {display: none;}

.dropdown-menu-share:after, .dropdown-menu-share:before { bottom: 100%; left: 1.5625rem; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.dropdown-menu-share:after {border-color: transparent; border-bottom-color: #ffffff; border-width: 11px; margin-left: -11px;}
.dropdown-menu-share:before {border-color: transparent; border-bottom-color: #000; border-width: 12px; margin-left: -12px;}
.dropdown-menu-share {border-radius: 0; border-color: #575757; margin: 1rem 0 0; padding: 0; min-width: 0;}
.dropdown-menu-share.show {-ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important;}
.dropdown-menu-share .dropdown-item {border-right: 1px solid #575757; padding: 0.75rem 0.5rem 0.5rem; width: 3.125rem; text-align: center;}
.dropdown-menu-share .dropdown-item:hover, .dropdown-menu-share .dropdown-item:focus, .dropdown-menu-share .dropdown-item:active {background-color: #f3f3f3;}
.dropdown-menu-share .dropdown-item:last-of-type {border-right: none;}
.dropdown-menu-share .share-facebook i:before {font-size: 1.25rem;}
.dropdown-menu-share .share-twitter i:before {font-size: 1rem;}


/* Info-Bar */
.infobar {font-size: 1rem; line-height: 1.625rem;}
.infobar h3 {font-size: 1.625rem; line-height: 2.125rem; letter-spacing: 0.0125rem; margin-bottom: 1.25rem;}
.infobar-inner {padding: 4.125rem 0 2.875rem; position: relative;}
.infobar .btn-arrow {font-size: 1rem; color: #000; text-transform: uppercase;}
.infobar .btn-arrow:hover {color: #575757;}
.infobar .btn-arrow i:before {color: #000;}
.infobar .btn-arrow:hover i:before {color: #fff;}
.infobar.text-white .btn-arrow {color: #fff; opacity: 1;}
.infobar.text-white .btn-arrow:hover {color: #fff !important; opacity: 0.75;}
.infobar.text-white .btn-arrow i:before {color: #fff;}
.infobar.text-white .btn-arrow:hover i:before {color: #fff;}
.infobar .newsletter-form {margin-top: 0;}
.infobar.text-white .newsletter-form {border-bottom-color: #fff;}
.infobar.text-white .newsletter-form .form-control {color: #fff;}
.infobar.text-white .newsletter-form .form-control::-webkit-input-placeholder {color: #fff;}
.infobar.text-white .newsletter-form .form-control::-moz-placeholder {color: #fff;}
.infobar.text-white .newsletter-form .form-control:-ms-input-placeholder {color: #fff;}
.infobar.text-white .newsletter-form .form-control:-moz-placeholder {color: #fff;}
.infobar.text-white .btn-newsletter {color: #fff;}
.infobar .close {position: absolute; right: 0; top: 1.25rem; font-size: 1.1875rem;}


/* Navbar */
.navbar-brand {padding: 1.25rem 0 0.75rem 1.25rem; margin: 0;}
.navbar-brand img {min-height: 37px; min-width: 64px; height: 37px; width: 64px;}

.navbar-main {padding: 0; background: #fff; border-bottom: 1px solid #ededed; /* margin: 0 -1.25rem; */}
.navbar-main .navbar-collapse {}

.navbar-icons {padding-top: 0.75rem;}

.navbar-main .navbar-toggler {border: none; color: #575757; padding: 0;}
.navbar-main .navbar-toggler i {display: block; min-height: 1.25rem; margin-right: 1.25rem;}
.navbar-main .navbar-toggler i:before {font-size: 1.125rem; padding: 0.125rem;}
.navbar-main .navbar-toggler.collapsed i:before {font-family: 'icomoon'; content: "\e912"; font-size: 1.375rem; padding: 0;}

.navbar-main .btn-search {padding: 0.125rem 0 0; margin-right: 1rem; color: #575757;}
.navbar-main .btn-search i:before {font-size: 1.125rem;}
.navbar-main .btn-search.collapsed i:before {font-family: 'icomoon'; content: "\e91f";}


.navbar-main .btn-mobile {font-size: 0.5625rem; letter-spacing: 0.04375rem; padding: 0.375rem 1rem; margin-right: 1.625rem;}

.navbar-main .navbar-nav .nav-link {border-top: 1px solid #575757; font-family: 'Roboto', sans-serif; font-size: 1.125rem; font-weight: 900; letter-spacing: 0.0125rem; color: #575757; padding: 1.125rem 1.25rem;}
.navbar-main .navbar-nav .nav-link:focus, .navbar-main .navbar-nav .nav-link:hover,
.navbar-main .navbar-nav .current-menu-parent .nav-link,
.navbar-main .navbar-nav .nav-link.show,
.navbar-main .navbar-nav .show.active>.nav-link,
.navbar-main .navbar-nav .active>.nav-link, .navbar-main .navbar-nav .nav-link.active {}
.navbar-main .navbar-nav .current-menu-parent .nav-link i:before, .navbar-main .navbar-nav .nav-link.show i:before, .navbar-main .navbar-nav .active>.nav-link i:before, .navbar-main .navbar-nav .nav-link.active i:before {}
.navbar-main .navbar-nav .show>.nav-link {background: transparent;}

.navbar-main .navbar-nav .nav-link i:before {position: absolute; right: 1.25rem; font-size: 1.375rem;}

.navbar-main .navbar-nav .dropdown.show button {}
.navbar-main .navbar-nav .dropdown.show i:before {color: #595959; font-family: 'icomoon'; content: "\e925"; max-width: 20px;}

.navbar-main .navbar-nav .dropdown.active i:before {}
.navbar-main .navbar-nav .dropdown.show {}

.navbar-main .navbar-nav .btn-menu {background-color: transparent; border: none; position: absolute; right: 0.75rem; top: 1.125rem;}

.navbar-main .dropdown-toggle::after {display: none;}
.navbar-main .dropdown-menu {border: none; border-top: 1px solid #575757; padding: 0; margin: 0; border-radius: 0;}
.navbar-main .dropdown-item {font-family: 'Fira Sans', sans-serif; font-weight: 300; text-transform: uppercase; color: #575757; font-size: 1rem; padding: 1.25rem 1.25rem; border-bottom: 1px solid #c1c1c1;}
.navbar-main .dropdown-item:last-of-type {border-bottom: none;}
.navbar-main .dropdown-item:focus, .navbar-main .dropdown-item:hover,
.navbar-main .dropdown-item.active {color: #575757; background-color: #f3f3f3;}
.navbar-main .dropdown-item.active {font-weight: 700;}

.list-inline-lang {background-color: #f3f3f3; text-transform: uppercase; font-size: 1.125rem; padding: 0.875rem 0; margin-bottom: 0;}
.list-inline-lang a {color: #575757;}
.list-inline-lang a.active {font-weight: 700;}

#collapseSearch .search-inner {padding: 0.875rem 1.25rem 1.375rem; background-color: #f3f3f3; position: relative;}
#collapseSearch .search-inner:after {bottom: 100%; right: 3.625rem; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #f3f3f3; border-width: 10px; margin-left: -10px;}

#collapseSearch .form-control {border: none; border-bottom: 1px solid #323232; border-radius: 0; color: #000; padding: 0.5rem 0; background-color: transparent; font-weight: 300;}
#collapseSearch .form-control::-webkit-input-placeholder {color: #000;}
#collapseSearch .form-control::-moz-placeholder {color: #000;}
#collapseSearch .form-control:-ms-input-placeholder {color: #000;}
#collapseSearch .form-control:-moz-placeholder {color: #000;}


/* Navbar - Sticky */
.sticky-top {transition: all 0.25s ease-in;}
.stuck .sticky-top {background-color: #fff;}


/* Header */
.page-header-top {background-color: #fff; margin: 0 -1.25rem;}
.page-header-top .btn-arrow {font-weight: 300; text-transform: uppercase; letter-spacing: 0.03125rem; color: #fff;}
.page-header-top .btn-arrow i:before {color: #fff;}

.page-header h1 {font-size: 1rem; line-height: 1.625rem; margin-bottom: 1rem; letter-spacing: 0.0125rem;}
.page-header-meta {text-transform: uppercase; font-weight: 700;}
.page-header-intro {font-size: 1rem; line-height: 1.625rem;}
.page-header-intro-img {min-height: 11rem; background-size: cover; background-position: right center;}
.page-header-top-start .page-header-intro-img {min-height: 16rem;}
.page-header-intro-content {background-color: #e73339; color: #fff;}
.page-header-inner {padding: 1rem 1.25rem 1.25rem;}

.page-header-content {padding: 2.25rem 1.25rem 2.25rem; line-height: 1.625rem; margin: 0 -1.25rem;}
.page-header-content h2 {font-size: 1.375rem; line-height: 2.25rem; letter-spacing: 0.0125rem; margin-bottom: 1.125rem;}
.page-header-content a {color: #000; border-bottom: 1px solid #000;}
.page-header-content a:hover, .page-header-content a:focus, .page-header-content a:active {color: #acacac; border-bottom-color: #acacac;}
.page-header-content a.btn-outline-secondary:hover, .page-header-content a.btn-outline-secondary:focus, .page-header-content a.btn-outline-secondary:active {color: #fff; border-bottom-color: #575757;}
.page-header-content .btn-arrow {border-bottom: none;}
.page-header-content ul {padding-left: 0; list-style: none; margin: 0;}
.page-header-content ul li {border-bottom: 1px solid #c1c1c1; padding: 0.875rem 0;}


/* Header - Singular */
.singular-header-top {min-height: 0;}
.singular-header-top-image {min-height: 11rem; background-position: right center; background-size: cover; }
.singular-header .page-header-content {padding-top: 3rem;}
.singular-header .page-header-content h1 {font-size: 1.375rem; line-height: 1.625rem; letter-spacing: 0.0125rem;}
.singular-header small {font-size: 0.75rem; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 0.625rem; letter-spacing: 0.08125rem;}
.singular-header .page-header-meta {margin-bottom: 0.625rem; font-size: 0.875rem;}
.singular-header #breadcrumb {margin: 0;}


/* Breadcrumb */
#breadcrumb {font-size: 0.75rem; margin: 0 -1.25rem; padding: 0.75rem 1.25rem 0.875rem;}
#breadcrumb, #breadcrumb a {color: #000;}
#breadcrumb strong {font-weight: 400;}


/* Pagination */
.pagination {margin: 0;}
.page-link {border-color: #575757; color: #575757; font-size: 1rem; padding: .625rem 1.125rem;}
.page-item:first-child .page-link,
.page-item:last-child .page-link {border-radius: 0;}
.page-link i:before {color: #575757; transition: all 300ms ease 0s;}
.page-link:hover {background-color: #f3f3f3; border-color: #575757; color: #575757;}
.page-item.active .page-link {color: #fff; background-color: #575757; border-color: #575757;}
.page-link-prev, .page-link-next {border: 1px solid #575757; color: #575757 !important;}
.page-link-prev:hover, .page-link-next:hover {background-color: #f3f3f3; border-color: #575757; color: #575757;}


/* Elemente */
.element h2, .element h3 {font-size: 1.375rem; line-height: 2.125rem; letter-spacing: 0.0125rem; margin-bottom: 3.375rem;}


/* Elemente - Share */
.element-share {padding-bottom: 5rem;}
.element-share .list-inline-item {width: 100%;}


/* Elemente - Services */
.element-services {margin-bottom: 3rem; padding-top: 2.5rem;}
.element-services h3 {margin-bottom: 1.5rem;}
.element-services-boxes h3 {margin-bottom: 2.25rem;}
.element-services h4 {font-size: 1rem; line-height: 1.625rem; letter-spacing: 0.0125rem; margin-bottom: 1.25rem;}
.element-services a {color: #000;}
.element-services small {display: block; font-weight: 500; letter-spacing: 0.03125rem; text-transform: uppercase; margin-bottom: 0.875rem;}

.element-services-row .service-item {margin-bottom: 1rem;}
.element-services-row .btn-arrow {margin-top: 1.75rem;}
.element-services-row .service-img {background-position: center center; background-size: cover; min-height: 11rem;}
.element-services-row .left .service-img,
.element-services-row .right .service-img {margin: 0 -1.25rem 1.375rem;}

.element-services-boxes {margin-bottom: 4.375rem;}
.element-services-boxes .service-item {margin-bottom: 3.25rem;}
.element-services-boxes .collapse-inner {padding-top: 1rem;}
.element-services-boxes img {margin-bottom: 1rem;}
.element-services-boxes .file {color: #575757; display: block; margin: 2rem 0 0;}
.element-services-boxes .file i:before {font-size: 1.5rem; margin-left: 1rem;}
.element-services-boxes .btn-more {margin-top: 1rem; padding-bottom: 1rem;}


/* Elemente - Projekte */
.element-projects {padding-top: 2.5rem;}
.element-projects-bg {padding-top: 3.5rem;}
.element-projects h3 {margin-bottom: 1.5rem;}
.element-projects h4 {font-size: 1.25rem; line-height: 1.625rem; letter-spacing: 0.0125rem; margin-bottom: 1.25rem;}
.element-projects small {display: block; font-weight: 500; letter-spacing: 0.03125rem; text-transform: uppercase; margin-bottom: 0.875rem;}
.element-projects .project {padding-bottom: 3rem; padding-right: 1rem;}


/* Elemente - Fallstudien */
.element-casestudies .casestudy {margin-bottom: 2rem;}
.element-casestudies .casestudy a {display: block; color: #000; transition: all 300ms ease 0s;}
.element-casestudies .casestudy a h4 {color: #000; transition: all 300ms ease 0s;}
.element-casestudies .casestudy a:hover h4, .element-casestudies .casestudy a:focus h4, .element-casestudies .casestudy a:active h4 {color: #575757; transition: all 300ms ease 0s;}
.element-casestudies h4 {font-size: 1rem; line-height: 1.625rem; letter-spacing: 0.0125rem; margin-bottom: 1.25rem;}
.element-casestudies small {display: block; font-weight: 700; letter-spacing: 0.03125rem; text-transform: uppercase; margin-bottom: 0.875rem;}
.element-casestudies .btn-arrow {margin-top: 0.75rem;}
.element-casestudies a:hover .btn-arrow, .element-casestudies a:focus .btn-arrow, .element-casestudies a:active .btn-arrow {color: #000; transition: all 300ms ease 0s;}
.element-casestudies .casestudy-img {margin: 0 -1.25rem 1.375rem;}


/* Elemente - News */
.element-news h3 {margin-bottom: 1.75rem;}
.element-news .news-header {min-height: 11rem; background-size: cover; background-position: center center; display: block; padding: 0 1.25rem; color: #000;}
.element-news .news-header.news-title {min-height: 0;}
.element-news .news-header.news-img {padding: 0; min-height: 0;}
.element-news .news-header h4 {font-size: 1rem; line-height: 1.4375rem;}
.element-news .news-item {border-bottom: 1px solid #979797; font-size: 1rem; line-height: 1.625rem; margin: 0 -1.25rem 0; color: #000;}
.element-news .news-item:hover {color: #575757;}
.element-news .news-item-inner {padding: 1rem 1.25rem 0;}
.element-news .news-meta {font-size: 0.75rem; line-height: 2.125rem; text-transform: uppercase; color: #575757; margin-bottom: 0.25rem;}
.element-news .news-title-meta {padding: 0.875rem 1.25rem 0;}
.element-news time {font-weight: 500;}
.element-news .categories a {color: #575757;}
.element-news h4 {font-size: 1rem; line-height: 1.4375rem; letter-spacing: 0.025rem; margin-bottom: 0;}
.element-news h4 a {color: #000;}
.element-news .news-more {margin: 0; padding: 1rem 1.25rem 1.25rem; display: block; color: #e84040;}
.element-news .news-more i:before {font-size: 0.625rem;}
.element-news .news-item:hover .news-more {-webkit-animation: bounce 2s infinite 0s; animation: bounce 2s infinite 0s; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; transform: scale(1);}
.element-news .btn-news-more {padding-left: 4.5rem; padding-right: 4.5rem; margin-top: 1.875rem; margin-bottom: 3.125rem; width: 100%;}

@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
  40% {-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);}
  60% {-webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px);}
}


/* Elemente - Blog */
.element-blog .dropdown-toggle {letter-spacing: 0.025rem; font-size: 0.875rem; width: 100%; cursor: pointer; background: #fff; color: #000; border: 1px solid #000; padding: 0.5rem 1rem; margin: 2rem 0; text-align: left; -ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: justify!important; justify-content: space-between!important;}
.element-blog .dropdown-toggle:hover, .element-blog .dropdown-toggle:focus, .element-blog .dropdown-toggle:active {color: #fff; background-color: #575757;}
.element-blog .dropdown-toggle:after {display: none;}
.element-blog .dropdown-toggle i:before {display: block;}
.element-blog .dropdown .dropdown-toggle i:before {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.element-blog .dropdown.show .dropdown-toggle i:before {-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.element-blog .dropdown-menu {margin: 0; padding: 0; width:100%; border: none; border-radius: 0; border-color: #000;}
.element-blog .dropdown-menu .dropdown-item {border: 1px solid #575757; padding: 0; line-height: 0.875rem; font-weight: 400; margin-left: 1rem; min-width: 4.625rem; font-size: 0.875rem;}
.element-blog .dropdown-menu .dropdown-item {margin: 0; padding: 1.125rem 1rem; border-top: none;}
.element-blog .dropdown-menu .dropdown-item:hover, .element-blog .dropdown-menu .dropdown-item:focus, .element-blog .dropdown-menu .dropdown-item:active {background-color: #f3f3f3; color: #575757;}
.element-blog .dropdown-menu .dropdown-item.active {background-color: #f3f3f3; color: #575757; font-weight: 700;}

.element-blog .blog-header {min-height: 14rem; background-size: cover; background-position: center center; display: block; padding: 0 1.25rem; color: #000;}
.element-blog .blog-header.blog-title {min-height: 0;}
.element-blog .blog-header h4 {font-size: 1.25rem; line-height: 1.625rem;}
.element-blog .blog-item {font-size: 1rem; line-height: 1.625rem; margin: 0 -1.25rem 0; border-bottom: 1px solid #979797; color: #000;}
.element-blog .blog-item:hover {color: #575757;}
.element-blog .blog-item-inner {padding: 1rem 1.25rem 0;}
.element-blog .blog-meta {font-size: 0.75rem; line-height: 2.125rem; text-transform: uppercase; color: #575757; margin-bottom: 0.25rem;}
.element-blog .blog-title-meta {padding: 0.875rem 1.25rem 0;}
.element-blog time {font-weight: 500;}
.element-blog .categories a {color: #575757;}
.element-blog h4 {font-size: 1rem; line-height: 1.4375rem; letter-spacing: 0.025rem; margin-bottom: 0;}
.element-blog h4 a {color: #000;}
.element-blog .blog-more {padding: 1rem 1.25rem 1.25rem;}
.element-blog .blog-item:hover .btn-arrow {color: #000;}
.element-blog .blog-more .btn-arrow i:before {margin-left: 0;}
.element-blog .blog-item:hover .btn-arrow i:before {-webkit-animation: bounce 2s infinite 0s; animation: bounce 2s infinite 0s; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; transform: scale(1);}
.element-blog .pagination-wrapper {margin: 2rem 0;}

.element-blog-content {padding: 2.5rem 0 3rem;}


/* Elemente - Newsletter Archive */
.element-newsletter-archive-inner {padding: 2.25rem 0 3rem;}
.element-newsletter-archive .pagination-wrapper {margin: 2rem 0;}
.element-newsletter-archive h3 {margin: 2.25rem 0 3rem;}
.element-newsletter-archive ul.list-newsletter li a {border-bottom: 1px solid #acacac; color: #575757; display: block; padding: 1rem 0; -ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important; width: 100%; position: relative;}
.element-newsletter-archive ul.list-newsletter li a:hover, .element-newsletter-archive ul.list-newsletter li a:focus, .element-newsletter-archive ul.list-newsletter li a:active {color: #000; border-color: #000;}
.element-newsletter-archive ul.list-newsletter li a:after {font-family: 'icomoon'; font-size: 1.25rem; content: '\e903'; margin:0 5px 0 0; position: absolute; right: 0;}


/* Elemente - Medienmitteilungen */
.element-mediareleases {padding: 2.25rem 0 3.5rem;}
.element-mediareleases .mediarelease {margin-bottom: 3rem; display: block; color: #000;}
.element-mediareleases small {display: block; font-weight: 700; letter-spacing: 0.03125rem; text-transform: uppercase; margin-bottom: 0.75rem;}
.element-mediareleases h3 {font-size: 1rem; line-height: 1.625rem; letter-spacing: 0.025rem; margin-bottom: 1.5rem;}
.element-mediareleases .btn-arrow {margin-top: 0.75rem;}


/* Elemente - Grid */
/* .element-grid-inner {padding: 7rem 0 6.25rem;} */
#element_1 .element-grid-inner {padding-top: 3.875rem;}

.element-grid p {margin-bottom: 2rem;}
.element-grid p:last-of-type {margin-bottom: 1.5rem;}

.element-grid a {color: #000; border-bottom: 1px solid #000;}
.element-grid a:hover, .element-grid a:focus, .element-grid a:active {color: #acacac; border-bottom-color: #acacac;}
.element-grid a.btn-outline-secondary:hover, .element-grid a.btn-outline-secondary:focus, .element-grid a.btn-outline-secondary:active {color: #fff; border-bottom-color: #575757;}
.element-grid a.btn-arrow {border-bottom: 0;}

.element-grid ul {padding-left: 0; list-style: none; margin-top: -1rem;}
.element-grid ul li {border-bottom: 1px solid #c1c1c1; padding: 1rem 0;}
.element-grid ul li a {padding: 1rem 0 1rem 0; margin: -1rem 0 -1.0625rem; border-bottom: 1px solid #c1c1c1; color: #575757; -ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: center!important; position: relative;}
.element-grid ul li a:hover, .element-grid ul li a:focus, .element-grid ul li a:active {border-bottom-color: #000; color: #000;}
.element-grid ul li a:after {font-family: 'icomoon'; font-size: 1.25rem; content: '\e929'; margin:0 5px 0 auto; right: 0; padding-left: 1rem;}
.element-grid ul li a[href^="http://"]:not([href*="eoperations.ch"]):after,
.element-grid ul li a[href^="https://"]:not([href*="eoperations.ch"]):after {content: '\e903';}
.element-grid ul li a[href$= ".pdf"]:after,
.element-grid ul li a[href$= ".zip"]:after,
.element-grid ul li a[href$= ".doc"]:after,
.element-grid ul li a[href$= ".docx"]:after,
.element-grid ul li a[href$= ".jpg"]:after,
.element-grid ul li a[href$= ".png"]:after {content: '\e902'; font-size: 1.625rem; right: 0;}

.element-grid .grid-content-before h3 {margin-bottom: 2.75rem;}
.element-grid .grid-content-before h4 {margin-bottom: 2.75rem;}


/* Elemente - Grid: Mission */
.element-grid .mission {font-size: 1rem;}
.element-grid .mission h3 {margin-bottom: 4.5rem;}
.element-grid .mission h4 {font-family: 'Fira Sans', sans-serif; font-size: 1.375rem; letter-spacing: 0.03125rem; font-weight: 400; margin-bottom: 0.75rem;}
.element-grid .mission p {padding: 0 1rem;}
.element-grid .mission img {margin-bottom: 0.5rem;}


/* Elemente - Team */
.element-team {padding-bottom: 2.5rem;}
.element-team .employee-item {margin-bottom: 1rem;}
.element-team h4 {font-size: 1rem;}
.element-team .team-position {text-transform: uppercase; letter-spacing: 0.025rem;}
.element-team .team-data {margin: 1rem 0 0;}
.element-team .team-data strong {font-weight: 400;}
.element-team .team-data a {color: #000;}
.element-team .team-data a:hover, .element-team .team-data a:focus, .element-team .team-data a:active {color: #575757;}
.element-team .team-data li.team-desc {padding-top: 1rem;}
.element-team .team-data li.team-vcard {padding: 1rem 0 2rem;}
.element-team .team-vcard a {color: #575757;}
.element-team .team-vcard a:hover, .element-team .team-vcard a:focus, .element-team .team-vcard a:active {color: #000;}
.element-team .team-vcard i:before {margin-left: 3rem; font-size: 1.625rem;}
.element-team .left .employee-img {margin: 0 -1.25rem 1.375rem;}
.element-team .right .employee-img {margin: 0 -1.25rem 1.375rem;}


/* Elemente - Team */
.element-jahresbericht {padding-bottom: 2.5rem;}
.element-jahresbericht .jahresbericht-item {margin-bottom: 1rem;}
.element-jahresbericht h4 {font-size: 1rem;}
.element-jahresbericht .jahresbericht-subline {text-transform: uppercase; letter-spacing: 0.025rem; margin-bottom: 1rem; display: block;}
.element-jahresbericht .left .jahresbericht-img {margin: 0 -1.25rem 1.375rem;}
.element-jahresbericht .right .jahresbericht-img {margin: 0 -1.25rem 1.375rem;}
.element-jahresbericht .jahresbericht-links {margin: 1rem 0 2rem;}
.element-jahresbericht .jahresbericht-links i:before {margin-left: 2rem;}
.element-jahresbericht .jahresbericht-links strong {font-weight: 400;}
.element-jahresbericht .jahresbericht-links a {color: #000; border-bottom: 1px solid #000; padding: 1rem 1rem  1rem 0;}
.element-jahresbericht .jahresbericht-links a:hover, .element-jahresbericht .jahresbericht-links a:focus, .element-jahresbericht .jahresbericht-links a:active {color: #575757; border-bottom-color: #575757;}



/* Elemente - Testimonial */
.element-testimonial .blockquote {margin: 0 0 1rem; font-size: 1.25rem; border: none; line-height: 2.25rem; padding: 2.5rem 0 2.125rem; font-weight: 300;}
.element-testimonial .blockquote-text {padding-bottom: 0.875rem;}
.element-testimonial .blockquote-footer {color: #000; font-size: 0.875rem; line-height: 1.375rem; letter-spacing: 0.04rem;}
.element-testimonial .blockquote-footer::before {display: none;}
.element-testimonial .blockquote-footer cite {font-style: normal;}


/* Elemente - Linkliste */
.element-linklist-inner {padding: 2.25rem 0 3rem;}
.element-linklist h3 {margin-bottom: 1.5rem;}
.element-linklist ul li a {border-bottom: 1px solid #acacac; color: #575757; display: block; padding: 1rem 0; -ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important; width: 100%; position: relative;}
.element-linklist ul li a:hover, .element-linklist ul li a:focus, .element-linklist ul li a:active {color: #000; border-color: #000;}
.element-linklist ul li a:after {font-family: 'icomoon'; font-size: 1.25rem; content: '\e929'; margin:0 5px 0 0; position: absolute; right: 0;}
.element-linklist ul li a[href^="http://"]:not([href*="eoperations.ch"]):after,
.element-linklist ul li a[href^="https://"]:not([href*="eoperations.ch"]):after {content: '\e903';}
.element-linklist ul li a[href$= ".pdf"]:after,
.element-linklist ul li a[href$= ".zip"]:after,
.element-linklist ul li a[href$= ".doc"]:after,
.element-linklist ul li a[href$= ".docx"]:after,
.element-linklist ul li a[href$= ".jpg"]:after,
.element-linklist ul li a[href$= ".png"]:after {content: '\e902'; font-size: 1.625rem;}


/* Elemente - Slider */
.element-slider-content {padding: 2rem 1.25rem 2.25rem; font-size: 0.75rem; line-height: 1.25rem;}
.element-slider-content h4 {font-size: 1rem; line-height: 1.625rem; margin-bottom: 0.75rem;}
.element-slider-img {background-position: center center; background-size: cover; min-height: 11.25rem; max-height: 11.25rem;}
.element-slider .slick-dots {position: absolute; top: 11.25rem; right: 0; margin: 0; padding: 0; list-style: none;}
.element-slider .slick-dots li {position: relative; display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 0.5rem 0 0; padding: 0; cursor: pointer;}
.element-slider .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 0.5rem; height: 0.5rem; padding: 0.25rem; cursor: pointer; outline: none; background: transparent; border: 1px solid #575757; border-radius: 50%;}
.element-slider .slick-dots li button:hover, .element-slider .slick-dots li button:focus, .element-slider .slick-dots li.slick-active button {outline: none; background-color: #575757; transition: all 300ms ease 0s; color: #575757;}
.element-slider .slick-list {margin: 0 -1.25rem;}


/* Elemente - Sitemap */
.element-sitemap {padding: 2.5rem 0 3rem;}
.element-sitemap h3 {margin-bottom: 1.5rem;}
.element-sitemap ul {padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #575757;}
.element-sitemap ul li a {font-family: 'Roboto', sans-serif; font-size: 1.125rem; font-weight: 900; color: #575757; border-top: 1px solid #575757; width: 100%; display: block; padding: 0.6875rem 0;}
.element-sitemap ul li ul {border-bottom: none;}
.element-sitemap ul li ul li a {font-family: 'Fira Sans', sans-serif; font-size: 1rem; font-weight: 300; border-top: none;}
.element-sitemap ul li ul li ul {padding-left: 1rem;}
.element-sitemap ul li ul li ul li a {color: #e73339;}


/* Blog - Details */
.blog-bottom {padding: 0 1.25rem 4.5rem;}
.blog-bottom-back {margin-top: 3.25rem;}
.blog-bottom .list-inline {margin-top: 3.25rem;}
.blog-bottom .list-inline-item {min-width: 100%;}
.comments-inner .h3 {font-size: 1.375rem; letter-spacing: 0.03125rem; border-bottom: 1px solid #575757; margin-bottom: 0; padding: 3.25rem 0 2.375rem;}
.comments-inner-0 .h3 {padding-bottom: 0; border-bottom: none;}
.comments-inner ol, .comments-inner ul {padding: 0; list-style: none;}
.comments-inner .comment-metadata {font-size: 0.75rem; letter-spacing: 0.03125rem; font-weight: 400; text-transform: uppercase; margin-bottom: 1.5rem;}
.comment-wrapper {padding: 2.125rem 0 2.75rem; font-size: 1rem; line-height: 1.625rem;}
.depth-1 {border-bottom: 1px solid #575757;}
.depth-2 .comment-wrapper {padding-left: 2rem;}
.depth-3 .comment-wrapper {padding-left: 4rem;}
.children {border-top: 1px solid #c1c1c1;}
.comment-reply-link {font-weight: 300; font-size: 1rem; border: 1px solid #575757; color: #575757; text-transform: uppercase; margin-top: 1.5rem; padding: 0.75rem 2rem 0.75rem; display: inline-block;}
.comment-reply-link:hover, .comment-reply-link:focus, .comment-reply-link:active {color: #fff; background-color: #575757; border-color: #575757;}
.comment-reply-title {-ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: start!important; justify-content: flex-start!important;}
.comment-reply-title small {font-size: 0.875rem; margin-left: auto; display: block; font-weight: 300;}
.comment-reply-title a {color: #000; margin-left: 0.375rem;}
.comment-reply-title a:hover, .comment-reply-title a:focus, .comment-reply-title a:active {color: #575757;}
.comment-respond {margin: 4rem 0 3.25rem;}
.comment-respond h3 {font-family: 'Fira Sans', sans-serif; font-size: 1.25rem; font-weight: 300; letter-spacing: 0.03125rem; text-transform: uppercase; margin-bottom: 2rem;}
.comment-respond .form-control {border-radius: 0; border-color: #c1c1c1; background: transparent; font-size: 0.875rem; text-transform: uppercase; color: #000; font-weight: 300;}
.comment-respond .form-control::-webkit-input-placeholder {color: #000;}
.comment-respond .form-control::-moz-placeholder {color: #000;}
.comment-respond .form-control:-ms-input-placeholder {color: #000;}
.comment-respond .form-control:-moz-placeholder {color: #000;}
.comment-respond .form-control:focus {background: #fff;}
.comment-respond .comment-form-comment .form-control {padding-top: 0.75rem;}
.comment-respond .comment-form-author .form-control,
.comment-respond .comment-form-email .form-control {padding: 0.75rem;}
.comment-respond .form-submit {text-align: right;}
.comment-respond .form-submit .btn {min-width: 100%;}
.comment-notes,
.logged-in-as {display: none;}


/* Suche */
.element-search {margin-bottom: 3rem; padding-top: 2.25rem;}
.element-search-inner {margin: 0 -1.25rem;}
.element-search h3 {margin-bottom: 1rem;}
.element-search ol {padding: 0; list-style: none;}
.element-search ol li {border-bottom: 1px solid #c5c5c5; padding: 1rem 1.25rem 0.375rem;}
.element-search ol li:first-child {padding-top: 0;}
.element-search ol li:last-child {border-bottom: none;}
.element-search small {display: block; font-weight: 700; font-size: 0.75rem; letter-spacing: 0.03125rem; text-transform: uppercase; margin-bottom: 0.75rem;}
.element-search small span {font-weight: 500; color: #979797;}
.element-search h4 {font-size: 1rem; line-height: 1.625rem; margin-bottom: 1.375rem;}
.element-search a {color: #000;}
.element-search a:hover, .element-search a:focus, .element-search a:active {color: #575757;}
.element-search .query-term {color: #e73339; font-weight: 500;}
.element-search h4 .query-term {font-weight: 900;}


/* Footer */

.footer dl {margin-bottom: 0;}
.footer dt {font-weight: 400; min-width: 4.5rem;}
.footer.footer-fr dt {min-width: 5.5rem;}
.footer dd {margin-bottom: 0;}

.footer-top {font-size: 0.875rem; line-height: 1.625rem; padding: 2.8125rem 0 3.5rem;}
.footer-top .h1 {font-size: 1.375rem; letter-spacing: 0.01875rem; margin-bottom: 1.5rem;}

.footer-newsletter {margin-top: 3rem;}
.footer-newsletter .newsletter-title {margin-bottom: 0; font-weight: 400;}

.footer-contact {background-color: #f3f3f3; position: relative;}
.footer-contact, .footer-contact a {color: #484848; font-size: 0.875rem; font-weight: 400;}

.footer-totop a {font-size: 2rem; line-height: 2rem; width: 2rem; height: 2rem; color: #9b9b9b; display: block; top: 1.875rem; right: 1.25rem; position: absolute; z-index: 1050;}

.footer-social {margin: 0 -1.25rem; padding: 1.875rem 1.5rem 1.625rem; border-bottom: 1px solid #b3b3b3;}
.footer-social .list-inline-item:not(:last-child) {margin-right: 0;}
.footer-social a {color: #cecece; font-size: 2rem; line-height: 2rem;}
.footer-social a:hover, .footer-social a:focus, .footer-social a:active {color: #979797;}

.footer-quicklinks {margin: 0 -1.25rem; padding: 2rem 1.5rem 0; border-bottom: 1px solid #b3b3b3;}
.footer-quicklinks .h4 {font-family: 'Fira Sans', sans-serif; font-size: 1.125rem; margin-bottom: 0.75rem; font-weight: 500;}
.footer-quicklinks .nav-link {padding: 0; font-size: 0.875rem; line-height: 1.875rem; font-weight: 400;}

.footer-name {font-size: 1rem; line-height: 1.2; padding: 1.25rem 0 0.875rem;}
.footer-name strong {font-size: 1.25rem; font-weight: 700;}

.footer-contact-adress {margin-bottom: 2rem;}
.footer-adress-pin {font-size: 1.625rem; margin-bottom: 0.75rem;}
.footer-adress {margin-bottom: 0.625rem;}

.footer-logos {color: #979797; font-size: 0.625rem; font-weight: 400; line-height: 1rem; background-color: #ededed; padding-top: 1.625rem;}

.footer-financed-title {margin-bottom: 2rem;}
.footer-financed-logo img {max-width: 8.75rem; height: auto; margin-bottom: 0.5rem;}

.footer-certified-title {margin-bottom: 1rem;}
.footer-certified-logos img {max-width: 8.75rem; height: auto; margin-bottom: 3rem;}

.footer-nav {margin-bottom: 0.75rem;}
.footer-nav, .footer-nav a {color: #4a4a4a; letter-spacing: 0.0375rem;}
.footer-nav.list-inline-item:not(:last-child) {margin-right: .75rem;}

.footer-by {margin-bottom: 0.75rem;}
.footer-by a {color: #858585; letter-spacing: 0.0375rem;}

.footer-bottom {height: 5px;}


/* Newsletter */
.newsletter-form {border-bottom: 1px solid #000; margin-top: 1.5rem; padding-bottom: 0.5rem;}
.newsletter-form .form-control {border: none; border-radius: 0; background-color: transparent; font-size: 0.875rem; padding-left: 0; font-weight: 300; width: auto; color: #000;}
.newsletter-form .form-control::-webkit-input-placeholder {color: #000;}
.newsletter-form .form-control::-moz-placeholder {color: #000;}
.newsletter-form .form-control:-ms-input-placeholder {color: #000;}
.newsletter-form .form-control:-moz-placeholder {color: #000;}


/******************************************************************
// Small devices (bigger phones, 23em and up)
******************************************************************/
@media (min-width: 23em) {

	.page-header-intro-img {min-height: 14rem;}

}


/******************************************************************
// Small devices (landscape phones, 34em and up)
******************************************************************/
@media (min-width: 34em) {


}

/******************************************************************
// Medium devices (tablets, 48em and up)
******************************************************************/
@media (min-width: 48em) {


	blockquote {border-left: 6px solid #ffde48; font-size: 1.5rem; line-height: 2.25rem; padding-left: 4.25rem; margin: 0.5rem 0 2.5rem;}

	.btn-shortcode {width: auto;}

	.btn-tools {width: auto; margin-bottom: 0; text-align: left;}

	.btn-more i:before {margin-left: 1.875rem;}

	.btn-newsletter {padding-right: 1rem; font-size: 1rem;}
	.btn-newsletter i:before {font-size: 0.625rem;}

	.container {max-width: 728px;}


	/* Info-Bar */
	.infobar {font-size: 0.75rem; line-height: 1.625rem; font-weight: 400;}
	.infobar h3 {font-size: 1.5rem; line-height: 2.125rem; margin-bottom: 0.25rem;}
	.infobar-inner {padding: 2.5rem 4rem 1.5rem; margin: 0 -4rem;}
	.infobar-intro {padding-right: 4rem;}
	.infobar .btn-arrow {font-size: 1rem;}
	.infobar .newsletter-form {margin-bottom: 1rem;}
	.infobar .close {right: 2.5rem;}


	/* Navbar */
	.navbar-brand img {width: 8.375rem; height: auto;}

	/* .navbar-main {margin: 0 -2.5rem;}*/
	.navbar-main .btn-mobile {margin-right: 2.125rem;}

	.navbar-main .navbar-collapse {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29);}


	/* Header */
	.page-header {border-top: 1.25rem solid #e84040; position: relative; z-index: 10;}
	.page-header-top {margin: 0 -2.5rem; background-size: cover; background-position: center center; position: relative; z-index: 10;}
	.page-header-top-start {min-height: 28rem;}
	.page-header-top .btn-arrow {color: #000;}
	.page-header-top .btn-arrow i:before {color: #e73339;}
	.page-header-inner {padding: 5.25rem 2.5rem 4.25rem;}
	.page-header-bottom {position: relative; z-index: 10;}

	.page-header h1 {font-size: 1.5rem; line-height: 2.125rem; margin-bottom: 2rem; letter-spacing: 0.0125rem;}
	.page-header-intro {font-size: 1rem; line-height: 1.625rem;}
	.page-header-intro-content {background-color: rgba(255, 255, 255, 0.75); color: #000;}
	.page-header-intro-img {background-position: center center;}
	.page-header-top-start .page-header-intro-content {background-color: transparent;}

	.page-header-content {padding: 3.25rem 2.5rem 3.375rem; line-height: 1.625rem; margin: 0 -2.5rem; position: relative; z-index: 10;}
	.page-header-content h2 {font-size: 1.625rem; line-height: 2.25rem; letter-spacing: 0.0125rem; margin-bottom: 2rem;}
	.page-header-content ul {padding-left: 0; margin: 1.625rem 0 1rem;}
	.page-header-content ul li {border-bottom: 1px solid #c1c1c1; padding: 0.875rem 0;}


	/* Breadcrumb */
	#breadcrumb {padding: 0.625rem 2rem 0.5rem 4rem; margin: 0;}


	/* Elemente - Services */
	.element-services-row .service-img {min-height: 22rem;}
	.element-services-row .left .service-img, .element-services-row .right .service-img {margin: 0 -2.5rem 1.375rem;}


	/* Elemente - News */
	.element-news .news-item {margin: 0 -2.5rem 0;}
	.element-news .news-item-inner,
	.element-news .news-title-meta,
	.element-news .news-header,
	.element-news .news-more  {padding-left: 2.5rem; padding-right: 2.5rem;}
	.element-news .news-header {min-height: 22rem;}


	/* Elemente - News - Boxen */
	.element-news .news-top {min-height: 0.625rem; background-color: #e84040;}
	.element-news .news-header {min-height: 12.25rem; background-size: cover; background-position: center center; display: block; background-color: #f3f3f3; padding: 1.25rem; color: #000; margin: 0;}
	.element-news .news-header.news-title {min-height: 12.25rem;}
	.element-news .news-header h4 {font-size: 1.375rem; line-height: 2.25rem;}
	.element-news .news-item {border: 1px solid #979797; font-size: 1.25rem; line-height: 1.875rem; margin: 0 0 2rem; width: 100%;}
	.element-news .news-item-2 {padding-right: 0.75rem;}
	.element-news .news-item-3 {padding-left: 0.75rem;}
	.element-news .news-item-inner {padding: 1.25rem;}
	.element-news .news-meta {font-size: 0.875rem; line-height: 2.125rem; text-transform: uppercase; color: #575757; margin: 0 0 0.75rem;}
	.element-news time {font-weight: 500;}
	.element-news .categories a {color: #575757;}
	.element-news h4 {font-size: 1.375rem; line-height: 2rem; letter-spacing: 0.025rem; margin-bottom: 0.5rem;}
	.element-news h4 a {color: #000;}
	.element-news .news-more {margin: 0.75rem 1.625rem 1.375rem; padding: 0; display: block; color: #e84040;}
	.element-news .news-more i:before {content: '\e926';}
	.element-news .btn-news-more {padding-left: 4.5rem; padding-right: 4.5rem; margin-top: 2rem; margin-bottom: 4.5rem; width: auto;}


	/* Elemente - Blog */
	.element-blog .blog-item {margin: 0 -2.5rem 0;}
	.element-blog .blog-item-inner,
	.element-blog .blog-title-meta,
	.element-blog .blog-header {padding-left: 2.5rem; padding-right: 2.5rem;}
	.element-blog .blog-header { min-height: 16rem;}


	/* Elemente - Slider */
	.element-slider-img {min-height: 20rem; max-height: 20rem;}
	.element-slider .slick-list {margin: 0 -2.5rem;}
	.element-slider .slick-dots {top: 20rem;}


	/* Elemente - Share */
	.element-share .list-inline-item {width: auto;}


	/* Blog - Details */
	.blog-bottom {padding-top: 4.5rem; padding-bottom: 7rem;}
	.blog-bottom-back {margin-top: 6.5rem;}
	.blog-bottom .list-inline {margin-top: 0;}
	.blog-bottom .list-inline-item {min-width: 0;}

	.comments-inner .h3 {padding: 6.5rem 0 4.75rem;}
	.comments-inner-0 .h3 {padding-bottom: 0;}
	.comment-wrapper {padding: 4.375rem 0 3.75rem;}
	.depth-2 .comment-wrapper {padding-left: 5rem;}
	.depth-3 .comment-wrapper {padding-left: 10rem;}
	.comment-respond h3 {font-size: 1.375rem;}
	.comment-respond {margin: 5rem 0 7.75rem;}
	.comment-respond .form-submit .btn {min-width: 0;}


	/* Suche */
	.element-search {margin-bottom: 6rem; padding-top: 3.5rem;}
	.element-search-inner {margin: 0;}
	.element-search h3 {margin-bottom: 1rem;}
	.element-search ol {margin-bottom: 3rem;}
	.element-search ol li {padding: 2rem 0 1rem;}
	.element-search small {font-size: 0.75rem; margin-bottom: 0.75rem;}
	.element-search h4 {font-size: 1.25rem; line-height: 2rem; margin-bottom: 1rem;}


	/* Footer */
	.footer dt {min-width: 4rem;}
	.footer.footer-fr dt {min-width: 5rem;}

	.footer-top {font-size: 1rem; padding: 4.75rem 0 4.25rem;}
	.footer-top .h1 {font-size: 1.75rem; letter-spacing: 0.025rem; margin-bottom: 2.5rem;}

	.footer-newsletter {margin-top: 0;}
	.footer-newsletter .newsletter-title {}

	.footer-contact {padding-bottom: 1.5rem;}
	.footer-contact, .footer-contact a {}

	.footer-social {margin: 0 -2.5rem 1.75rem; padding: 1.875rem 2.5rem 1.25rem;}
	.footer-social .list-inline-item:not(:last-child) {}
	.footer-social a {}

	.footer-quicklinks {margin: 0; padding: 0; border-bottom: none;}
	.footer-quicklinks .h4 {}
	.footer-quicklinks .nav-link {line-height: 1.625rem;}

	.footer-name {padding: 0;}
	.footer-name strong {}

	.footer-contact-adress {margin-bottom: 0;}
	.footer-adress-pin {margin-bottom: 1rem;}
	.footer-adress {}

	.footer-logos {font-size: 0.6875rem; padding-top: 2rem; padding-bottom: 0.875rem;}
	.footer-logos-bottom {margin-top: 3rem;}

	.footer-financed-title {margin-bottom: 0; padding-right: 30%;}
	.footer-financed-logo {}
	.footer-financed-logo img {max-width: 100%;}

	.footer-certified-title {}
	.footer-certified-logos img {max-width: 13rem;}

	.footer-nav {font-size: 0.625rem; margin-bottom: 0;}
	.footer-nav, .footer-nav a {}
	.footer-nav.list-inline-item:not(:last-child) {}

	.footer-by {font-size: 0.625rem; margin-bottom: 0;}
	.footer-by a {}

	.footer-bottom {height: 7px;}


	/* Newsletter */
	.newsletter-form .form-control {font-size: 1rem;font-weight: 300;}

}

/******************************************************************
// Large devices (desktops, 62em and up)
******************************************************************/
@media (min-width: 62em) {

	.lead {font-size: 1.5rem; line-height: 2.125rem;}

	.container {max-width: 1024px; padding-left: 5.625rem; padding-right: 5.625rem;}

	.list-col-lg-1 {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
	.list-col-lg-2 {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
	.list-col-lg-3 {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
	.list-col-lg-4 {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}


	/* Navbar */
	/* 	.navbar-main {margin: 0 -5.625rem;} */
	.navbar-brand {padding: 1.25rem 0 1.25rem 1.25rem;}
	.navbar-icons {padding-right: 0.25rem;}
	.navbar-main .navbar-nav .btn-menu {font-size: 1.25rem; right: 1rem;}
	.navbar-main .navbar-nav .nav-link {padding: 1.25rem 2.5rem;}
	.navbar-main .navbar-nav .nav-link i:before {right: 1.375rem;}
	.navbar-main .dropdown-item {padding: 1.25rem 2.5rem;}


	/* Header */
	.page-header .lead {font-size: 1.5rem; line-height: 2.125rem;}
	.page-header-bg {position: absolute; height: 20rem; width: 100%; margin-top: -12rem;}
	.page-header-top {min-height: 20rem; margin: 0 -4.25rem;}
	.page-header-top-start {min-height: 28rem;}
	.page-header-bottom {margin: 0 -4.25rem; background-color: #f6f6f6;}
	.page-header-bottom-transparent {background-color: transparent;}
	.page-header-inner {padding: 4rem 4rem 1rem;}
	.page-header-container:before {position: absolute; display: block; width: 50%; height: 100%; background: #f6f6f6; content: ''; left: 0; right: auto; z-index: 1;}
/* 	.page-header-container-newsletter:before {display: none;} */
	.page-header-content {margin-left: -4.25rem; margin-right: -4.25rem; padding: 3.875rem 4.25rem 3.375rem;}


	/* Header - Singular */
	.page-header-bg-singular {height: 2.75rem; margin-top: -2.75rem;}
	.page-header-bg-singular-image {height: 25.25rem; margin-top: -12rem;}
	.singular-header-top {min-height: 0; background-color: #f6f6f6;}
	.singular-header-top-image {min-height: 20rem;  margin-right: 0; background-position: right top; background-size: cover; margin-top: 0;}
	.singular-header .page-header-content {padding-top: 5.75rem;}
	.singular-header .page-header-content h2 {margin-bottom: 2.75rem;}
	.singular-header small {font-size: 0.875rem; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 0.625rem; letter-spacing: 0.08125rem;}


	/* Elemente */
	.element h2, .element h3 {font-size: 1.625rem; line-height: 2.125rem; margin-bottom: 3.375rem;}


	/* Elemente - Services */
	.element-services {margin-bottom: 5.25rem;}
	.element-services h3, .element-services-boxes h3 {margin-bottom: 3rem;}
	.element-services h4 {font-size: 1.25rem; line-height: 1.875rem; letter-spacing: 0.0125rem; margin-bottom: 1.75rem;}
	.element-services small {margin-bottom: 1rem;}

	.element-services-row .service-item {margin-bottom: 3.625rem;}
	.element-services-row .btn-arrow {margin-top: 2.5rem;}
	.element-services-row .service-img {min-height: 100%;}
	.element-services-row .left .service-img {margin-left: -4.25rem; margin-right: 0; margin-bottom: 0;}
	.element-services-row .right .service-img {margin-right: -4.25rem; margin-left: 0; margin-bottom: 0;}

	.element-services-boxes {margin-bottom: 4.375rem;}
	.element-services-boxes .service-item {margin-bottom: 4rem;}
	.element-services-boxes .collapse-inner {padding-top: 1rem;}
	.element-services-boxes img {margin-bottom: 1rem;}
	.element-services-boxes .file {display: block; margin: 2rem 0 0;}
	.element-services-boxes .file i:before {font-size: 1.5rem; margin-left: 1rem;}
	.element-services-boxes .btn-more {margin-top: 1.875rem; padding-bottom: 0.75rem;}


	/* Elemente - Fallstudien */
	.element-casestudies {margin-bottom: 3rem; padding-top: 2.5rem;}
	.element-casestudies .casestudy {margin-bottom: 4.5rem; padding-bottom: 4.5rem; border-bottom: 1px solid #979797;}
	.element-casestudies .casestudy:last-of-type {margin-bottom: 4.5rem; padding-bottom: 0; border-bottom: none;}
	.element-casestudies h4 {font-size: 1.5rem; line-height: 2.125rem; margin-bottom: 2rem;}
	.element-casestudies small {}
	.element-casestudies .btn-arrow {margin-top: 1.25rem;}
	.element-casestudies .casestudy-img {margin: 0 0 1.375rem -4rem;}


	/* Elemente - Team */
	.element-team {padding:2.5rem 0 0;}
	.element-team h4 {font-size: 1.5rem;}
	/*.element-team .employee {padding: 0 4rem;}*/
	.element-team .employee-item {padding-top: 6.25rem; margin-bottom: 0;}
	.element-team .employee-item:first-of-type {padding-top: 0;}
	.element-team .team-position {font-size: 1.375rem;}
	.element-team .team-data {margin: 4rem 0 0;}
	.element-team .team-data li {padding: 0.25rem 0;}
	.element-team .team-data li.team-desc {line-height: 2.125rem;}
	.element-team .team-data li.team-vcard {padding: 3.25rem 0 0; }
	.element-team .left .employee-img {margin-left: -4rem; margin-right: 0; margin-bottom: 0; text-align: left;}
	.element-team .right .employee-img {margin-right: -4rem; margin-left: 0; margin-bottom: 0; text-align: right;}


	/* Elemente - Jahresbericht */
	.element-jahresbericht {padding:2.5rem 0 0;}
	.element-jahresbericht h4 {font-size: 1.5rem;}
	.element-jahresbericht .jahresbericht-item {padding-top: 6.25rem; margin-bottom: 0;}
	.element-jahresbericht .jahresbericht-item:first-of-type {padding-top: 0;}
	.element-jahresbericht .jahresbericht-subline {font-size: 1.375rem; margin-bottom: 2rem;}
	.element-jahresbericht .jahresbericht-links {margin: 4rem 0 0;}
	.element-jahresbericht .jahresbericht-links li {padding: 0.25rem 0;}
	.element-jahresbericht .left .jahresbericht-img {margin-left: -4rem; margin-right: 0; margin-bottom: 0; text-align: left;}
	.element-jahresbericht .right .jahresbericht-img {margin-right: -4rem; margin-left: 0; margin-bottom: 0; text-align: right;}


	/* Elemente - Testimonial */
	.element-testimonial .blockquote {margin-bottom: 1rem; font-size: 2rem; line-height: 3rem; padding: 4.875rem 0 4.75rem;}
	.element-testimonial .blockquote-text {padding-bottom: 1.5rem;}
	.element-testimonial .blockquote-footer {font-size: 1rem; letter-spacing: 0.08125rem;}


	/* Elemente - News */
	.element-news h3 {margin-bottom: 2rem;}
	.element-news-inner {margin: 0 -4.25rem;}
	.element-news .news-top {min-height: 0.625rem; background-color: #e84040;}
	.element-news .news-header {min-height: 12.25rem; background-size: cover; background-position: center center; display: block; background-color: #f3f3f3; padding: 1.25rem; color: #000; margin: 0;}
	.element-news .news-header.news-title {min-height: 12.25rem;}
	.element-news .news-header h4 {font-size: 1.875rem; line-height: 2.75rem;}
	.element-news .news-item {border: 1px solid #979797; font-size: 1.25rem; line-height: 1.875rem; margin: 0 0.5625rem 3.375rem; width: 100%;}
	.element-news .news-item-2 {padding-right: 0;}
	.element-news .news-item-3 {padding-left: 0;}
	.element-news .col-12:first-of-type .news-item {margin-left: 0;}
	.element-news .col-12:last-of-type .news-item {margin-right: 0;}
	.element-news .news-item-inner {padding: 1.25rem;}
	.element-news .news-meta {font-size: 0.875rem; line-height: 2.125rem; text-transform: uppercase; color: #575757; margin: 0 0 0.75rem;}
	.element-news time {font-weight: 500;}
	.element-news .categories a {color: #575757;}
	.element-news h4 {font-size: 1.375rem; line-height: 2rem; letter-spacing: 0.025rem; margin-bottom: 0.5rem;}
	.element-news h4 a {color: #000;}
	.element-news .news-more {margin: 0.75rem 1.625rem 1.375rem; padding: 0; display: block; color: #e84040;}
	.element-news .news-more i:before {content: '\e928';}
	.element-news .btn-news-more {padding-left: 4.5rem; padding-right: 4.5rem; margin-top: 0; margin-bottom: 4.5rem; width: auto;}


	/* Elemente - Blog */
	.element-blog-inner {margin: 0 -4.25rem;}
	.element-blog .blog-sort .btn-back {font-size: 0.875rem;}
	.element-blog .dropdown-toggle {min-width: 20rem; margin: 2rem 0;}
	.element-blog .dropdown-menu {min-width: 20rem;}
	.element-blog .dropdown-menu .dropdown-item {padding: 1rem; font-size: 0.875rem;}
	.element-blog .blog-header {min-height: 12.25rem; background-size: cover; background-position: center center; display: block; background-color: #f3f3f3; padding: 1.25rem; color: #000; margin: 0; border: 1px solid #c1c1c1;}
	.element-blog .blog-header.blog-title {min-height: 12.25rem;}
	.element-blog .blog-header h4 {font-size: 1.875rem; line-height: 2.75rem;}
	.element-blog .blog-item {font-size: 1rem; line-height: 1.625rem; margin: 0 0 4.5rem; width: 100%;}
	.element-blog .blog-item-inner {padding: 1.25rem 1.25rem 0 0;}
	.element-blog .blog-meta {font-size: 0.875rem; line-height: 2.125rem; text-transform: uppercase; color: #575757; margin: 0 0 0.75rem;}
	.element-blog time {font-weight: 500;}
	.element-blog .categories a {color: #575757;}
	.element-blog h4 {font-size: 1.125rem; line-height: 1.875rem; letter-spacing: 0.025rem; margin-bottom: 1.5rem;}
	.element-blog h4 a {color: #000;}
	.element-blog .blog-more {padding: 2.5rem 0 .75rem;}
	.element-blog .blog-more .btn-arrow i:before {margin-left: 1rem;}
	.element-blog .pagination-wrapper {margin: 0 0 6rem;}


	/* Elemente - Newsletter Archive */
	.element-newsletter-archive .pagination-wrapper {margin: 0 0 6rem;}
	.element-newsletter-archive h3 {margin-bottom: 1.5rem;}



	/* Elemente - Slider */
	.element-slider .slick-list {margin: 0;}
	.element-slider-img {min-height: 30rem; max-height: 30rem;}
	.element-slider-content {padding: 4rem 3rem 0 0; font-size: 1rem; line-height: 1.625rem;}
	.element-slider-content h4 {font-size: 1.5rem; line-height: 2.125rem; margin-bottom: 2.25rem;}
	.element-slider .slick-dots {top: auto; bottom: 2.5rem; left: 0; right: auto;}
	.element-slider .slick-dots li {width: 1rem; height: 1rem; margin: 0 1rem 0 0;}
	.element-slider .slick-dots li button {width: 1rem; height: 1rem;}


	/* Elemente - Medienmitteilungen */
	.element-mediareleases {padding: 2.25rem 0 3.5rem;}
	.element-mediareleases .mediarelease {}
	.element-mediareleases small {margin-bottom: 1rem;}
	.element-mediareleases h3 {font-size: 1.25rem; line-height: 1.5; margin-bottom: 1.5rem;}
	.element-mediareleases .btn-arrow {margin-top: 1.5rem;}


	/* Elemente - Linkliste */
	.element-linklist h3 {margin-bottom: 1.5rem;}


	/* Footer */
	.footer-top {}
	.footer-top .h1 {}

	.footer-newsletter {margin-top: 0;}
	.footer-newsletter .newsletter-title {}

	.footer-contact {}
	.footer-contact, .footer-contact a {}

	.footer-social {margin-left: -5.625rem; margin-right: -5.625rem; padding-left: 5.625rem; padding-right: 5.625rem;}
	.footer-social .list-inline-item:not(:last-child) {}
	.footer-social a {}

	.footer-quicklinks {margin: 0; padding: 0; border-bottom: none;}
	.footer-quicklinks .h4 {}
	.footer-quicklinks .nav-link {}

	.footer-name {padding: 0;}
	.footer-name strong {}

	.footer-contact-adress {}
	.footer-adress-pin {}
	.footer-adress {}

	.footer-logos {}

	.footer-nav {}
	.footer-nav, .footer-nav a {}
	.footer-nav.list-inline-item:not(:last-child) {}

	.footer-by {}
	.footer-by a {}

	.footer-bottom {height: 9px;}

}

/******************************************************************
// Extra large devices (large desktops, 75em and up)
******************************************************************/
@media (min-width: 75em) {

	body {font-size: 1.25rem; line-height: 1.875rem;}

	.pt-own-small {padding-top: 3.75rem;}
	.pt-own-medium {padding-top: 7.5rem;}
	.pt-own-big {padding-top: 12.5rem;}
	.pb-own-small {padding-bottom: 3.75rem;}
	.pb-own-medium {padding-bottom: 7.5rem;}
	.pb-own-big {padding-bottom: 12.5rem;}

	.btn-arrow {font-size: 1.25rem;}
	.btn-arrow i:before {margin-left: 1.75rem; content: '\e928'; margin-top: 0.25rem;}
	.btn-arrow:hover i:before {margin-left: 4rem; transition: all 300ms ease 0s;}

	.btn-arrow-left {font-size: inherit; font-weight: 300;}
	.btn-arrow-left i:before {margin-left: 0; margin-right: 2.5rem; font-size: 0.625rem; content: '\e928';}

	.btn-download {font-size: 1.25rem;}
	.btn-download i:before {margin-left: 1.75rem; font-size: 1.625rem;}

	.btn-more i:before {content: '\e928'; margin-left: 1.75rem; transition: all 300ms ease 0s;}
	.btn-more:hover i:before {margin-left: 4rem; transition: all 300ms ease 0s;}

	.btn-newsletter {padding-right: 1rem; font-size: 1.25rem;}
	.btn-newsletter i:before {font-size: 0.625rem;}

	.container {padding-left: 15px; padding-right: 15px;}

	blockquote {margin: 2.5rem 0 5rem;}


	/* Info-Bar */
	.infobar {font-size: 1rem; line-height: 1.625rem; font-weight: 400;}
	.infobar h3 {font-size: 1.625rem; line-height: 2.125rem; letter-spacing: 0.0125rem; margin-bottom: 0.5rem;}
	.infobar-inner {padding: 2.875rem 4rem; margin: 0 -4rem;}
	.infobar-intro {padding-right: 6rem;}
	.infobar .btn-arrow {font-size: 1rem;}
	.infobar .newsletter-form {margin-bottom: 0;}
	.infobar .close {top: 2.5rem; right: 0;}


	/* Navbar */
	.nav-header-container {position: relative; z-index: 1025;}
	.nav-header {font-size: 0.875rem; letter-spacing: 0.03125rem; text-transform: uppercase; font-weight: 300; padding: 2.5rem 0 1rem; margin: 0 -4rem;/*  background: blue; */}
	.nav-header a {color: #575757; -ms-flex-align: center!important; align-items: center!important; display: -ms-flexbox!important; display: flex!important;}
	.nav-header a:hover, .nav-header a:focus, .nav-header a:active {color: #000;}
	.nav-header a strong {font-weight: 400;}
	.nav-header .header-search {font-weight: 400; background: none; border: none;}
	.nav-header .header-search i:before {font-size: 1.625rem; margin-left: 1rem;}
	.nav-header .header-search {width: 100%; position: relative;}
	.nav-header .header-search .form-control {/* background: red;  */position: absolute; right: 0; font-size: 0.875rem; letter-spacing: 0.03125rem; text-transform: uppercase; font-weight: 400; /* position: absolute; right: -0.25rem;  width: 100px; */ min-width: 0; width: auto; min-height: 2.25rem; border: none; border-bottom: 1px solid transparent; border-radius: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; padding: 0 2.5rem 0 0;}
	.nav-header .header-search .form-control::-webkit-input-placeholder {color: #575757;}
	.nav-header .header-search .form-control::-moz-placeholder {color: #575757;}
	.nav-header .header-search .form-control:-ms-input-placeholder {color: #575757;}
	.nav-header .header-search .form-control:-moz-placeholder {color: #575757;}
	.nav-header .header-search:hover .form-control,
	.nav-header .header-search .form-control:focus {min-width: 300px; margin-left: 0px; border-bottom-color: #000; text-align: left;}
	.nav-header .header-search .btn {border: none; background-color: transparent; padding: 0.375rem 0 0 0; position: absolute; right: 0; color: #575757;}
	.nav-header .header-phone i:before {font-size: 1.6875rem; margin-right: 0.5rem;}
	.nav-header .header-mail i:before {font-size: 1.75rem; margin-right: 0.625rem;}
	.nav-header .header-jira i:before {font-size: 1.3125rem; margin-right: 0.5rem;}

	.nav-header .header-phone {margin-left: 6rem;}
	.nav-header .header-mail {margin-left: 0.875rem;}
	.nav-header .header-jira {margin-left: 4.25rem;}
	.nav-header .header-contact {margin-left: 0.875rem;}

	.dropdown-lang i:before {font-size: 0.25rem;}
	.dropdown-lang .nav-link {border: 1px solid #575757; padding: 0; line-height: 0.875rem; font-weight: 400; margin-left: 1rem; min-width: 4.6875rem;}
	.dropdown-lang .nav-link .lang {display: inline-block; padding: 0.75rem 0.625rem 0.625rem 0.5rem; min-width: 2.25rem}
	.dropdown-lang .nav-link .arrow {border-left: 1px solid #575757; padding: 0.5rem 0.75rem 0.625rem; color: #575757; background-color: #fff; transition: all 300ms ease 0s; min-width: 2.3125rem; background-image: url('data/img/pfeil.svg'); background-position: center center; background-repeat: no-repeat;}
	.dropdown-lang.show .nav-link .arrow,
	.dropdown-lang .nav-link:hover .arrow, .dropdown-lang .nav-link:focus .arrow, .dropdown-lang .nav-link:active .arrow {color: #fff; background-color: #575757; transition: all 300ms ease 0s; background-image: url('data/img/pfeil-weiss.svg');}
	.dropdown-lang.show .nav-link .arrow {background-image: url('data/img/pfeil-weiss-up.svg');}
	.dropdown-lang.show .nav-link .arrow i:before {content: ;}
	.dropdown-lang .dropdown-toggle::after {display: none;}
	.dropdown-lang-menu {padding: 0; margin: 0; border: none; border-radius: 0; min-width: 4.6875rem;}
	.dropdown-lang-menu .nav-link {margin: 0; padding: 0.75rem 0.625rem 0.625rem 0.5rem; border-top: none;}
	.dropdown-lang-menu .nav-link:hover, .dropdown-lang-menu .nav-link:focus, .dropdown-lang-menu .nav-link:active {background-color: #f3f3f3; color: #575757;}

	.navbar-main {padding: 0; margin: 0; border-bottom: none;}

	.navbar-main .navbar-collapse {box-shadow: none;}

	.navbar-brand {padding: 0; margin: 0 0 1.625rem -4rem; z-index: 10;}
	.navbar-brand img {width: 21rem; height: auto; transition: all 300ms ease 0s;}

	.navbar-main .navbar-collapse {z-index: 100;}
	.navbar-main .navbar-nav {padding: 0; border-top: 0; background-color: #e73339; margin-right: -4rem; z-index: 10;}
	.navbar-main .navbar-nav .nav-link {color: #fff; padding: 4.5rem 0 4rem; font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 1.25rem; border: none; margin-left: 2rem;}
	.navbar-main .navbar-nav .nav-link i:before {}
	.navbar-main .navbar-nav .nav-item:last-child .nav-link {margin-left: 0;}
	.navbar-main .navbar-nav .nav-item:first-child .nav-link {border-top: none;}

	.navbar-main .navbar-nav .dropdown.show {border-bottom: none;}

	.navbar-main .navbar-nav .nav-link:focus, .navbar-main .navbar-nav .nav-link:hover,
	.navbar-main .navbar-nav .nav-link:focus, .navbar-main .navbar-nav .nav-link:hover {opacity: 0.75;}

	.navbar-main .navbar-nav .nav-link.show, .navbar-main .navbar-nav .active>.nav-link, .navbar-main .navbar-nav .nav-link.active,
	.navbar-main .navbar-nav .current-menu-parent .nav-link, .navbar-main .navbar-nav .nav-link.show, .navbar-main .navbar-nav .active>.nav-link, .navbar-main .navbar-nav .nav-link.active {}

	.navbar-main .dropdown:hover a {opacity: 0.75;}
	.navbar-main .dropdown-menu {position: absolute !important; background-color: #575757; border-radius: 0; border-top: none; margin: 0; padding: 0; min-width: 20rem;}
	.navbar-main .dropdown-menu:after {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #575757; border-width: 22px; margin-left: -22px;}

	.navbar-main .dropdown:hover .dropdown-menu {display: block !important;}

	.navbar-main .dropdown-item {border: none; color: #fff; border-bottom: 1px solid #6b6a6a; opacity: 1 !important; text-transform: none; font-weight: 400; padding: 1.25rem 1.75rem;}
	.navbar-main .dropdown-item:focus, .navbar-main .dropdown-item:hover,
	.navbar-main .dropdown-item.active, .navbar-main .dropdown-item:active {color: #fff; background-color: #6b6a6a;}
	.navbar-main .dropdown-item.active {font-weight: 700;}


	/* Navbar - Sticky */
	.sticky-top {transition: all 0.25s ease-in;}
	.stuck .sticky-top {background-color: #fff;}
	.stuck .navbar-main .navbar-nav .nav-link {padding: 3rem 0 2.625rem;}
	.stuck .navbar-brand {margin-bottom: 0;}
	.stuck .navbar-brand img {width: 16rem; transition: all 300ms ease 0s;}
	.header-bg-stuck {height: 100% !important; background: #fff; z-index: 1; top: 0;}
	.stuck .header-bg-stuck-border {border-bottom: 1px solid #ededed;}


	/* Header */
	.header-bg {position: absolute; height: 25.625rem; width: 100%;}
	.page-header {position: relative; border: none;}
	.page-header-bg {height: 25.25rem; margin-top: -15.25rem;}
	.page-header-bg-start {height: 25.25rem; margin-top: -24.25rem;}
	.page-header-top {min-height: 25rem; margin: 0 -4rem; background-color: #f6f6f6;}
	.page-header-top-start {min-height: 36.875rem;}
	.page-header-top .btn-arrow {font-size: 1.375rem;}
	.page-header h1 {font-size: 2rem; line-height: 2.625rem; margin-bottom: 1.875rem; letter-spacing: 0.0125rem;}
	.page-header-meta {margin-bottom: 0.625rem; font-size: 0.875rem;}

	.page-header-content {padding: 7.5rem 4rem 4.75rem; margin: 0 -4rem; line-height: 2.125rem; position: relative; z-index: 10;}
	.page-header-content h2 {font-size: 2rem;}
	.page-header-content ul {margin-top: 1.25rem;}

	.page-header-content-casestudy {padding-top: 4.75rem;}

	.page-header-intro {font-size: 1.25rem; line-height: 2.125rem;}
	.page-header-bottom {margin: 0 -4rem;}


	/* Header - Singular */
	.page-header-bg-singular {height: 2.875rem; margin-top: -2.875rem;}
	.page-header-bg-singular-image {height: 31.25rem; margin-top: -31.25rem;}
	.singular-header-top {min-height: 0;}
	.singular-header-top-image {min-height: 31.25rem;  margin-right: 14.6875rem; background-position: center center; background-size: cover; margin-top: -2.875rem;}
	.singular-header .page-header-content {padding-top: 5.75rem;}
	.singular-header .page-header-content h2 {margin-bottom: 2.75rem;}
	.singular-header small {font-size: 0.875rem; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 0.625rem; letter-spacing: 0.08125rem;}



	/* Breadcrumb */
	#breadcrumb {padding: 0.5rem 3rem 0.5rem 4rem; font-size: 0.875rem;}


	/* Pagination */
	.page-link {padding: 0.875rem 1.25rem; height: 3.125rem;}
	.page-link i:before {font-size: 1.25rem;}
	.page-link-prev, .page-link-next {padding: 0.875rem 0.875rem 0.625rem;}


	/* Elemente */
	.element h2, .element h3 {font-size: 2rem; margin-bottom: 4rem;}


	/* Elemente - Services */
	/* .element-services .element-inner {padding: 0 4rem;} */
	.element-services {padding-top: 4.375rem;}
	.element-services h3 {margin-bottom: 4rem;}
	.element-services h4 {font-size: 1.5rem; line-height: 2.125rem; margin-bottom: 1.75rem;}
	.element-services small {font-size: 0.75rem; margin-bottom: 1.375rem;}

	.element-services-row .service-item {margin-bottom: 6.25rem;}
	.element-services-row .btn-arrow {margin-top: 4.25rem;}
	.element-services-row .service-img {min-height: 31.875rem;}
	.element-services-row .left .service-img {margin-left: -4rem; margin-right: 0; margin-bottom: 0;}
	.element-services-row .right .service-img {margin-right: -4rem; margin-left: 0; margin-bottom: 0;}

	.element-services-boxes .service-item {margin-bottom: 4.375rem;}
	.element-services-boxes .collapse-inner {padding-top: 2.25rem;}
	.element-services-boxes .collapse-inner p {margin-bottom: 2.25rem}
	.element-services-boxes img {margin-bottom: 2.25rem;}
	.element-services-boxes .file {margin: 0;}
	.element-services-boxes .file i:before {font-size: 1.75rem; margin-left: 2rem;}
	.element-services-boxes .btn-more {margin-top: 3.5rem; font-size: 1.25rem; padding: 1rem 0;}


	/* Elemente - Projekte */
	.element-projects {padding-top: 4.375rem;}
	.element-projects-bg {padding-top: 5.625rem;}
	.element-projects h3 {margin-bottom: 5rem;}
	.element-projects h4 {font-size: 1.5rem; line-height: 2.125rem; margin-bottom: 2rem;}
	.element-projects small {font-size: 0.875rem;}
	.element-projects .project {padding-bottom: 6rem; padding-right: 3rem;}
	/*.element-projects .btn-download {margin-top: 0.375rem; padding: 1.5rem 0;} */
	.element-projects .btn-more {font-size: 1.125rem; border-bottom: none;}


	/* Elemente - Case Studies */
	.element-casestudies {padding-top: 4.375rem;}


	/* Elemente - Team */
	.element-team {padding: 4.375rem 0 3.75rem;}


	/* Elemente - Jahresbericht */
	.element-jahresbericht {padding: 4.375rem 0 3.75rem;}


	/* Elemente - News */
	.element-news-inner {margin: 0 -4rem;}
	.element-news .news-item {width: 100%;}
	.element-news .news-header {min-height: 20.625rem;}
	.element-news .news-header.news-title {min-height: 14rem;}
	.element-news .news-header h4 {font-size: 1.875rem; line-height: 2.625rem;}


	/* Elemente - Blog */
	.element-blog .dropdown-toggle {font-size: 1rem; font-weight: 700; padding: 1.125rem 1.5rem; min-width: 24rem; margin: 0;}
	.element-blog .dropdown-menu {min-width: 24rem;}
	.element-blog .dropdown-menu .dropdown-item {}
	.element-blog .dropdown-menu .dropdown-item {padding: 1.125rem 1.5rem;}

	.element-blog .blog-header {min-height: 21.25rem; padding: 2.5rem 3.125rem;}
	.element-blog .blog-header.blog-title {min-height: 21.25rem;}
	.element-blog .blog-header h4 {font-size: 2.8125rem; line-height: 4rem;}
	.element-blog .blog-sort {padding: 5.625rem 0;}
	.element-blog .blog-sort .btn-back {font-size: 1.125rem;}
	.element-blog .pagination-wrapper {margin: 0 0 10rem;}
	.element-blog-inner {margin: 0 -4rem;}
	.element-blog .blog-item {font-size: 1.25rem; line-height: 2.125rem; border-bottom: none; width: 100%;}
	.element-blog .blog-item-inner {padding: 1.5rem 1.25rem 0 0;}
	.element-blog .blog-meta {margin-bottom: 1.125rem;}
	.element-blog h4 {font-size: 1.375rem; line-height: 2rem; margin-bottom: 0.5rem;}
	.element-blog .blog-more {padding: 3rem 1.25rem 0;}
	.element-blog .btn-arrow {font-size: 1.125rem;}
	.element-blog .btn-arrow i:before {font-size: 0.625rem;}
	.element-blog .pagination-wrapper {margin: 1rem 0 10rem;}

	.element-blog-content {padding: 3.875rem 0 6rem;}


	/* Elemente - Newsletter Archive */
	.header-newsletter {margin-top: 3rem;}
	.header-newsletter .newsletter-form {margin-top: 1rem;}
	.element-newsletter-archive .pagination-wrapper {margin: 1rem 0 10rem;}
	.element-newsletter-archive-inner {padding: 4.375rem 0 5.625rem;}
	.element-newsletter-archive h3 {font-size: 1.5rem;}
	.element-newsletter-archive ul li a:after {font-size: 1.625rem; font-size: 1.5rem; right: 1.125rem;}


	/* Elemente - Medienmitteilungen */
	.element-mediareleases {padding: 6rem 0 4rem;}
	.element-mediareleases .mediarelease {margin-bottom: 7.25rem;}
	.element-mediareleases small {font-size: 0.75rem;}
	.element-mediareleases h3 {font-size: 1.375rem; line-height: 2rem; margin-bottom: 1.5rem;}
	.element-mediareleases .btn-arrow {margin-top: 0;}
	.element-mediareleases .pagination-wrapper {margin: 4rem 0 4rem;}


	/* Elemente - Linkliste */
	.element-linklist-inner {padding: 4.375rem 0 5.625rem;}
	.element-linklist h3 {font-size: 1.5rem;}
	.element-linklist ul li a:after {right: 1.25rem; font-size: 1.625rem;}
	.element-linklist ul li a[href^="http://"]:not([href*="eoperations.ch"]):after,
	.element-linklist ul li a[href^="https://"]:not([href*="eoperations.ch"]):after {content: '\e903'; font-size: 1.5rem; right: 1.125rem;}
	.element-linklist ul li a[href$= ".pdf"]:after,
	.element-linklist ul li a[href$= ".zip"]:after,
	.element-linklist ul li a[href$= ".doc"]:after,
	.element-linklist ul li a[href$= ".docx"]:after,
	.element-linklist ul li a[href$= ".jpg"]:after,
	.element-linklist ul li a[href$= ".png"]:after {right: 1rem; content: '\e902';}


	/* Elemente - Slider */
	.element-slider-content h4 {font-size: 1.5rem; line-height: 2.25rem; margin-bottom: 2.25rem;}
	.element-slider-content {font-size: 1.25rem; line-height: 1.875rem;}

	/* Elemente - Dualoo */
	.element-vacancies {padding-block: 3.875rem;}


	/* Elemente - Sitemap */
	.element-sitemap {padding: 5.75rem 0 8.125rem;}
	.element-sitemap h3 {margin-bottom: 2.5rem;}
	.element-sitemap ul {padding: 0; margin: 0; list-style: none;}
	.element-sitemap ul li a {font-size: 1.5rem; padding: 1.375rem 0;}
	.element-sitemap ul li ul {margin-top: 0.5rem;}
	.element-sitemap ul li ul li a {font-size: 1.25rem;}
	.element-sitemap ul li ul li ul {padding-left: 2rem;}


	/* Suche */
	.element-search {margin-bottom: 6.5rem; padding-top: 5.25rem;}
	.element-search h3 {margin-bottom: 3.75rem;}
	.element-search ol {margin-bottom: 6rem;}
	.element-search ol li {padding: 2rem 0 1rem;}
	.element-search small {margin-bottom: 1.25rem;}
	.element-search h4 {font-size: 1.5rem; line-height: 2.125rem; margin-bottom: 1.75rem;}


	/* Footer */
	.footer-top {padding: 6.25rem 0 5rem 0; font-size: 1.25rem; line-height: 2.125rem;}
	.footer-top .h1 {font-size: 2rem; margin-bottom: 2rem;}

	.footer-newsletter {}
	.footer-newsletter .newsletter-title {}

	.footer-contact {padding: 4.5rem 0 2.25rem;}
	.footer-contact, .footer-contact a {}

	.footer-social {margin: 0; padding: 0; border: none;}
	.footer-social .list-inline-item:not(:last-child) {}
	.footer-social a {font-size: 2.5rem;}

	.footer-quicklinks {padding-left: 3rem;}
	.footer-quicklinks .h4 {margin-bottom: 1.125rem;}
	.footer-quicklinks .nav-link {line-height: 1.5625rem;}

	.footer-name {}
	.footer-name strong {}

	.footer-contact-adress {padding-left: 1rem; line-height: 1.5;}
	.footer-adress-pin {}
	.footer-adress {margin-bottom: 0.75rem;}

	.footer-logos {padding-top: 2.625rem;}
	.footer-logos-bottom {margin-top: 5.125rem;}

	.footer-certified {padding-left: 3rem;}
	.footer-certified-title {min-width: 8rem;}
	.footer-certified-logos img {max-width: 100%; max-height: 6.75rem; margin-left: 1rem; margin-bottom: 0.5rem;}

	.footer-nav {}
	.footer-nav, .footer-nav a {}
	.footer-nav.list-inline-item:not(:last-child) {}

	.footer-by {}
	.footer-by a {}


	/* Newsletter */
	.newsletter-form {margin-top: 3rem; padding-bottom: 0.625rem;}
	.newsletter-form .form-control {font-size: 1.25rem;font-weight: 300;}


}


/******************************************************************
// Extra extra large devices (large desktops, 87.5em and up)
******************************************************************/
@media (min-width: 87.5em) {

	.container {max-width: 1200px;}

	/* Navbar */
	.nav-header .header-search:hover .form-control,
	.nav-header .header-search .form-control:focus {min-width: 480px;}

}