/* Homepage */

.imgSubtitle {
    margin-top: 10px;
    margin-bottom: 20px;
}

.remark-heading {
    color: #252e54;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 20px;
}

p {
    /*font-family: 'Roboto Slab' !important;*/
}

@media (min-width: 1400px) {
    #mainNav {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 1400px) {
    #mainNav {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}

#fertig {
    font-size: 28px !important;
    color: #252e54 !important;
}

@media (min-width:1024px) {
    #fertig {
        font-size: 36px;
        line-height: 26px;
        margin-top: 60px;
    }
}

@media (min-width:992px) {
    #fertig {
        font-size: 36px;
        line-height: 26px;
        margin-top: 60px;
    }
}

@media (min-width:769px) {
    #fertig {
        font-size: 32px;
        line-height: 26px;
        margin-top: 54px;
    }
}

#gettingFertig {
    font-size: 24px !important;
    color: rgb(19,42,21) !important;
    margin-top: 28px;
}

@media (min-width: 992px) {
    #gettingFertig {
        font-size: 22px;
        color: rgb(98,95,37);
        margin-top: 20px;
    }
}

#gettingReady {
    font-size: 22px !important;
    color: #252e54;
    font-size: 18px;
    line-height: 24px;
}

@media (max-width: 768px) {
    #gettingLastItemDiv {
        position: relative;
    }
}

#mehrInfo {
    color: #132a15 !important;
    font-size: 18px;
    padding: 20px 20px 20px 20px !important;
}

@media (max-width: 768px) {
    #mehrInfo {
        color: #132a15 !important;
        font-size: 16px !important;
        padding: 16px 20px 16px 20px !important;
    }
}

dialogInfo {
    color: #132a15 !important;
    font-size: 16px;
    padding: 20px 20px;
}

@media (min-width: 768px) {
    dialogInfo {
        color: #132a15 !important;
        font-size: 24px;
    }
}

@media (min-width: 768px) {
    dialogInfo {
        color: #132a15 !important;
        font-size: 18px;
        height: 69px;
    }
}

.timeline-Image-gettingStarted {
    position: unset !important;
    background-color: rgb(82,242,79) !important;
    margin-left: 0px !important;
}

#fertigLos {
    color: #252e54;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.greenButton {
    color: rgb(19,42,21) !important;
    background-color: rgb(82,242,79) !important;
    max-height: 69px !important;
}

    .greenButton:hover {
        color: #103218 !important;
        background-color: #69fc5c !important;
    }

    .greenButton:focus {
        outline: none !important;
        box-shadow: 0 0 0 .2rem rgba(82,242,79,.25);
    }

.dialog-section-heading {
    margin-top: 20px !important;
}

@media (min-width: 1024px) {
    .dialog-section-heading {
        margin-top: 30px !important;
    }
}

.section-heading {
    margin-top: 50px !important;
    margin-bottom: 30px !important;
    color: #252e54 !important;
}

@media (min-width: 1024px) {
    .section-heading {
        margin-top: 50px !important;
    }
}

.section-subheading {
    color: #252e54 !important;
}

section {
    padding: 50px 0;
}

.section-paragraph {
    /*font-family: Roboto, sans-serif;*/
    margin-top: 0px;
    margin-bottom: 10px !important;
}

#team {
    background-color: #e1e4e8 !important;
}

#team2 {
    background-color: #e1e4e8 !important;
}

#wedelInfo {
    margin-top: 20px;
    margin-bottom: 40px;
}

#titleSpan {
    font-size: 42px;
    text-shadow: 0 6px 30px rgba(0,0,0,0.75);
}

@media (max-width: 420px) {
    #titleSpan {
        font-size: 32px;
    }
}

@media (min-width: 768px) {
    #titleSpan {
        font-size: 52px;
    }
}

#unifiedSpan {
    font-size: 40px;
    text-shadow: 0 6px 30px rgba(0,0,0,0.5);
}

@media (min-width: 1024px) {
    #titleText {
        width: 600px;
    }
}

#unsereLoesung {
    color: rgb(98,95,37);
}

#sendMessageButton {
    color: rgb(98,95,37);
}

.dropdownLinkHeader {
    text-decoration: none;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 100 !important;
    color: rgb(255,255,255) !important;
    font-size: 14.4px;
    border-style: none;
    outline: none !important;
    padding: 20px 12px 20px 12px;
}

@media (max-width: 1400px) {
    .dropdownLinkHeader {
        padding: 20px 12px 20px 0px;
    }
}

.dropdownLinkHeader:focus {
    text-decoration: none;
    border-style: none;
    outline: none !important;
    box-shadow: none !important;
}

.dropdownLinkHeader:hover {
    color: rgb(254,209,54) !important;
    text-decoration: none;
    cursor: pointer;
}

.dropdownLinkHeader:focus {
    outline: none;
}

#unsLink:after {
    display: none;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

#logo {
    margin-right: 16px;
}

#loginText {
    text-decoration: none;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: rgb(255,255,255);
    font-size: 12px;
    padding: 15.84px 14.4px;
    border-style: none;
    padding-right: 6px;
    padding-left: 6px;
    margin-right: 6px;
}

#loggedInText {
    text-decoration: none;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #ffffff;
    border-style: none;
    padding-right: 6px;
    padding-left: 6px;
    font-weight: normal;
    cursor: pointer;
    font-size: 12px;
    padding-bottom: 10px;
    margin-right: 6px;
    margin-top: -1px !important;
}

#deText_de {
    text-decoration: none;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: rgb(254,209,54) !important;
    font-size: 12px;
    padding: 15.84px 14.4px;
    border-style: none;
    padding-right: 4px;
}

#enText_de {
    text-decoration: none;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: rgb(255,255,255);
    font-size: 12px;
    padding: 15.84px 14.4px;
    border-style: none;
    padding-right: 4px;
}

#deText_en {
    text-decoration: none;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: rgb(255,255,255);
    font-size: 12px;
    padding: 15.84px 14.4px;
    border-style: none;
    padding-right: 4px;
}

#enText_en {
    text-decoration: none;
    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: rgb(254,209,54) !important;
    font-size: 12px;
    padding: 15.84px 14.4px;
    border-style: none;
    padding-right: 4px;
}

#deText_de:hover {
    color: rgb(254,209,54) !important;
    text-decoration: none;
}

#deText_de:hover {
    color: rgb(254,209,54) !important;
    text-decoration: none;
}

#deText_en:hover {
    color: rgb(254,209,54) !important;
    text-decoration: none;
}

#enText_en:hover {
    color: rgb(254,209,54) !important;
    text-decoration: none;
}

#loginText:hover {
    color: rgb(254,209,54) !important;
    text-decoration: none;
}

#loggedInText:hover {
    color: rgb(254,209,54) !important;
    text-decoration: none;
}

/* Falls nicht bei "-" umgebrochen werden soll Hyphen ‑ statt "-" verwenden */

/* Moechte man bei zu langen Wörter einen Umbruch erzwingen dann an der Bruchstell ­ einfügen */

/* 2024 sectio-heading für kleine Displays bis 420px auf 36px reduziert */

@media (max-width: 420px) {
    .text-uppercase.section-heading {
        /*font-size: xx-large;*/
        font-size: 36px !important;
    }
}

#mainNav {
    background-color: rgba(0,0,20,0.5) !important;
    padding-bottom: 14px;
    padding-top: 16px;
}

    #mainNav.navbar-shrink {
        padding-bottom: 10px;
        padding-top: 15px;
    }

@media (max-width: 1400px) {
    #mainNav.navbar-shrink {
        padding-bottom: 20px;
        padding-top: 26px;
    }
}

#mainNav.navbar-shrink img {
    width: 50px;
    height: 50px;
}

#mainNav .navbar-toggler {
    margin-top: 16px !important;
    outline: none !important;
    box-shadow: 0 0 0 0;
}

.subsection-heading {
    margin-top: 20px;
    color: #252e54 !important;
}

@media (max-width: 768px) {
    .subsection-heading {
        font-size: 20px;
    }
}

.adapterTitle {
    color: #252e54 !important;
    margin-bottom: 10px;
}

.appList {
    color: #252e54 !important;
    margin-bottom: 10px;
}

@media (max-width: 728px) {
    .appList {
        font-size: 20px;
    }
}

#loginBereich {
    margin-top: 6px !important;
    padding-right: 10px !important;
}

#serverLoginBereich {
    margin-top: 6px !important;
    padding-right: 10px !important;
}

.circleIconFeature {
    font-size: 36px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 0px;
    font-size: 28px;
    color: rgb(66,164,254);
}

@media (min-width: 441px) {
    .circleIconFeature {
        font-size: 36px;
        padding-top: 10px;
        padding-bottom: 0px;
        padding-left: 12px;
        padding-right: 0px;
        font-size: 28px;
        color: rgb(66,164,254);
    }
}

#gettingLastItem {
    margin-bottom: 20px;
}

@media (min-width: 1400px) {
    #navbarResponsive li:hover .dropdown-menu {
        display: block;
        top: 50px !important;
    }
}

@media (min-width: 1400px) {
    #navbarResponsive .dropdown-menu {
        display: none;
        margin-top: 2px !important;
    }
}

.menueItemDropdown:hover {
    background-color: rgba(37,46,84,0.1);
}

.menueItemDropdownSub {
    margin-left: 10px;
    width: 220px;
}

.doubleFooterContainer {
    max-width: 100%;
}

.footerLinks {
    margin-right: 4px;
    color: rgb(255,255,255);
    text-decoration: none;
}

    .footerLinks:hover {
        margin-right: 4px;
        color: rgb(255,255,255);
        text-decoration: underline;
    }

@media (width: 736px) {
    .teamText {
        min-width: 66%;
    }
}

@media (width: 667px) {
    .teamText {
        min-width: 66%;
    }
}

#importantForParallax div {
    background-size: cover !important;
}

@media (min-width: 1490px) {
    #importantForParallax div {
        background-size: contain !important;
    }
}

/* Subpages */

.headerUnifiedESubpage {
    /*margin-top: 0px !important;*/
    height: 768px;
    padding-top: 130px;
}

@media (max-width: 1024px) {
    .headerUnifiedESubpage {
        height: 487px;
        padding-top: 100px;
    }
}

@media (max-width: 1024px) {
    #appDesignerImg {
        margin-top: unset !important;
    }
}

@media (max-width: 1024px) {
    #appManagerImg {
        margin-bottom: unset !important;
    }
}

@media (max-width: 1024px) {
    .featuresImg {
        height: 487px !important;
        margin-bottom: unset !important;
        padding-top: 80px;
    }
}

#divUnifiedSoftware {
    margin-top: 70px;
    margin-right: 0px;
    margin-left: 0px;
}

@media (max-width: 1024px) {
    #divUnifiedSoftware {
        margin-top: 0px !important;
    }
}

#divAppManagerSoftware {
    margin-top: 70px;
    margin-right: 0px;
    margin-left: 0px;
}

@media (max-width: 1024px) {
    #divAppManagerSoftware {
        margin-top: 0px !important;
    }
}

#divLinkUnifiedVideo {
    margin-top: 30px;
}

#linkUnifiedVideo {
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-decoration: none !important;
    padding-right: 10px;
}

#iconVideo:hover {
    text-decoration: none !important;
}

.unifiedPageHeadline {
    font-size: 28px;
    font-weight: bold;
    text-shadow: 0 6px 30px rgba(0,0,0,0.5);
}

    .unifiedPageHeadline.shadowDarker {
        text-shadow: 0 6px 30px rgba(0,0,0,0.7);
    }

@media (min-width: 768px) {
    .unifiedPageHeadline {
        font-size: 40px;
        font-weight: bold;
        text-shadow: 0 6px 30px rgba(0,0,0,0.5);
    }
}

.dropdown-item.menueItemDropdown {
    color: #5c6167;
    font-family: Montserrat, sans-serif;
    font-size: 14.4px;
    line-height: 21.6px;
}

.menuDropdown {
    text-decoration: none;
    border: 1px solid #cccccc;
    width: 80px;
}

@media (max-height: 414px) {
    .productDropdown {
        height: 205px !important;
        overflow-y: scroll !important;
        overflow-x: hidden;
        padding-bottom: 8px !important;
    }
}

@media (max-height: 320px) {
    .productDropdown {
        height: 155px !important;
        overflow-y: scroll !important;
        overflow-x: hidden;
        padding-bottom: 15px !important;
    }
}

@media (max-height: 414px) {
    .featureDropdown {
        height: 205px !important;
        overflow-y: scroll !important;
        overflow-x: hidden;
        padding-bottom: 8px !important;
    }
}

@media (max-height: 320px) {
    .featureDropdown {
        height: 155px !important;
        overflow-y: scroll !important;
        overflow-x: hidden;
        padding-bottom: 15px !important;
    }
}

@media (max-height: 320px) {
    .aboutDropdown {
        height: 55px !important;
        overflow-y: scroll !important;
        overflow-x: hidden;
        padding-bottom: 15px !important;
    }
}

.divLinkDownload {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.linkDownload {
    background-color: #52f24f;
    color: rgb(98,95,37);
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 16px;
    text-decoration: none !important;
    margin-left: 30px !important;
    max-width: 180px !important;
}

@media (max-width: 576px) {
    .linkDownload {
        margin-left: 0px !important;
    }
}

#linkBuy {
    background-color: #52f24f;
    color: rgb(98,95,37);
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    text-decoration: none !important;
    margin-left: 50px;
    width: 300px;
}

.download-heading {
    margin-top: 30px;
}

.functionsIntroSection {
    background-color: #ffffff;
}

.basicFunctionsSection {
    background-color: #f8f9fa;
    margin-bottom: 0px !important;
    padding-top: 30px !important;
}

#extendedFunctionsSection {
    background-color: #f8f9fa;
    margin-bottom: 50px;
}

#basicFunctionsContainer {
    margin-bottom: 30px;
}

.functionInOverview {
    margin-top: 20px;
    margin-bottom: 30px;
}

.functionInAppProduct {
    margin-top: 20px;
    margin-bottom: 30px;
}

.highLight {
    margin-top: 30px;
    padding: 30px 20px 20px 20px !important;
    background-color: white;
}

.highLight-heading {
    margin-bottom: 20px !important;
    color: #252e54;
}

.highLightTitleWithText {
    margin-top: 20px;
}

.highLightContentWithImg {
    margin-top: 20px;
    margin-bottom: 10px !important;
}

.function-heading {
    color: #252e54 !important;
    margin-bottom: 10px !important;
}

#functionParagraph {
    margin-top: 20px;
}

#extendedFunctionsSection {
    background-color: #f8f9fa;
    padding-bottom: 30px;
}

.functionRow {
    margin-bottom: 24px;
}

.functionIntroText {
    margin-bottom: 50px;
}

.fa.fa-circle-thin.fa-inverse.circleIconFunction {
    font-size: 36px;
    padding-top: 7px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 0px;
    font-size: 28px;
    color: rgb(66,164,254);
}

.fa.fa-circle-thin.d-xl-flex.justify-content-xl-end.fa-stack-1x.fa-inverse.featureIcon {
    font-size: 36px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 11px;
}

#navLinkZurueck {
    text-decoration: none;
    font-family: Montserrat, sans-serif;
    color: rgb(255,255,255);
    font-size: 14.4px;
    padding: 15.84px 14.4px;
    border-style: none;
}

    #navLinkZurueck:hover {
        color: rgb(254,209,54);
    }

.iconFeature {
    font-size: 48px;
    padding-top: 16px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    color: #252e54 !important;
}

.iconFeatureSmall {
    font-size: 32px;
    padding-top: 14px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    color: #1c5496 !important;
}


.circleIconAdapter {
    font-size: 36px;
    padding-top: 7px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 0px;
    font-size: 28px;
    color: rgb(66,164,254);
}

.pricingCircle {
    padding-top: 0px !important;
}

.feature {
    /*padding-left: 28px;*/
    padding-left: 15px;
    margin-top: 10px;
}

.feature-heading {
    color: #252e54 !important;
    margin-bottom: 0px;
    line-height: 26px;
}

@media (max-width: 414px) {
    .feature-heading {
        font-size: 1.2em !important;
    }
}

#soFunktioniert {
    background-color: #f8f9fa;
    margin-bottom: 50px;
    padding-bottom: 0px;
}

.row.adapterRow {
    margin-bottom: 24px;
}

.subtitelheading {
    background-color: rgba(37,46,84,0.6);
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block !important;
    text-shadow: 0 6px 30px rgba(0,0,0,0.2);
}

@media (max-width: 1024px) {
    .subtitelheading {
        background-color: rgba(37,46,84,0.6);
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 1.2em;
        display: inline-block !important;
    }
}

@media (max-width: 320px) {
    .subtitelheading {
        background-color: rgba(37,46,84,0.6);
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 1.0em;
        display: inline-block !important;
    }
}

.subtitelheading.blauer {
    background-color: rgba(37,46,84,0.6) !important;
}

.subtitelheading.graublauer {
    background-color: rgba(0,41,78,0.6) !important;
}

.subtitelheading.darker {
    background-color: rgba(0,0,1,0.36) !important;
}

@media (max-width: 414px) {
    #communicationHeading {
        font-size: 1.5em !important;
    }
}

@media (max-width: 414px) {
    #applicationsHeading {
        font-size: 2.2em !important;
    }
}

@media (max-width: 320px) {
    .subsection-headingSmall {
        font-size: 1.0em !important;
    }
}

@media (max-width: 414px) {
    .agreementsHeading {
        font-size: 1.6em !important;
    }
}

@media (max-width: 414px) {
    .unifiedPageHeadline {
        font-size: 1.5em !important;
    }
}

.gettingStep {
    width: 100% !important;
    padding-left: 0px !important;
}

.img-fluid.stepImage {
    width: 100%;
    padding-top: 0px;
}

.img-fluid.stepImageDialog {
    width: 75%;
    padding-top: 30px;
}

#divLinkTest {
}

.smallHeading {
    margin-top: 50px !important;
    color: #252e54 !important;
}

.smallerHeading {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.text-uppercase.text-start.smallHeading {
    margin-top: 50px !important;
}

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

.subgatewayListItem {
    margin-top: 50px;
}

.stepRow {
    margin-bottom: 30px;
    padding-top: 50px;
    padding-left: 30px;
}

.firststepRow {
    margin-bottom: 30px;
    padding-left: 30px;
}

@media (max-width: 768px) {
    .stepRow {
        margin-bottom: 30px;
        padding-top: 50px;
        padding-left: 0px;
    }
}

@media (max-width: 768px) {
    .firststepRow {
        margin-bottom: 30px;
        padding-left: 0px;
    }
}

.tableColumn {
    border-right: 4px solid #f8f9fa;
    background-color: rgb(255,255,255);
    padding-right: 0px;
    padding-left: 0px;
}

@media (max-width: 736px) {
    .tableColumn {
        flex-grow: 1 !important;
        border-right: 4px solid #f8f9fa;
        background-color: rgb(255,255,255);
        padding-right: 0px;
        padding-left: 0px;
    }
}

.tableColumnOpenSource {
    background-color: rgb(255,255,255);
    padding-right: 0px;
    padding-left: 0px;
    border-right: 1px solid lightgray;
}

@media (max-width: 414px) {
    .tableColumnOpenSource {
        flex-grow: 1 !important;
        background-color: rgb(255,255,255);
        padding-right: 0px;
        padding-left: 0px;
    }
}

.pdfIcon {
    font-size: 24px;
    margin-right: 10px;
}

.tableTitle {
    background-color: #e1e4e8;
    padding: 0px;
    padding-right: 40px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tableContent {
    padding-left: 20px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 16px;
}

.tableContentOpenSource {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 16px;
}

.tableContentLink {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 4px;
    margin-bottom: 16px;
}

.contactIcon {
    font-size: 24px;
    margin-right: 10px;
    margin-left: 4px;
    color: rgb(37,46,84);
}


.licenseList {
    counter-reset: section !important;
    padding-left: 20px;
    font-weight: bold;
}

.firstLicenseListItem {
    counter-reset: section !important;
}

.licenseListItem {
    color: #252e54 !important;
}

.licenseSubList {
    counter-reset: subsection !important;
    counter-increment: section;
    content: counter(section);
}

.licenseSubListItem {
    margin-bottom: 10px;
    padding-top: 10px;
    font-weight: normal;
}

    .licenseSubListItem:before {
        counter-increment: subsection;
        content: counter(section) "." counter(subsection) " ";
        padding-right: 20px;
    }

.linkToLicense:hover {
    text-decoration: underline !important;
}

.linkToLicense {
    padding: 8px !important;
    color: #868e96 !important;
    text-decoration: none !important;
}

    .linkToLicense > span {
        text-decoration: none !important;
    }

.letterSubListItem {
    padding-left: 4px;
    margin-top: 4px;
}

.privacyListItem {
    padding-left: 4px !important;
}

.privacyListItemText {
    margin-bottom: 4px !important;
}

.privacyListItem:before {
    padding-left: 4px !important;
}

.rowOpenSource {
    border: 1px solid lightgray;
    margin-top: 15px;
    margin-bottom: 15px;
}

#loginDialog {
    width: 400px;
}

@media (max-width: 414px) {
    #loginDialog {
        width: 315px;
    }
}

.modalDialog {
    max-width: 100% !important;
    margin-top: 10px !important;
}

.modalContainer {
    width: 100% !important;
    height: -webkit-fill-available;
}

.unifiedEVideo {
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
}

#videoHeader {
    width: 30px;
    height: 20px;
    padding-left: 8px;
    padding-right: 16px;
    border-radius: 0px;
    position: fixed;
    top: 30px;
    right: 20px;
    margin-top: 30px;
    margin-right: 8px;
    z-index: 100;
    border-bottom-style: none;
    background-color: rgba(255,255,255,0.3);
}

    #videoHeader span {
        color: rgb(255,255,255);
        font-size: 32px;
        text-shadow: 0px 0px 4px #0000FF;
    }

.btn-close {
    width: 16px !important;
    height: 16px !important;
}

#modalDialogHeader span {
    color: rgb(87,89,91);
    font-size: 32px;
}

.fa.fa-circle.fa-stack-2x.text-primary {
    color: #373e62 !important;
}

.darkblueLinks {
    color: #005bb5 !important;
    cursor: pointer;
    text-decoration: none;
}

.underlinedblueLinks {
    color: #525c93 !important;
    text-decoration: underline;
    cursor: pointer;
}

    .underlinedblueLinks:hover {
        color: #005bb5;
    }

.blueLinks {
    color: #525c93 !important;
    cursor: pointer;
    text-decoration: none;
}

    .blueLinks:hover {
        text-decoration: underline;
    }

.breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px; /* Adjust gap between items */
    list-style: none;
    margin: 0 5px;
    padding: 0;
    margin-bottom: 15px;
}

.breadcrumb-separator {
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0 8px;
}

.breadcrumb-item {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    --bs-breadcrumb-item-padding-x: 0rem;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}


    .breadcrumb-item a {
        color: #ffffff !important;
        text-decoration: none;
        padding: 0;
        margin: 0;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }


    .breadcrumb-item.home a {
        text-decoration: underline;
    }

    .breadcrumb-item.active {
        color: #ffffff !important;
    }


    .breadcrumb-item::before {
        content: none !important;
    }

.screenBorder {
    border: 1px solid rgba(82,92,147,0.3) !important;
    border-radius: 0px !important;
}

@media (max-width: 1024px) {
    .singleListItem {
        margin-bottom: 8px;
    }
}

@media (min-width: 1025px) {
    .singleListItem {
        margin-bottom: 2px;
    }
}

.stepTitel {
    color: #252e54 !important;
    background-color: rgb(225,228,232);
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.stepTitelGetting {
    color: #252e54 !important;
    background-color: rgb(225,228,232);
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .stepTitelGetting {
        font-size: 20px;
    }
}

.subheadingGetting {
    color: #252e54 !important;
}

@media (max-width: 1024px) {
    .subheadingGetting {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .subheadingSteps {
        font-size: 20px;
    }
}

#contact {
    background-image: url('../../assets-1.0/img/contactus/map-image.png');
    background-color: #13182C !important;
}

.subtitelheading.lighter {
    background-color: rgba(23,38,52,0.5) !important;
}

.subtitelheading.roter {
    background: rgba(7,11,21,0.3) !important;
}

.subtitelheading.bluedarker {
    background-color: rgba(8,8,44,0.35) !important;
}

.loginIcon {
    color: rgb(255,255,255);
    margin-left: 20px;
}

.loggedInIcon {
    color: rgb(254,209,54);
    margin-left: 20px;
    margin-top: 2px;
}

.currencySelect {
    background-color: #fff;
    border-color: #cccccc;
    outline: 0;
    box-shadow: none !important;
    padding: 8px;
    width: 80px;
    font-family: 'Helvetica','Arial',sans-serif;
    color: #717b85;
    font-size: 14px;
}

    .currencySelect:focus {
        border-color: #cccccc !important;
        outline: 0;
    }

.countrySelect {
    background-color: #fff;
    border-color: #cccccc;
    outline: 0;
    box-shadow: none !important;
    padding: 8px;
    font-family: 'Helvetica','Arial',sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 66px;
}

    .countrySelect:focus {
        border-color: #cccccc !important;
        outline: 0;
    }

@media (min-width: 1200px) {
    .loggedInIcon:hover > div#serverDropdownMenu.dropdown-menu {
        display: block !important;
    }
}

.smooth-scroll {
    background-color: transparent;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    cursor: pointer;
    position: absolute;
    bottom: 40px;
    left: 50%;
    height: 30px;
    width: 30px;
}

.scroll-btn {
    bottom: 0px;
    left: 50%;
    width: 44px;
    margin-left: -22px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #fff;
    animation: sdb 2s infinite;
    position: absolute;
    box-sizing: border-box;
    opacity: 0.9;
    padding-top: 10px;
    z-index: 1;
}

    .scroll-btn:before {
        top: 11px;
        left: 15px;
        width: 14px;
        height: 14px;
        transform: rotate(-45deg);
        box-sizing: border-box;
    }

@keyframes sdb {
    0%, 40% {
        transform: translate(0,0);
    }

    20% {
        transform: translateY(10px);
    }
}

input[type=checkbox], input[type=radio] {
    margin-top: 6px;
    min-width: 16px;
    min-height: 16px;
}

section#contact .form-control:focus {
    border-color: rgba(63,157,197,0.45) !important;
    outline: 0;
    box-shadow: none;
}

#sendMessageButton {
    margin-top: 20px;
    margin-bottom: 30px;
}

#portfolioLink {
    padding-top: 17px !important;
    font-weight: 100 !important;
    max-width: 140px !important;
}

#downloadLink {
    padding-top: 17px !important;
    font-weight: 100 !important;
    max-width: 140px !important;
}

.flyerButton {
    margin-left: 50px !important;
    width: 174px;
    max-width: 174px !important;
    max-height: 69px !important;
}

#downloadAppDesignerLinkTarget:before {
    display: block;
    content: " ";
    visibility: hidden;
}

#downloadAppManagerLinkTarget:before {
    display: block;
    content: " ";
    visibility: hidden;
}

#downloadWindowsClientLinkTarget:before {
    display: block;
    content: " ";
    visibility: hidden;
}

.section-heading.wrap-long-word {
    word-wrap: break-word;
}

.advantageCol {
    margin-top: 10px;
    padding-top: 10px;
    background-color: #ffffff;
}

.row-padding {
    padding-top: 0px;
    padding-bottom: 30px;
}

.trustRow {
    margin-bottom: 20px;
}

.iconReferenz {
    font-size: 26px !important;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    color: #1c5496 !important;
}

.referenz-heading {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #252e54 !important;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
}

.callToActionButton {
    /*font-family: Roboto, sans-serif;*/
    background: #1c5496;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 6px !important;
    margin-bottom: 10px !important;
    margin-left: -10px;
    border: 0px;
    color: #fff;
}

    .callToActionButton:active {
        box-shadow: unset !important;
    }

@media (min-width: 992px) {
    .callToActionButton {
        margin-left: 30px;
        margin-bottom: unset;
    }
}

.callToActionButton:hover {
    background: #00bfff !important;
    color: #fff !important;
}

.advantageRow {
    margin-bottom: 20px;
}

.callToActionText {
    color: #252e54 !important;
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
}

#wedelName {
    color: #252e54 !important;
}


@media (min-width: 1200px) {
    #serverDropdown:hover > div#serverDropdownMenu.dropdown-menu {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    #serverDropdown:hover > div#serverDropdownMenu.dropdown-menu {
        display: none;
    }
}

@media (min-width: 1400px) {
    .nav-item.dropdown:hover > .dropdown-menu {
        display: block !important;
        opacity: 1;
        visibility: visible;
    }
}

.usecase-feature-small {
    font-size: 20px;
    color: #1c5496 !important;
}

.usecase-bullet-list {
    list-style-type: none;
    padding-left: 0;
}

.usecase-bullet-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}

.usecase-bullet-list li .fa-check {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
}

.stepListItem::marker {
    color: #1c5496;
    font-weight: 1000;
}

.text-muted.stepListItem {
    padding: 6px;
    margin-bottom: 10px;
}

.text-start.stepList {
    padding-left: 24px;
}