@font-face {
    font-family: "Siemens Sans Roman";
    src: url('../Fonts/SiemensSans_Prof_Bold.ttf') format('truetype');
    src: url('../Fonts/SiemensSans_Prof_Bold.woff') format('woff');
    font-stretch: normal;
    font-style: normal;
}

@font-face {
    font-family: "Siemens Sans Bold";
    src: url('../Fonts/SiemensSans_Prof_Bold.ttf') format('truetype');
    src: url('../Fonts/SiemensSans_Prof_Bold.woff') format('woff');
    font-stretch: normal;
    font-style: normal;
}

/* Default */
* {
    font-family: "Siemens Sans Roman", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
}

/* Headlines */
.h1 {
    font-family: "Siemens Sans Roman", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 46px;
    line-height: 52px;
    color: var(--newton-text-color-dark-stone);
}

.h1d {
    font-family: "Siemens Sans Roman", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 46px;
    line-height: 52px;
    color: var(--newton-text-color-white);
}

@media only screen and (max-width: 767px) {
    .h1, .h1d {
        font-size: 36px;
        line-height: 42px;
    }
}

.h2 {
    font-family: "Siemens Sans Bold", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 30px;
    line-height: 36px;
    color: #2d373c;
}

.h2d {
    font-family: "Siemens Sans Bold", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 30px;
    line-height: 36px;
    color: var(--newton-text-color-white);
}

@media only screen and (max-width: 767px) {
    .h2, .h2d {
        font-size: 30px;
        line-height: 36px;
    }
}

.h3 {
    font-family: "Siemens Sans Roman", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #2d373c;
}

.h3d {
    font-family: "Siemens Sans Roman", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: var(--newton-text-color-white);
}

@media only screen and (max-width: 767px) {
    .h3, .h3d {
        font-size: 30px;
        line-height: 36px;
    }
}

.h4 {
    font-family: "Siemens Sans Bold", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #2d373c;
}

.h4d {
    font-family: "Siemens Sans Bold", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: var(--newton-text-color-white);
}

@media only screen and (max-width: 767px) {
    .h4, .h4d {
        font-size: 24px;
        line-height: 30px;
    }
}

/* Anchor */
.h1 {
    font-family: "Siemens Sans Roman", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 46px;
    line-height: 52px;
    color: var(--newton-text-color-dark-stone);
}

.a1 {
    font-family: "Siemens Sans Roman", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    color: var(--newton-text-color-dark-stone-additional);
    font-size: 14px;
    line-height: 20px;
}

.a2 {
    font-family: "Siemens Sans Bold", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: var(--newton-text-color-dark-stone);
}

    .a2:hover, a2:active {
        cursor: pointer;
        text-decoration: underline;
        border-bottom: var(--newton-element-active-hover-link-color) solid 1px;
    }

.p3 {
    font-family: "Siemens Sans Roman", Arial, "Helvetica Neue", Helvetica, "San Francisco", Robot, sans-serif;
    color: var(--newton-text-color-dark-stone-additional-light);
    font-size: 14px;
    line-height: 20px;
}

.a3:hover {
    color: var(--newton-element-active-hover-link-color);
    text-decoration: underline;
}

.a3:active {
    color: var(--newton-element-active-hover-link-color);
}

.a3:visited {
    color: var(--newton-text-color-dark-stone-additional);
}