/* section general */
.section-title-centered {
    text-align: center;
}

/* one fill site */
.section-one-site {
    height: calc(100vh - 70px);
    width: 100%;
}

.section-one-site .section-single {
    display: table-cell;
    vertical-align: middle;
}

.section-one-site .section-content {
    padding-bottom: 150px;
    margin: 0 auto;
    max-width: 1200px;
    width: 80%;
}

.section-content img {
    max-width: 100%;
}


/* section home */
.section-home {
    display: table;
    background-image: url(/media/joxbnxwg/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: black;
}

.section-content-home h2 {
    text-align: center;
    margin: 0px 0 10px 0;
    padding-top: 20px;
}

.section-content-home h1 {
    text-align: center;
    font-size: 60px;
    margin: 0 0 20px 0;
}

    .section-content-home .single-img-center {
        margin: 0 auto;
        text-align: center;
        height: 500px;
    }
    
    .section-content-home .single-img-center img {
        max-height: 100%;
    }
    
    .section-content-home .single-buttons {
        padding-top: 50px;
    }
    
    .section-content-home .single-buttons.buttons-center {
        text-align: center;
    }

/* section bsh intro */
.section-bsh-intro {
    padding-bottom: 150px;
    margin: 0 auto;
    max-width: 1200px;
    width: 80%;
}

.section-bsh-intro h1 {
    text-align: center;
    font-size: 80px;
    margin: 0 0 50px 0;
}

.section-bsh-intro h2 {
    text-align: center;
    margin-top: 150px;
}

.section-bsh-intro .single-img-center {
    margin: 0 auto;
    text-align: center;
}

.section-bsh-intro p {
    text-align: center;
    margin: 50px 80px;
    font-size: 24px;
    line-height: 1.5;
}

/* section bsh feature */
.section-bsh-features {
    background-color: #f2f5ff;
    padding-bottom: 100px;
}

.section-bsh-features p {
    font-size: 21px;
}

.section-bsh-features h1 {
    font-size: 80px;
    margin-top: 100px;
    margin-bottom: 0;
}

.section-bsh-features .section-description p {
    line-height: 1.38105;
    font-size: 21px;
    margin-right: 20%;
    margin-bottom: 100px;
}

.section-bsh-features .grid-img-bottom-right img {
    max-height: 400px;
}

.section-bsh-features .grid-img-centered img {
    position: relative;
    top: -70px;
    max-height: 400px;
    margin: 0;
    text-align: center;
}

.section-bsh-features .grid-img-full-width img {
    max-width: calc(100% + 80px);
    margin: 30px -40px -45px -40px;
}

.section-bsh-features ul {
    padding-left: 20%;
}

.section-bsh-features li {
    list-style-type: none;
    margin: 20px 0;
    padding: 10px 0 10px 60px;
    background-image: url(../media/4vqnexa2/status_ok.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px 40px;
    font-size: 21px;
    font-weight: 500;
}

/* section bsh what is */
.section-bsh-whatis {
    background-color: #e8ecef;
    padding-bottom: 100px;
}

.section-bsh-whatis p {
    font-size: 21px;
    line-height: 1.5;
}

.section-bsh-whatis h1 {
    font-size: 80px;
    margin-top: 100px;
    margin-bottom: 0;
}

.section-bsh-whatis .section-description p {
    line-height: 1.38105;
    font-size: 21px;
    margin-right: 20%;
}

.section-bsh-whatis .bsh-browser-img {
    margin-top: 40px;
    text-align: center;
}

.section-bsh-whatis .bsh-browser-img img {
    max-height: 700px;
    margin-bottom: 40px;
}

/* section grid */
.section-grid {
    margin: 0 auto;
    max-width: 1200px;
    width: 80%;
}

.grid-boxed {
    margin: 0 -25px;
}

.grid-boxed .column, .grid-boxed .umb-block-grid__area {
    display: inline-flex;
}

.grid-boxed .column div, .grid-boxed .umb-block-grid__area .umb-block-grid__layout-container {
    padding: 40px;
    border-radius: 15px;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 0 20px 0px rgba(0,0,0,0.05);
    margin: 25px;
    flex-basis: calc(100% - 25px);
}

.grid-boxed .column h2, .grid-boxed .umb-block-grid__area h2 {
    margin: 0px;
    padding: 0 0 20px 0;
    font-size: 36px;
    font-weight: 500;
}

.grid-boxed .column p, .grid-boxed .umb-block-grid__area p {
    font-size: 17px;
}

/* section grid images */
.grid-img-top-left, .grid-img-bottom-right, .grid-img-centered, .grid-img-full-width {
    overflow: hidden;
}

.grid-img-full-width img {
    margin: -31px -31px 31px -31px;
}

.grid-img-full-width {
    
}

.grid-img-bottom-right img {
    position: relative;
    bottom: -45px;
    margin: 0;
}

.grid-img-centered img {
    margin: 0 auto;
}

/* section page */
.section-page {
    margin: 0 auto;
    max-width: 1200px;
    width: 80%;
}

.section-page .section-single .section-content {
    padding: 100px 0;
}

.section-page h1, .section-blog h1 {
    margin: 0;
    font-size: 80px;
}

.section-page h2 {
    margin: 30px 0;
    font-size: 60px;
}

.section-page h3, .section-blog h3 {
    margin: 30px 0;
    font-size: 30px;
}

.section-page p {
    font-size: 21px;
    line-height: 1.5;
}

.section-page li, .section-blog li {
    margin: 10px 0;
    font-size: 21px;
    line-height: 1.5;
    font-weight: 500;
}

.section-page .grid-features-list {
    margin: 0 -30px;
}

.section-page .grid-features-list .column div, .section-page .grid-features-list .umb-block-grid__area .umb-block-grid__layout-container {
    padding: 30px;
}

.section-page .column img {
    max-width: 100%;
}

/* section blog */
.section-blog .section-single {
    margin: 0 auto;
    max-width: 1200px;
    width: 80%;
}

.section-blog .section-content {
    padding-top: 0;
    margin-top: 0;
}

.section-blog .section-single .section-content {
    padding: 20px 0;
}

.section-blog .blog-list {
    display: grid;
    column-gap: 30px;
}

.section-blog .blog-list-2 {
    grid-template-columns: 1fr 1fr;
}

.section-blog .blog-list-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.section-blog .blog-item {
    flex: 0 50%;
}

.section-blog .content a {
    color: #1d1d1f;
}

.section-blog p {
    font-size: 21px;
    line-height: 1.5;
}

.section-blog .blog-list p {
    font-size: 18px;
    line-height: 1.5;
}

.section-blog h2 {
    margin: 0;
    font-size: 60px;
}

.section-blog h4.title {
    color: #6e6e73;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0;
    text-transform: uppercase;
}

.section-blog-list {
    background-color: #f5f5f7;
}

.section-blog p.date {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #6e6e73;
}

.section-blog .blog-teaser h2.title {
    font-size: 34px;
    margin-bottom: 15px;
}

.section-blog .blog-list-2 h2.title {
    font-size: 30px;
    margin-bottom: 15px;
}

.section-blog .blog-list-3 h2.title {
    font-size: 21px;
    margin-bottom: 15px;
}

.section-blog .blog-list-3 p {
    font-size: 14px;
}

.section-blog .blog-list-3 h4.title {
    font-size: 14px;
}

.section-blog .blog-list .blog-item, .section-blog .blog-teaser .blog-item {
    border-radius: 20px;
    background-color: white;
    margin-bottom: 30px;
}

.section-blog .blog-list .blog-item .content, .section-blog .blog-teaser .blog-item .content {
    padding: 30px;
}

/* section small page */
.section-small-page {
    margin: 0 auto;
    max-width: 1200px;
    width: 80%;
}

.section-small-page .section-single .section-content {
    padding: 100px 0;
}

.section-small-page h1 {
    margin: 0;
    font-size: 40px;
}

.section-small-page h2 {
    margin: 30px 0;
    font-size: 30px;
}

.section-small-page h3 {
    margin: 30px 0;
    font-size: 21px;
}

.section-small-page p {
    font-size: 17px;
    line-height: 1.5;
}

.section-small-page li {
    margin: 10px 0;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
}

.section-small-page .grid-features-list {
    margin: 0 -30px;
}

.section-small-page .grid-features-list .column div {
    padding: 30px;
}

.section-small-page .column img {
    max-width: 100%;
}

/* section products */
.section-products img {
    max-width: 90% !important;
}

/* section download */
.section-download {
    margin: 0 auto;
    max-width: 1200px;
    width: 80%;
}

.section-download .section-single .section-content {
    padding: 100px 0;
}

.section-download h1 {
    margin: 0;
    font-size: 60px;
}

.section-download p {
    font-size: 17px;
    line-height: 1.5;
}

/* section support */
.section-support .section-single {
    margin: 0 auto;
    max-width: 1200px;
    width: 80%;
}

.section-support .section-single .section-content {
    padding: 50px 0;
}

.section-support h1 {
    font-size: 50px;
}

.section-support .kb-list {
    margin-bottom: 50px;
    width: 100%;
}

.section-support .date {
    text-align: right;
}

.section-support li {
    margin: 10px 0;
    line-height: 1.5;
    font-weight: 500;
}

.section-support .title .titletext,
.section-support .title .titlenav {
    display: inline-block;
}

.section-support .title .titlenav {
    margin-left: 10px;
}

.section-support .title .titlenav a {
    margin-right: 10px;
}

/* academic page */
.section-academic img {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    text-align: center;
}

.section-academic .academic-image {
    text-align: center;
    padding: 20px;
}

.section-academic .publications h1 {
    margin-top: 40px;
}

/* pagination */
div.pagination {
    margin: 15px auto;
}

    div.pagination ul {
        margin: 0;
        padding: 0;
        border: 0;
    }

#pagination-clean li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0;
    list-style: none;
}

#pagination-clean li, #pagination-clean a {
    margin-right: 2px;
    text-decoration: none;
    font-weight: 400;
}

#pagination-clean .previous-off,
#pagination-clean .next-off {
    display: block;
    padding: 3px 4px;
    float: left;
    color: #888888;
    font-weight: bold;
}

#pagination-clean .next a,
#pagination-clean .previous a {
    border: solid 1px #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#pagination-clean .active a {
    display: block;
    float: left;
    color: #000000;
    font-weight: 800;
}

#pagination-clean a:link,
#pagination-clean a:visited {
    display: block;
    padding: 3px 6px;
    float: left;
}

#pagination-clean a:hover {
    text-decoration: none;
}