﻿
body.siemens-recolor {
    font-size: 16px;
    color: #000028;
}

    body.siemens-recolor .ui-widget {
        font-family: SiemensSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

.logo {
    max-height: 20px;
}

body.siemens-recolor .f-text a,
body.siemens-recolor .link-list a {
    color: #007993;
    text-decoration: underline;
}

    body.siemens-recolor .f-text a:hover,
    body.siemens-recolor .link-list a:hover {
        color: #005159;
    }

body.siemens-recolor .navbar-search input[type='search'], .navbar-search-overlay input[type='search'] {
    font-size: 18px;
    color: #4c4c68;
    background-color: #ebf7f8;
    height: 32px;
    margin-left: 0;
    outline: 0;
    padding: 5px 36px 5px 15px;
    width: 253px;
    border: none;
    border-bottom: 1px solid #000028;
    display: inline-block;
}

    body.siemens-recolor .navbar-search input[type='search']:hover {
        background-color: #d1fff2;
        border-bottom: 1px solid #00d7a0;
    }

    .navbar-search input[type='search'] + button, .navbar-search-overlay input[type='search'] + button {
        background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%) !important;
        display: inline-block;
        position: static;
        top: 0px;
        margin-top: 0px !important;
        width: 32px !important;
        height: 32px !important;
    }

        .navbar-search input[type='search'] + button > span, .navbar-search-overlay input[type='search'] + button > span {
            color: #000028;
            font-size: 20px;
            padding-left: 6px;
        }

body.siemens-recolor .navbar-search {
    margin-right: 0px;
}

.navbar-default .navbar-nav > li > a {
    color: #000028;
}

.dropdown-menu li > a:not(.back) {
    color: #000028;
}

/* extranet forms */

.siemens-recolor .extranet-forms {
    background-color: #f3f3f0 !important;
    color: #000028 !important;
}

    .siemens-recolor .extranet-forms .form-item h4 {
        color: #000028;
    }

    .siemens-recolor .extranet-forms .fieldset-legend,
    .siemens-recolor .extranet-forms .webform-element-description {
        color: #000028;
    }

    .siemens-recolor .extranet-forms input[type="text"],
    .siemens-recolor .extranet-forms input[type="email"],
    .siemens-recolor .extranet-forms textarea,
    .siemens-recolor .extranet-forms select {
        font-size: 18px !important;
        padding: 14px 10px;
        background: #ebf7f8;
        border: none;
        border-bottom: 1px solid #4c4c68;
    }

        .siemens-recolor .extranet-forms input[type="text"].error,
        .siemens-recolor .extranet-forms input[type="email"].error,
        .siemens-recolor .extranet-forms textarea.error {
            background: #fcccd7;
        }

        .siemens-recolor .extranet-forms input[type="text"]:hover,
        .siemens-recolor .extranet-forms input[type="email"]:hover,
        .siemens-recolor .extranet-forms textarea:hover,
        .siemens-recolor .extranet-forms select:hover {
            background: #d1fff2;
            border-bottom: 1px solid #00d7a0;
        }

    .siemens-recolor .extranet-forms .select-wrapper > select {
        height: 56px;
    }

    .siemens-recolor .extranet-forms .btn.btn-primary.conversion-button {
        background: none;
        border: 1px solid #000028;
        color: #000028;
        font-size: 18px;
        margin-right: 0px;
    }

        .siemens-recolor .extranet-forms .btn.btn-primary.conversion-button:hover {
            background: #c2ffee;
            border: 1px solid #00646e;
            color: #00646e;
        }

    .siemens-recolor .extranet-forms .form-item--error-message {
        background-color: #ff7687;
    }

/* header */
.siemens-recolor .navbar-nav.navbar-primary > .dropdown span {
    font-weight: 600;
}

.siemens-recolor .navbar-underline {
    border-top: 3px solid #00d7a0;
}

.siemens-recolor .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right > li > a {
    font-size: 16px;
}

.siemens-recolor .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right i {
    width: 22px;
}

.siemens-recolor .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right > li > a i {
    margin-right: 0;
}

.siemens-recolor .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right > li:hover > a > * {
    color: #005159;
}

.siemens-recolor .languageselector__base {
    color: #000028;
}

.siemens-recolor .dropdown__item,
.siemens-recolor .dropdown__item:hover a {
    color: #000028;
}

    .siemens-recolor .dropdown__item:hover {
        background-color: #dfdfd9;
    }

/* primary teaser */
.siemens-recolor .nts-primary-teaser-slide-box {
    background: #dfdfd9;
    opacity: 0.9;
    color: #000028;
}

.siemens-recolor .nts-primary-teaser-slide-box-container * {
    color: #000028 !important;
    font-weight: bold;
}

.siemens-recolor .nts-primary-teaser-slide-box-container h1.H1 {
    font-size: 38px;
}

.siemens-recolor .conversionbutton__btn.orange {
    background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%);
    color: #000028;
}


/* icons */
@font-face {
    font-family: 'Siemens-Web-Icons-3-3-0';
    src: url('fonts/Siemens_UI_Icons_Webfont-v3.6.0.eot?oiroz7');
    src: url('fonts/Siemens_UI_Icons_Webfont-v3.6.0.eot?oiroz7#iefix') format('embedded-opentype'), url('fonts/Siemens_UI_Icons_Webfont-v3.6.0.ttf?oiroz7') format('truetype'), url('fonts/Siemens_UI_Icons_Webfont-v3.6.0.woff?oiroz7') format('woff'), url('fonts/Siemens_UI_Icons_Webfont-v3.6.0.svg?oiroz7#Siemens-Web-Icons-3-3-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


/* press starting page */
body.siemens-recolor.page-node-type-c2-ct-press-filter .dialog-off-canvas-main-canvas > main, body.page-node-type-c2-ct-press-filter section {
    background-color: #f3f3f0 !important;
}

.siemens-recolor [class^="newton-"], .siemens-recolor [class*=" newton-"] {
    font-family: "Siemens-Web-Icons-3-3-0" !important;
    font-size: 22px;
}

.newton-zip:before {
    content: "\e90c";
}

.siemens-recolor .link-list [class^="newton-"], .siemens-recolor .link-list [class*=" newton-"] {
    top: -1px;
}

.siemens-recolor .link-list span.newton-link {
    top: 4px;
}

.siemens-recolor span.newton-pdf {
    top: -1px !important;
}

.press-filter-page-jump-menu .jump-menu-item {
    border: 2px solid rgba(0, 121, 147, 1);
    padding-top: 0px !important;
}

@media (min-width: 993px) {
    body.siemens-recolor .press-filter-page-jump-menu .jump-menu-item {
        width: 150px;
        height: 150px;
    }
}

body.siemens-recolor .press-filter-page-jump-menu .jump-menu-item-wrapper {
    justify-content: space-between;
}

    body.siemens-recolor .press-filter-page-jump-menu .jump-menu-item-wrapper > div {
        width: auto;
    }

.press-filter-page-jump-menu .jump-menu-item:hover {
    text-decoration: none;
    background-color: #c2ffee !important;
    color: #00646e !important;
    border: 2px solid #00646e !important;
}

.jump-menu-icon {
    border: none !important;
    color: #007993;
    font-family: "Siemens-Web-Icons-3-3-0" !important;
    font-size: 70px !important;
}

@media (min-width: 769px) and (max-width: 992px) {
    .jump-menu-icon {
        position: relative;
        top: -10px;
    }
}

.jump-menu-title {
    color: #007993;
    font-size: 18px;
    font-weight: bold;
}

.press-filter-page-jump-menu .jump-menu-item:hover .jump-menu-icon {
    color: #00646e !important;
    border: none !important;
}

.press-filter-page-jump-menu .jump-menu-item:hover .jump-menu-title {
    color: #00646e !important;
}

section.StartpageIntro button.presscontacts, .press-search--button-top {
    background: none !important;
    border-radius: 0px !important;
    color: #fff !important;
    background: #007993 !important;
}

    section.Intro .ConversionButton:hover, section.StartpageIntro button.presscontacts:hover {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        background: #196269 !important;
    }

/* press search field */
body.siemens-recolor section.StartpageIntro .row.searchboxes span.inputs.findtopic {
    color: #4c4c68;
    background-color: #ebf7f8;
}

    body.siemens-recolor section.StartpageIntro .row.searchboxes span.inputs.findtopic button {
        background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%) !important;
    }

body.siemens-recolor section.StartpageIntro .row.searchboxes span.inputs input {
    border: none;
    color: #4c4c68;
    background-color: #ebf7f8 !important;
    border-bottom: 1px solid #4c4c68;
}

    body.siemens-recolor section.StartpageIntro .row.searchboxes span.inputs input::placeholder,
    body.siemens-recolor .navbar-search input[type='search']::placeholder {
        color: #4c4c68;
    }

    body.siemens-recolor section.StartpageIntro .row.searchboxes span.inputs input:hover,
    body.siemens-recolor section.StartpageIntro .row.searchboxes span.inputs.active {
        background-color: #d1fff2 !important;
        border-bottom: 1px solid #00d7a0;
        color: #000028;
    }

section.StartpageIntro .row.searchboxes span.inputs button {
    background-color: transparent !important;
    border: none !important;
}

body.siemens-recolor section.StartpageIntro .row.searchboxes .inputs .looksLikeInput {
    border: none;
    background-color: transparent !important;
    color: #4c4c68;
}

body.siemens-recolor section.StartpageIntro .row.searchboxes .inputs.alltypes {
    border: none;
    background-color: #ebf7f8 !important;
    border-bottom: 1px solid #4c4c68;
}

    body.siemens-recolor section.StartpageIntro .row.searchboxes .inputs.alltypes:hover {
        border: none;
        background-color: #d1fff2 !important;
        border-bottom: 1px solid #00d7a0;
    }

body.siemens-recolor .flyout.alltypes-select {
    background-color: #d1fff2 !important;
}

section.StartpageIntro .row.searchboxes span.inputs .flyout li:hover, section.StartpageIntro .row.searchboxes span.inputs .flyout li.active {
    background-color: #62eec7 !important;
    color: #000028 !important;
}

body.siemens-recolor .row .TwitterEmbed.notYetAccepted {
    background-color: #dfdfd9;
}

    body.siemens-recolor .row .TwitterEmbed.notYetAccepted * {
        color: #000028;
    }

h1, .h1d, section.shoutbox h1, section.related-content h1, h2, .h2d, section.shoutbox h2, section.related-content h2, h3, .h3d, section.shoutbox h3, section.related-content h3, h4, .h4d, .alert, .alert-dismissable, .alert-dismissible, section.shoutbox h4, section.related-content h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000028;
}

.row.IntroText ul > li, .row.Summary ul > li, .slick-slider .TeaserBlock .IntroText ul > li, .slick-slider .TeaserBlock .Summary ul > li, .row .TeaserBlock .IntroText ul > li, .row .TeaserBlock .Summary ul > li,
section.filterResults .TeaserBlock > .inner .Summary {
    color: #000028 !important;
}

section.filterResults .TeaserBlock span.StartDate, section.filterResults .TeaserBlock span.EndDate, section.filterResults .TeaserBlock span.Date {
    color: #000028 !important;
}

section.MetaData .row .col span.PageType, .EventDownload span.PageType, .row .TeaserBlock span.PageType {
    color: #007993 !important;
}

section.filterResults a.more {
    color: #007993 !important;
}

section.filterResults .TeaserBlock.noPic > .inner.withBgImage .bg {
    background-color: #dfdfd9;
}

section.filterResults .TeaserBlock.noPic > .inner.withBgImage * {
    color: #000028 !important;
}

.siemens-recolor .newton-email:before {
    content: "\E910";
}

.siemens-recolor .newton-close:before {
    content: "\e90b";
}

.siemens-recolor .glyphicon-zoom-in:before {
    content: "\e916";
    color: #000028;
    font-family: "Siemens-Web-Icons-3-3-0";
}

.siemens-recolor .newton-download:before {
    content: "\E90d";
    color: #000028;
    font-family: "Siemens-Web-Icons-3-3-0";
}


.siemens-recolor .imgHolder .toolbar .newton-download {
    position: relative;
    top: 5px;
}


.siemens-recolor .newton-ext:before {
    content: "\E91D";
}

.siemens-recolor .newton-level-up:before {
    content: "\E903";
}

.siemens-recolor .newton-png:before,
.siemens-recolor .newton-jpg:before, .siemens-recolor .newton-jpeg:before {
    content: "\E91A";
}

.siemens-recolor .newton-pdf:before {
    content: "\E929";
}

.siemens-recolor .newton-mp4:before {
    content: "\E976";
}

.siemens-recolor .newton-mp3:before {
    content: "\E923";
}

.siemens-recolor .newton-xls:before, .siemens-recolor .newton-xlsx:before {
    content: "\E979";
}

.siemens-recolor .newton-ppt:before, .siemens-recolor .newton-pptx:before {
    content: "\E977";
}

.siemens-recolor .newton-doc:before, .siemens-recolor .newton-docx:before, .siemens-recolor .newton-docm:before {
    content: "\E975";
}


.siemens-recolor .newton-twitter:before {
    /*content: "\E934";*/
    background-image: url("/profiles/c2_base/themes/c2_base_theme/assets/images/twitter.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
}

.siemens-recolor ul.socialdropdown .newton-twitter:before {
    /*content: "\E934";*/
    background-image: url("/profiles/c2_base/themes/c2_base_theme/assets/images/twitter_share.svg");
}

.siemens-recolor .newton-linkedin:before {
    content: "\E920";
}

.siemens-recolor .newton-facebook:before {
    content: "\E912";
}

.siemens-recolor .newton-youtube:before {
    content: "\E937";
}

.siemens-recolor .newton-instagram:before {
    content: "\E91C";
}

.siemens-recolor .newton-PressRelease:before {
    content: "\E90C";
}

.siemens-recolor .newton-News:before {
    content: "\E906";
}

.siemens-recolor .newton-share-newton-android:before {
    content: "\E931";
}

.siemens-recolor section .shareandmore > li {
    color: #000028;
}

.siemens-recolor .newton-phone:before {
    content: "\E92A";
}

.siemens-recolor .newton-user-account:before {
    content: "\E935";
}

.siemens-recolor .newton-globe:before {
    content: "\E917";
}

.siemens-recolor .newton-search:before {
    content: "\E92F";
    color: #000028;
}

.siemens-recolor .newton-link::before {
    content: "\E903";
}

.siemens-recolor .glyphicon-link:before {
    content: "\e91f";
    font-family: "Siemens-Web-Icons-3-3-0";
}

/* social dropdowns */
.siemens-recolor section .socialdropdown {
    width: 185px;
}

    .siemens-recolor section .socialdropdown > li > a {
        padding: 7px;
    }

    .siemens-recolor section .socialdropdown:before {
        top: -4px;
    }

.siemens-recolor .fieldcontributionid {
    color: #000028;
}

.siemens-recolor .Boilerplate a.readmore {
    color: #007993;
}

    .siemens-recolor .Boilerplate a.readmore .newton-plus:before {
        content: "\E92c";
        font-size: 14px;
    }

    .siemens-recolor .Boilerplate a.readmore .newton-minus:before {
        content: "\E925";
        font-size: 14px;
    }

    .siemens-recolor .Boilerplate a.readmore .icon {
        position: relative;
        top: -4px;
    }

/* press cards */
.siemens-recolor section.filterResults .TeaserBlock > .inner {
    background-color: #f3f3f0;
}

@media (min-width: 0px) and (max-width: 768px) {
    section.container.filterResults {
        z-index: 10;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
    section.StartpageIntro .row.searchboxes .mobile.newton-search, section.StartpageIntro .presscontacts.newton-email {
        z-index: 10 !important;
    }
}

@media (max-width: 1024px) {
    .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right > li {
        margin-left: inherit;
    }

    .siemens-recolor .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right i {
        width: 40px;
    }

    .navbar.navbar-default.navbar-fixed-top .container.navbar-header-container, .navbar.navbar-default.navbar-fixed-top {
        background-color: #fff;
    }

    .nts-navbar-header-overlay {
        background-color: transparent;
    }
}

@media (min-width: 1025px) {
    .newton-PressEvent:before {
        content: "\E92D" !important;
    }

    .newton-Feature:before {
        content: "\E947" !important;
        font-family: "Siemens-Web-Icons-3-3-0" !important;
    }
}

.newton-picture:before {
    content: "\E91A" !important;
}

.newton-arrow-down-large:before {
    content: "\E90e" !important;
    color: #000028;
}

/* Headlines */
.siemens-recolor h4, .siemens-recolor .h4,
.siemens-recolor h5, .siemens-recolor .h5 {
    font-size: 20px;
    color: #000028;
    font-weight: 600;
}

/* breadcrumb */

.siemens-recolor .newton-home:before {
    content: "\E93D";
}

.siemens-recolor .nav.breadcrumb > li > a {
    font-size: 16px;
    color: #000028 !important;
}

/* goto link */
.siemens-recolor .go-to-link .go-to-text {
    color: #007993;
    font-weight: normal !important;
    text-decoration: none;
}

.siemens-recolor .go-to-link-content a {
    text-decoration: none;
}

/* navigation */

.dropdown.nts-breadcrumb-entry .dropdown-menu {
    width: 260px;
    overflow: hidden;
}

.siemens-recolor .navbar-nav .dropdown .dropdown-menu {
    background-color: #f3f3f0;
}

.siemens-recolor .nts-secondary-navigation .nts-component-linklist li:hover,
.siemens-recolor .nts-navbar-header-secondary-navigation .nts-component-linklist li:hover {
    background-color: #dfdfd9;
}

    .siemens-recolor .nts-secondary-navigation .nts-component-linklist li:hover a,
    .siemens-recolor .nts-navbar-header-secondary-navigation .nts-component-linklist li:hover a {
        color: #005159;
        text-decoration: none !important;
    }

.siemens-recolor .nts-secondary-navigation .nts-component-linklist li,
.siemens-recolor .nts-navbar-header-secondary-navigation .nts-component-linklist li {
    border-top: 1px solid #aaaa96;
}

    .siemens-recolor .nts-secondary-navigation .nts-component-linklist li:last-child,
    .siemens-recolor .nts-navbar-header-secondary-navigation .nts-component-linklist li:last-child {
        border-bottom: 1px solid #aaaa96;
    }

.nts-secondary-navigation .nts-secondary-navigation-levelup ul a.branch-link.back span {
    color: #007993;
    font-size: 32px;
    font-weight: normal;
}

    .nts-secondary-navigation .nts-secondary-navigation-levelup ul a.branch-link.back span.newton-level-up {
        position: relative;
        top: -6px;
    }

.siemens-recolor .icon-arrow-right-small:before {
    content: "\E903";
    font-family: "Siemens-Web-Icons-3-3-0";
}

.siemens-recolor .breadcrumb.nav > li > a:hover, .nav > li > a:focus {
    background-color: inherit;
}

.siemens-recolor .breadcrumb.nav > li:first-child {
    width: 65px;
}

.siemens-recolor .breadcrumb .newton-home {
    width: 30px;
}

.siemens-recolor .breadcrumb > li > ul > li > a > span {
    margin-left: 0px;
}

.siemens-recolor .breadcrumb > li > ul {
    width: auto;
}

.siemens-recolor .breadcrumb {
    margin-left: -20px;
}

    .siemens-recolor .breadcrumb > .dropdown > .dropdown-toggle::after {
        content: "";
        display: inline-block;
        font-family: simpl-icons-newton;
        font-size: 14px;
        left: 0px;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
        top: 2px;
        width: 35px;
    }

    .siemens-recolor .breadcrumb > .dropdown:hover .dropdown-toggle::after {
        content: "";
        padding: 0;
        top: 5px;
        transform: rotate( 90deg );
    }

    .siemens-recolor .breadcrumb > li > a,
    .siemens-recolor .breadcrumb > li > span.withoutA {
        background-color: transparent;
        color: #007993;
    }

.html-default-class .siemens-recolor .N6,
.dropdown.nts-breadcrumb-child-entry span {
    font-size: 16px !important;
    font-weight: 500;
}

    .html-default-class .siemens-recolor .N6:hover,
    .dropdown.nts-breadcrumb-child-entry:hover span {
        color: #000028 !important;
    }

.siemens-recolor .breadcrumb .dropdown-menu li > a:hover {
    background-color: #dfdfd9;
}

.siemens-recolor .breadcrumb .dropdown-menu li > a {
    padding: 1px 40px 0px 10px;
    line-height: 32px;
}

/* reset breadcrumb arrows */
.siemens-recolor .breadcrumb .icon-arrow-right-small:before {
    content: "";
}

.siemens-recolor .breadcrumb .icon-arrow-right-small:hover:before {
    content: "";
    font-size: 14px;
    color: #000028;
}

.siemens-recolor .breadcrumb > .dropdown > .dropdown-toggle:hover:after {
    content: "";
}

/* elements */
.siemens-recolor section.secondary {
    background: #f3f3f0;
}

.siemens-recolor section.shoutbox {
    background: #dfdfd9;
    color: #000028;
}

    .siemens-recolor section.shoutbox a {
        color: #000028;
    }

.siemens-recolor section.related-content {
    background: #dfdfd9;
    color: #000028;
}

    .siemens-recolor section.related-content .inner:not(.withBgImage) {
        background-color: #fff;
        color: #000028;
    }

.siemens-recolor .jumbotron {
    background: #dfdfd9;
    color: #000028;
}

body.siemens-recolor section.Contact .orange {
    background-color: #dfdfd9 !important;
    background-image: none;
}

    body.siemens-recolor section.Contact .orange .icon {
        margin-right: 5px;
    }

section.Contact p.department,
section.Contact p.email,
section.Contact p.phone,
section.Contact .orange span,
section.Contact .orange h3 {
    margin-bottom: 4px;
    color: #000028;
}

section.Contact div.Adress {
    color: #000028;
}

section.related-content .inner > .asset .background {
    background-color: rgba(0,0,40,0.55);
    background-blend-mode: multiply;
}

    section.related-content .inner > .asset .background:hover {
        transform: scale(1.1);
        transition: all 1500ms;
    }

section.related-content .inner > .first,
section.related-content .inner > .second {
    color: #fff;
    /*background: linear-gradient(rgba(0, 0, 40, 0.55), rgba(0, 0, 40, 0.55));*/
    /*opacity: 0.8;*/
    margin: 10px;
    padding: 0px;
    font-size: 16px;
}

section.related-content .inner > .second {
    color: #fff;
    /*background: rgba(0, 0, 40, 0.55);*/
    margin: 10px;
    text-decoration: underline;
}

section.related-content .inner .nts-teaser-routing-item-arrow {
    color: #fff;
    background: #000028;
    width: 36px;
    height: 36px;
    font-size: 16px;
    padding-top: 6px;
}

section.related-content .inner:hover .nts-teaser-routing-item-arrow {
    font-size: 20px;
    padding-top: 4px;
}

section.related-content .inner .bg {
    display: none;
}

/* link lists */
.nts-linklist ul li .icon-left, a.standalone .icon-left {
    font-size: 20px;
}

.nts-linklist-link-text {
    text-decoration: underline;
    text-underline-position: under;
    color: #007993;
}

    .nts-linklist-link-text:hover {
        color: #005159;
    }

a.A1.standalone:hover {
    color: #005159;
}

/* tables */
.siemens-recolor .ngx-datatable.newton .datatable-header,
.siemens-recolor .ngx-datatable.newton .datatable-footer {
    background-color: #e5e5e9;
}

.ngx-datatable.newton .datatable-footer .dataTables_paginate .paginate_button.current {
    background: #007993 !important;
}

.ngx-datatable.newton .datatable-footer .dataTables_paginate .paginate_button:not(.previous):not(.next):hover {
    background-color: #196269 !important;
}

/* thumbnails + link buttons */
.siemens-recoloxr .nts-teaser-routing-item,
.siemens-recolor .thumbnail {
    background-color: #f3f3f0;
}

/* quotes */
.siemens-recolor .row .quote {
    margin-bottom: 30px;
}

    .siemens-recolor .row .quote h2 {
        font-size: 48px;
        color: #000028;
        line-height: 56px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .siemens-recolor .row .quote * {
        color: #000028;
        background: transparent !important;
        -webkit-text-fill-color: inherit !important;
    }

    .siemens-recolor .row .quote span.icon {
        background: transparent !important;
        color: #9999a9;
        float: left;
        font-size: 48px;
        font-family: "simpl-icons-newton" !important;
    }

    .siemens-recolor .quote h2, .siemens-recolor .row .quote p {
        margin-left: 73px;
        margin-top: 8px;
    }

        .siemens-recolor .row .quote div.quote_content, .siemens-recolor .row .quote p.quote_from {
            margin-left: 50px;
        }

.siemens-recolor div.quote_content {
    margin-left: 50px;
    margin-top: 0px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #000028;
}

/* slick slider */

.siemens-recolor .slick-slide.fullsizepic .imgHolder {
    background-color: #f3f3f0;
    position: relative;
}

    .siemens-recolor .slick-slide.fullsizepic .imgHolder .toolbar {
        display: block;
        bottom: 10px;
        top: unset;
        left: unset;
        right: 0px;
        background: rgba(255, 255, 255, 0.75);
        height: 48px;
    }

.siemens-recolor .field--name-field-c2-ct-press-event-body .slick-slide.fullsizepic .imgHolder .toolbar {
    display: block;
    bottom: 10px;
    top: unset;
    left: unset;
    right: 0px;
    background: rgba(255, 255, 255, 0.75);
    width: unset;
    height: unset;
}

.siemens-recolor .slick-slide.fullsizepic .imgHolder .toolbar:hover {
    background: #fff;
}

.siemens-recolor .imgHolder .toolbar .glyphicon-zoom-in {
    top: 2px;
    left: -1px;
    font-size: 24px;
    color: rgba(0, 121, 147, 1);
}

.siemens-recolor .imgHolder .toolbar:hover .glyphicon-zoom-in {
    color: #005159;
}

.siemens-recolor .slick-arrow {
    background: none;
    background-color: #000028 !important;
    color: #fff;
    height: 48px;
    width: 48px;
    z-index: 101;
}

    .siemens-recolor .slick-arrow:focus,
    .siemens-recolor .slick-arrow:hover {
        background-color: #7d8099 !important;
    }

.siemens-recolor .slick-dots {
    position: inherit;
    margin: 0px;
    padding: 0px;
}

.siemens-recolor .related-content .slick-dots {
    bottom: -54px;
}

.slick-dots li {
    margin: 0 3px;
    width: auto;
}

    .slick-dots li button {
        background-color: #9999a9;
        height: 4px;
        padding: 0px;
        width: 14px;
    }

    .slick-dots li.slick-active button {
        background-color: #005159;
        width: 23px;
    }

    .slick-dots li button:before {
        content: "";
    }

.h1d, section.shoutbox h1, section.related-content h1, .h2d, section.shoutbox h2, section.related-content h2, .h3d, section.shoutbox h3, section.related-content h3, .h4d, .alert, .alert-dismissable, .alert-dismissible, section.shoutbox h4, section.related-content h4 {
    color: #000028;
}

/* buttons */
.nts-teaser-routing-item .A4 {
    font-size: 20px;
    line-height: 20px;
    color: #000028;
}

.btn.btn-success {
    background: #007993;
    border: none;
}

    .btn.btn-success:hover {
        background: #196269;
    }

.btn.btn-primary {
    background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%);
    border: 1px;
    color: #000028;
}

    .btn.btn-primary:hover {
        background: #c2ffee;
    }

/* default button */
.btn.btn-default {
    background: #fff;
    color: #007993;
    border: #007993;
}

.siemens-recolor .btn.btn-danger {
    background: #ff7687;
}

    .siemens-recolor .btn.btn-danger:hover {
        background: #fcccd7;
    }

.btn.btn-default:hover, .btn.btn-default:hover * {
    background: #c2ffee;
    color: #000;
    border-color: #000;
}

    .btn.btn-default:hover * {
        border: none;
    }

.siemens-recolor section.shoutbox .btn.btn-default {
    background: transparent;
    border-color: #000028;
    color: #000028;
}

.siemens-recolor section.shoutbox .btn-success {
    color: #fff;
}

.siemens-recolor .nts-teaser-routing-item {
    #background: #f3f3f0;
}

.nts-teaser-routing-item.nts-teaser-routing-title-only.btn.btn-default a.btn div,
.nts-teaser-routing-item.nts-teaser-routing-title-only.btn.btn-default div.nts-teaser-routing-item-text {
    /*color: #007993 !important;*/
    color: #007993;
}

.nts-teaser-routing-item.nts-teaser-routing-title-only.btn {
    padding-top: 0px;
    margin-top: 0px;
    border: none;
}

.nts-teaser-routing-item.nts-teaser-routing-title-only {
    width: 240px;
    height: 64px;
}

    .nts-teaser-routing-item.nts-teaser-routing-title-only.btn.withText {
        width: 100%;
        height: inherit;
    }

        .nts-teaser-routing-item.nts-teaser-routing-title-only.btn.withText.btn-danger {
            margin-top: 0px;
        }

    .nts-teaser-routing-item.nts-teaser-routing-title-only.btn * {
        text-align: center;
    }

    .nts-teaser-routing-item.nts-teaser-routing-title-only.btn.withText * {
        text-align: left;
    }

    .nts-teaser-routing-item.nts-teaser-routing-title-only.btn-default {
        border: 1px solid #007993;
    }

    .nts-teaser-routing-item.nts-teaser-routing-title-only.btn.btn-primary a.btn div,
    .nts-teaser-routing-item.nts-teaser-routing-title-only.btn.btn-primary div.nts-teaser-routing-item-text {
        color: #000028;
    }

.siemens-recolor .btn.withText:not(.btn-danger) {
    background: #f3f3f0;
    color: #000028;
}

/*
.siemens-recolor .nts-teaser-routing-item.nts-teaser-routing-title-only.btn:not(.btn-default):not(.btn-link):not(.btn-danger) * {
  color: #000028;
  padding: 4px 6px;
}
*/
.siemens-recolor .nts-teaser-routing-item.nts-teaser-routing-title-only.btn a.btn.btn-lg {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.nts-teaser-routing-item.withText .nts-teaser-routing-item-arrow,
.nts-teaser-routing-item.nts-teaser-routing-title-only .nts-teaser-routing-item-arrow {
    display: none;
}

.go-to-link .go-to-text {
    font-size: 32px;
    color: #007293
}

/* footer */
.footer {
    background: #f3f3f0;
}

    .footer ul > li > a,
    .footer ul > li > a > span {
        font-weight: bold;
        color: #000028;
        text-decoration: none;
    }

        .footer ul > li > a:hover,
        .footer ul > li > a:hover > span {
            color: #005159;
            text-decoration: none;
        }

.siemens-recolor .footer h4, .siemens-recolor .footer h4.secondLink a span {
    color: #000028;
}

.footer a.a3, .footer .p3 {
    color: #000028;
    font-size: 16px;
}

.footer__misc a span[class*='newton-'] {
    font-size: 22px !important;
    margin-right: 8px;
    color: #000028;
}

.footer__wrapper .footer__misc a:link, .footer__misc a:visited, .footer__misc a {
    color: #000028 !important;
}

/* video */
.video-js.video-js .vjs-big-play-button {
    background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%) !important;
    height: 64px;
    width: 64px;
    color: #000028;
    margin-top: -26px !important;
}

.video-js .vjs-big-play-button:hover {
    background-color: #62eec7 !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: "\f101";
    top: -2px;
}

/* Accordion */
section .Accordion h2 .glyphicon.icon {
    font-size: 18px !important;
    color: #000028;
    opacity: 1;
    transition: unset;
    font-family: "Siemens-Web-Icons-3-3-0" !important;
}

section.related-content .Accordion,
section.related-content .Accordion h2,
section.related-content .Accordion h2.ui-state-hover,
section.related-content .Accordion h2.ui-state-active,
section.related-content .Accordion *:not(.tgx3element),
section.related-content .Accordion *:not(.tgx3element):hover,
section.related-content .Accordion *:not(.tgx3element):active,
.siemens-recolor section .Accordion h2 {
    color: #000028;
    border-color: #000028;
    font-size: 16px;
}

.siemens-recolor section .Accordion {
    border-bottom: 1px solid #000028;
}

section .Accordion h2[aria-expanded=true] .glyphicon.icon {
    transform: none;
}

section .Accordion h2 .glyphicon.icon:before {
    content: "\e92c";
}

section .Accordion h2[aria-expanded=true] .glyphicon.icon:before {
    content: "\e925";
}

section .Accordion h2:hover {
    background: #c2ffee;
}

siemens-recolor .ui-widget {
    font-family: SiemensSans, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* tabs */
ul.nav-justified.ui-tabs-nav {
    border-bottom: unset !important;
}

.nav-tabs.nav-justified > li:not(.ui-state-active) {
    border-bottom: 1px solid #000028 !important;
}

    .nav-tabs.nav-justified > li:not(.ui-state-active) > a,
    .nav-tabs.nav-justified > li,
    ul.nav-justified.ui-tabs-nav {
        background: transparent !important;
    }

        .nav-tabs.nav-justified > li > a {
            border-radius: unset;
            border: unset !important;
        }

.nav-tabs > li.ui-state-active {
    border-left: 1px solid #000028 !important;
    border-top: 1px solid #000028 !important;
    border-right: 1px solid #000028 !important;
}

    .nav-tabs > li.ui-state-active > a, .nav-tabs > li.ui-state-active > a:hover, .nav-tabs > li.ui-state-active.ui-state-hover > a, .nav-tabs > li.ui-state-active > a:focus, .nav-tabs > li.ui-state-active.ui-state-focus > a {
        background: #d1fff2 !important;
        border: 4px solid #fff !important;
        border-radius:50%;
    }

    .nav-tabs > li.ui-state-active > a,
    .nav-tabs > li.ui-state-focus > a {
        background: #fff !important;
        border: 4px solid #fff !important;
        color: #000028 !important;
    }

.nav-tabs > li.ui-state-default > a {
    background: #fff !important;
    border: 4px solid #fff !important;
    color: #000028 !important;
}

.nav-tabs > li:not(.ui-state-active) > a:hover {
    background: #d1fff2 !important;
    /*border: 4px solid #fff !important;*/
    border-radius: 4px;
}

.tab-container.inpage li.ui-state-active a.nav-link.ui-tabs-anchor > h4 {
    color: #000028;
}

.tab-container.inpage a.nav-link.ui-tabs-anchor > h4 {
    font-size: 16px;
    color: #000028;
    font-weight: 700;
}

.nav-tabs.nav-justified > li.ui-tabs-active:after {
    right: 0px;
    z-index: 2;
    border: none;
}

.tab-content > .tab-pane {
    border-top: none;
}

@media (max-width: 1024px) {
    .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right > li > button.navbar-search-button.navbar-toggle, .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right > li > button.navbar-search-button.navbar-toggle:focus {
        background-color: transparent;
        color: #000028;
    }

    .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right > li > button.collapsed {
        background-color: transparent;
    }

    .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right > li > button .icon-bar {
        height: 3px;
        background-color: #000028;
    }

    body.siemens-recolor .navbar.navbar-default.navbar-fixed-top ul.navbar-nav.navbar-right {
        margin-top: unset;
    }
}

/* default button */
.btn.btn-default {
    border: 1px solid #007993 !important;
    color: #007993 !important;
    background: #fff;
}


/* primary button */
.btn.btn-primary, section.shoutbox .btn.btn-primary, section.related-content .btn.btn-primary {
    background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%);
    border: 1px solid #c2ffee !important;
    color: #000 !important;
}

    .btn.btn-primary *, section.shoutbox .btn.btn-primary *, section.related-content .btn.btn-primary * {
        background: transparent !important;
        color: inherit !important;
    }

/* success button */
.btn.btn-success {
    border: 1px solid #007993;
    color: #fff !important;
    background: #007993;
}

    .btn.btn-success .A4 {
        color: #fff !important;
    }

    .btn.btn-success:hover {
        border: 1px solid #196269 !important;
        color: #fff !important;
        background: #196269 !important;
    }

/* info button */
.btn.btn-info {
    border: 1px solid #000 !important;
    color: #000 !important;
    /*background: transparent;*/
}

/* warning button */
.btn.btn-warning {
    border: 1px solid #dfdfd9;
    color: #000 !important;
    background: #dfdfd9;
}

section.related-content .btn.btn-warning {
    border: 1px solid #EBEBEB !important;
    color: #000 !important;
    background: #EBEBEB !important;
}
/* danger button */
.btn.btn-danger {
    background: #ff7687 !important;
    color: #000 !important;
    border: 1px solid #ff7687 !important;
}

    .btn.btn-danger:hover {
        background: #fcccd7 !important;
        border: 1px solid #fcccd7 !important;
    }

/* link button */
.btn.btn-link, .btn.btn-link * {
    border: none;
    color: #007993 !important;
    background: transparent !important;
}

    .btn.btn-link:hover {
        text-decoration: inherit !important;
        text-decoration: underline !important;
    }

    .btn.btn-link a:hover {
        text-decoration: inherit !important;
        text-decoration: underline !important;
    }

.btn.btn-default:hover,
.btn.btn-primary:hover,
.btn.btn-info:hover,
.btn.btn-warning:hover,
section.related-content .btn.btn-warning:hover {
    border: 1px solid #c2ffee !important;
    color: #000 !important;
    background: #c2ffee !important;
}

.btn.btn-default *
.btn.btn-primary *,
.btn.btn-info *,
.btn.btn-primary *,
.btn.btn-danger *,
.btn.btn-danger *:hover,
.btn.btn-default *:hover,
.btn.btn-primary *:hover,
.btn.btn-info *:hover,
.btn.btn-primary *:hover,
.btn.btn-hero *:hover,
section.shoutbox .btn.btn-primary *:hover,
section.related-content .btn.btn-primary*:hover {
    background: inherit !important;
    color: inherit !important;
    border: none !important
}