:root {

    --white: rgb(255, 255, 255);
    --grayExtraLight: rgb(200,200,200);
    --grayLight: rgb(154, 157, 160);
    --grayMedium: rgb(87, 92, 97);
    --grayDark: rgb(46, 48, 51);
    --grayText: rgb(27, 27, 26);
    --black: rgb(0, 0, 0);
    --blue: rgb(0, 93, 185);
}

* {
    font-family: 'Fira Sans';
    box-sizing: border-box;
    font-weight: 400;
}

.headerStandard *, .bgGrayDark *, .bgGrayMedium *{
    color: var(--white)!important;
}

.headerStandard h3{
    border-bottom: none !important;
    display: block !important;
}

h1,
h1 span {
    font-size: 2.625rem;
    line-height: 1.3;
    font-weight: 500;
    color: var(--black);
}

.divHeaderAllgemein h1 {
    text-transform: uppercase;
}

h2,
h2 span {
    font-size: 2.000rem;
    line-height: 1.3;
    font-weight: 500;
    text-transform: inherit;
    color: var(--black);
    margin-bottom: 1.5rem;
}

h3,
h3 span
.h3special {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--black);
    border-bottom: 2px solid var(--black);
    display: inline-block;
    margin-bottom: 1rem !important;
}

.h3special {
    display: block;
    padding-bottom: 5px;
    border-bottom: 3px solid var(--black) !important;
    color: var(--black) !important;
}


.ce-bodytext .h3special {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--black) ;
    border-bottom: 3px solid var(--black);
}

#divHeader h3{
    border-bottom: none !important;
    display: block !important;

}

.bgGrayMedium h3,
.bgGrayDark h3{
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.divHeaderAllgemein h3{
    display: block !important;
    border-bottom: none !important;
}

.ce-intext .ce-bodytext {
    padding-left: 80px;
}

.ce-nowrap .ce-bodytext {
    padding-left: 10px !important;
}

h4 {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--black);
}

h5 {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--black);
}

.hInnterTextBlue {
    font-size: 1rem;
    font-weight: 400;
    color: var(--black);
    text-transform: none;
}

p {
    font-family: 'Fira Sans';
    font-size: 1.000rem;
    font-weight: 400;
    line-height: 1.5;
    color: #272727;
    text-rendering: optimizeLegibility;
	margin-top: 0;
}

sup{
	font-size: 100% !important;
	top: 0.35em !important;
	position: relative !important;
}

.pBlue {
    color: rgb(0, 93, 185) !important;
}

.pXS {
    font-size: 0.75rem !important;
    line-height: 1.3;
}

.pS {
    font-size: 0.875rem;
    line-height: 1.3;
}

.pR {
    font-size: 1.00rem;
    line-height: 1.3;
}

.pL,
.pBlueL {
    font-size: 1.25rem;
    line-height: 1.3;
}

.pXL,
.pBlueXL {
    font-size: 1.5rem;
    line-height: 1.3;
}

.pXXL,
.pBlueXXL {
    font-size: 2rem;
    line-height: 1.3;
}

.pBlueL,
.pBlueXL,
.pBlueXXL {
    color: var(--black);
}

.pBlueUpR {
    font-family: 'Fira Sans';
    font-size: 1.00rem;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--black) !important;
    text-rendering: optimizeLegibility;
}

.ce-bodytext.pBlueUpL {
    padding-top: 20px;
    margin-bottom: 0;
}

.ce-bodytext.pBlue {
    margin-top: 0;
}

.pBlueUpL,
.pBlueUpL a {
    font-family: 'Fira Sans';
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--black) !important;
    text-rendering: optimizeLegibility;
}

.pBlueUpXL,
.pBlueUpXL a {
    font-family: 'Fira Sans';
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--black) !important;
    text-rendering: optimizeLegibility;
}

.pJobs {
    font-size: 1.125rem;
    color: var(--black) !important;
    font-weight: 500;
}

a,
a:hover {
    color: var(--black);
    text-decoration: none;
    cursor: pointer;
    font-size: 1.000rem;
    font-weight: 400;
    line-height: 1.5;
	text-decoration: underline;
}


h1 .spanTransNone,
h2 .spanTransNone,
h3 .spanTransNone {
    text-transform: none !important;
    font-weight: 500;
}


span.spanTransNone {
    text-transform: none !important;
}

hr{
    border: 1px solid rgb(229, 229, 229);
    opacity: 1 !important;
}

.bgGrayDark hr {
    border: 1px solid rgb(255,255,255) !important;
    opacity: 1 !important;
}


.transformNone {
    text-transform: none !important;
}

.ulNoListStyle {
    list-style-type: disc;
    margin: 0;
    padding: 0 20px 20px 20px;
}

.olNoListStyle {
    list-style-type: decimal;
    margin: 0;
    padding: 0 20px 20px 20px;
}

.ulNoListStyle,
.olNoListStyle {
    list-style: none !important;
}

.ulDownload,
.ulCheck {
    padding-left: 30px;
    list-style: none;
}

.ulCheck li,
.ulDownload li {
    background-image: url(../../../../../../fileadmin/user_upload/icons/allgemein/Icon_blue_download.svg);
    padding-left: 40px;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

.ulCheck li {
    background-image: url(../../../../../../fileadmin/user_upload/icons/allgemein/Icon-blau-check-kreis.svg);
}

li.liMail {
    background-image: url(../../../../../../fileadmin/user_upload/icons/allgemein/Icon-blau-umschlag-kreis.svg);
    padding-left: 40px;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

li.liTel {
    background-image: url(../../../../../../fileadmin/user_upload/icons/allgemein/Icon-blau-telefon-kreis.svg);
    padding-left: 40px;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}


/***
*** Button ****
**************/

.btn,
.btn:hover {
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 1.125rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: all;
    text-transform: uppercase;
    background-origin: border-box;
    font-weight: 500;
    background-image: none !important;
}

.btnBlue,
.btn-primary,
.btnStellenanzeigen {
    color: rgb(255,255,255) !important;
    border: 1px solid var(--black);
    background-color: var(--black);
    border-radius: 5px;
}

.btnBlue:hover,
.btn-primary:hover,
.btnbtnStellenanzeigen:hover {
    color: var(--black) !important;
    border: 1px solid var(--black);
    background-color: rgb(255,255,255);
    border-radius: 5px;
}

.btnStellenanzeigen {
    margin-top: 10px;
}

.btnBlack {
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(0, 0, 0);
    background-color: rgb(0, 0, 0);
    border-radius: 5px;
    margin-top: 15px;
}

.btnBlack:hover {
    background-color: var(--white);
    border: 1px solid rgb(0, 0, 0);
    color: var(--black) !important;
    border-radius: 5px;
    margin-top: 15px;
}

.btnGrayDark {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(87, 92, 97);
    border: 1px solid rgb(87, 92, 97);
    border-radius: 5px;
}

.btnBrayDark:hover {
    background-color: rgb(87, 92, 97);
    border: 1px solid rgb(87, 92, 97);
    color: rgb(255, 255, 255) !important;
    border-radius: 5px;
}