p {
    font-size: 18px !important;
}

figure.neos-alignment- {
    margin: 0;
}

.neos-alignment-right {
  float: right;
  margin-left: 2em;
  margin-top: 0;
}

.neos-alignment-left {
  float: left;
  margin-right: 2em;
  margin-top: 0;
}

.neos-alignment-center {
    text-align: center;
}

.latest-title {
    min-height: 50px !important;
}
.news-description {
    position: relative;
    top: 25px;
    border: 1px solid;
}
.language-menu .current {
    display: none;
}
.language-menu-mobile {
    position: absolute;
    right: 15px;
    top: 13px;
    transform: translate(-50%, -50%);
}
.header  .language-menu-mobile .nav li a {
    padding: 5px;
    color: #fff;
}
.header .language-menu-mobile .nav-inner,
.header .language-menu-mobile .nav li {
    margin-right: 0;
}
.general-blue-section {
    background: #F0F4F9;
}
.contact-address-text p {
    font-weight: 400;
    color: #565872;
    margin-bottom: 6px;
}

p,
.services .single-service .content p,
.portfolio .single-portfolio .descrip,
.services .single-service .content p,
.our-choose-area .accordion .card .card-body p,
.latest-news-area .letast-news-grid .letest-news-item p,
.scriptone-de-content-textwithimage ul li,
.scriptone-de-content-text ul li {
    color: #222;
}

.scriptone-de-content-textwithimage ul li,
.scriptone-de-content-text ul li {
    font-size: 18px;
    list-style-type: disc;
    list-style-position: inside;
}

.container ol,
.scriptone-de-content-text ul,
.scriptone-de-content-textwithimage ul {
    list-style-position: inside;
}

ol li {
    color: #222;
    font-size: 18px;
    list-style-position: inside;
}

@media (min-width: 1200px) {

    body.de .header .nav li {
        margin-right: 25px;
    }

    body.de .header .nav-inner {
        margin-right: 45px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .header .nav li {
        margin-right: 15px;
    }

    .header .nav-inner {
        margin-right: 45px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body.de .header .nav li {
        margin-right: 14px;
    }

    body.de .header .nav-inner {
        margin-right: 30px;
    }
}

/*
 * Column and section content collections render as .row so that grid cards
 * (Service/Portfolio/Team/Testimonial/Contact Info/CTA) dropped into them get a
 * proper Bootstrap row context. A .row carries margin: 0 -15px, which cancels
 * the parent column's padding - fine for .col-* children, which re-add their
 * own, but plain content (Headline, Text, Image) has none and would bleed to
 * the column edge, removing the gutter between adjacent columns.
 * Restore that 15px inset for non-column children only.
 */
.neos-contentcollection.row > *:not([class*="col-"]) {
    padding-left: 15px;
    padding-right: 15px;
    /* A .row is display:flex, so a child without a col-* class is a flex item
     * with flex: 0 1 auto and shrinks to its content - a nested Columns
     * element collapsed to 232px inside a 1170px collection. Make these
     * children behave like col-12 and take the full width instead. */
    flex-basis: 100%;
    max-width: 100%;
}

/*
 * A card placed outside its own section still needs that section's class as an
 * ancestor, because every card rule is scoped that way (.services
 * .single-service, .portfolio .single-portfolio, and so on) - without it the
 * card renders completely unstyled. The card's standalone branch therefore
 * wraps itself in that class.
 *
 * Those section classes also carry section chrome that makes no sense around a
 * single card - .services pulls up by -80px, .portfolio and .testimonials-sec
 * paint a grey band with 100px of padding, .contact-area is a blue block with
 * a 245px bottom margin. Strip the box styling and keep only the scope.
 * position is deliberately left alone: .services is position:relative and card
 * internals are positioned against it.
 */
.scriptone-standalone-card {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: none !important;
    /* A non-col child of .row is a flex item with flex: 0 1 auto, so it
     * shrinks to its content - a short card collapsed to ~160px in a 336px
     * column. Behave like a full-width column instead. Horizontal padding is
     * deliberately not reset here: the .row gutter rule above supplies it. */
    width: 100%;
    flex-basis: 100%;
}

/* The section classes also hang decoration off a pseudo-element - .services
 * draws a 1300x385px background graphic via ::before, which around a single
 * card appears as a stray blue band. background:none cannot reach it. */
.scriptone-standalone-card::before,
.scriptone-standalone-card::after {
    content: none !important;
}