/* @import url('https://fonts.googleapis.com/css?family=Droid+Sans:400, 700'); */
@import url('/typo3conf/ext/site_package/Resources/Public/Css/webfont-iconfont-piller.css');
@font-face {
    font-family: 'Droid Sans';
    font-display: swap;
    src:
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Droid Sans/Droid_Sans_Regular.woff2') format('woff2'),
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Droid Sans/Droid_Sans_Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Droid Sans';
    font-display: swap;
    src:
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Droid Sans/Droid_Sans_Bold.woff2') format('woff2'),
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Droid Sans/Droid_Sans_Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger 55';
    font-display: swap;
    src:
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Frutiger-55-Roman/Frutiger-55-Roman.woff2') format('woff2'),
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Frutiger-55-Roman/Frutiger-55-Roman.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: 
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Montserrat/montserrat-v31-latin_latin-ext-regular.woff2') format('woff2'),
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Montserrat/montserrat-v31-latin_latin-ext-regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: 
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Montserrat/montserrat-v31-latin_latin-ext-700.woff2') format('woff2'),
        url('/typo3conf/ext/site_package/Resources/Public/Webfonts/Montserrat/montserrat-v31-latin_latin-ext-700.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}

:root:root {
    --ck-style-panel-columns: 3 !important;
    --ck-style-panel-button-width: 220px;
}

.ck-content {
    line-height: 22px;
    font-size: 14px;
}

.ck-content * {
    font-family: 'Montserrat', sans-serif;
}

.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler {
    font-size: 0;
    line-height: 0;
    position: relative;
    background-color: #db0843 !important;
    color: #fff !important;
    border-color: #db0843 !important;
    border-radius: 1px;
    padding: 0 10px 0 34px;
}

.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler:before {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(/fileadmin/media/logos-and-icons/icons/mail-icon-white.png) no-repeat center center;
    background-size: contain;
}

.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler::after {
    content: 'Kontaktformular';
    font-size: 14px;
    line-height: 28px;
}

.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler.dataType-service::after {
    content: 'Kontaktformular: Services';
}
.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler.dataType-Z002::after {
    content: 'Kontaktformular: Produkte';
}
.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler.dataType-Z003::after {
    content: 'Kontaktformular: Ersatzteile';
}
.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler.dataType-MSSR::after {
    content: 'Kontaktformular: Prozessintegration';
}
.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler.dataType-career::after {
    content: 'Kontaktformular: Karriere';
}
.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler.dataType-apprenticeship::after {
    content: 'Kontaktformular: Ausbildung';
}
.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler.dataType-procurement::after {
    content: 'Kontaktformular: Einkauf';
}
.ck.ck-style-grid__button__preview.ck-content a.btn.contactFormToggler.dataType-general::after {
    content: 'Kontaktformular: Generelles';
}

.ck.ck-button span.ck-list-item-button__check-holder {
    min-width: 20px !important;
    font-size: 24px !important;
    margin: 0 10px 0 10px !important;
}

.ck.ck-button.ck-paragraph span,
.ck-content p {
    font-size: 14px;
    margin-bottom: 22px;
}
.ck.ck-button.ck-paragraph span {
    padding: 0;
    margin: 10px 0 10px 0;
}

.ck.ck-button.ck-heading2 span,
.ck-content h2 {
    font-family: 'Montserrat', sans-serif !important;
    color: #00519e;
    text-transform: none;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    padding: 0;
    margin: 10px 0 10px 0;
}
.ck-content h2 {
    margin: 70px 0 33px 0;
}

.ck.ck-button.ck-heading3 span,
.ck-content h3 {
    font-family: 'Montserrat', sans-serif !important;
    color: #00519e;
    font-size: 19px;
    line-height: 28px;
    font-weight: 100;
    padding: 0;
    margin: 10px 0 10px 0;
}
.ck-content h3 {
    margin: 25px 0 20px 0;
}

.ck-content .text-blue {
    color: #00519E;
}

.ck-content a {
    color: #00519e;
    text-decoration: none;
}

.ck-content a:hover {
    text-decoration: none;
}

.ck-content a:not(.btn):not(.arrowLink):not(.noArrow):not(.mail):not(.contactFormToggler):not(.cookieConsentRevoke)::after {
    font-family: 'iconfont-piller' !important;
    content: "\e905";
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

.ck-content a.btn.btn-primary {
    background-color: #00519E !important;
    color: #fff !important;
    border-color: #00519E !important;
    border-radius: 1px;
    padding: 6px 6px 6px 10px;
}
.ck-content a.btn-primary::after {
    content: "\e905";
    font-family: 'iconfont-piller' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 3px;
    font-size: 18px;
    position: relative;
    font-weight: bold;
    top: 0;
    color: #fff;
}

.ck-content a.btn.contactFormToggler {
    position: relative;
    background-color: #db0843 !important;
    color: #fff !important;
    border-color: #db0843 !important;
    border-radius: 1px;
    padding: 0 10px 0 34px;
}

.ck-content a.btn.contactFormToggler:before {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(/fileadmin/media/logos-and-icons/icons/mail-icon-white.png) no-repeat center center;
    background-size: contain;
}

.ck-content ul, ol {
    padding: 0;
    margin: 0;
    text-align: left;
}

.ck-content ul {
    margin: 14px 0 14px 14px;
}

.ck-content ul {
    list-style-type: square;
}

.ck-content ul ul {
    list-style-type: circle;
    margin-top: 0;
}

.ck-content ul ul ul {
    list-style-type: none;
    margin-top: 0
}

.ck-content ol li {
    list-style-position: inside;
}

.ck-content a:has(> img:only-child):after {
    content: none !important;
}