.mobileview {
    display: block
}

.desktopview {
    display: none
}

.center-mobile {
    text-align: center
}

.check {
    height: 15px;
    vertical-align: middle;
    margin-left: 15px
}

.container {
    max-width: 1024px;
    margin-bottom: 6rem;
}

.header {
    margin-top: 6rem;
    text-align: center;
}

.value-prop>h5 {
    margin-top: 0px
}

.value-prop {
    margin-top: 0rem;
}

.value-props {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.docs-header {
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: .2rem;
    font-weight: 600;
}

.docs-section {
    border-top: 1px solid #eee;
    padding: 4rem 0;
    margin-bottom: 0;
}

.value-img {
    width: 155px;
    padding: 3rem;
    display: block;
    text-align: center;
    color: #000
}

blockquote::before {
    content: "\201C";
    font-size: 60px;
    font-weight: bold;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #bbb;
    clear: both
}

blockquote {
    font-style: italic;
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    text-align: justify;
}

.max-width {
    width: 100%
}

.no-top-margin {
    margin-top: 0px
}

.start_img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_box {
    margin-bottom: 15px
}

.not-found {
    padding: 70px;
    text-align: center;
    font-size: 26px
}

#presse h3 {
    color: #870F00;
    margin: 0px
}

.red {
    color: #870F00;
}

#presse h5 {
    margin-top: 0px
}

.text-justify {
    text-align: justify
}

.click-content {
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    cursor: pointer;
    padding: 1.4rem 2rem;
    font-size: 18px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-top: 20px
}

.click-content i {
    font-size: 22px;
    float: right;
    margin-left: 10px;
    line-height: 1.1;
    transform: rotate(45deg);
    color: #666
}

.click-content .columns {
    margin-bottom: 0px !important
}

.open-content {
    display: none;
    padding: 20px 10px 0;
    font-size: 1.4rem;
    border: 1px solid #ddd;
    margin-top: -1px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 0px
}

.to-top {
    position: fixed;
    width: 50px;
    text-align: center;
    padding-top: 8px;
    height: 50px;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    border-radius: 6px;
    background-color: #666;
    color: #eee;
}

.to-top img {
    width: 50px;
    height: 50px;
}

.map-container {
    height: 250px
}

.map {
    border: 0;
    width: 100%;
    height: 250px
}

.logo-partner {
    border: 1px solid #ddd
}

.logo-footer {
    width: 230px;
    margin-bottom: 5px
}

.logo-nav {
    height: 22px;
    margin: 15px 0px 15px 0px;
}

.icon-line {
    line-height: 2.6;
    color: #ccc;
}

.icon-line i {
    margin-right: 8px
}


/* Navigation */

nav {
    background-color: #222;
    min-height: 52px;
    width: 100%;
    z-index: 999999;
    opacity: 0.93;
}

nav i {
    color: #fff;
    cursor: pointer
}

ul.topnav {
    list-style-type: none;
    overflow: hidden;
    display: none;
    margin-bottom: 0px;
    text-align: center;
}

#menuopen,
#menuclose {
    margin: 11px 0 10px 27px
}

#menuclose {
    line-height: 1.7
}

ul.topnav li a,
.sub a {
    display: block;
    color: white;
    text-align: center;
    padding: 15px;
    text-decoration: none;
}

.sub a {
    background-color: #F3F3F3;
    color: #333 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold;
    padding: 11px;
}

.sub a:first-child {
    padding-top: 22px
}

.sub a:last-child {
    padding-bottom: 22px
}

.sub {
    display: none
}

ul.topnav li.right,
ul.topnav li {
    float: none;
    margin-bottom: 0px;
    cursor: pointer
}

.rot-45deg {
    transform: rotate(180deg) !important;
}

#menuclose {
    display: none;
}

.language-container {
    margin-left: 9px;
    margin-right: 15px;
    float: right
}

.language-box {
    display: inline-block;
}

.language-box a img {
    opacity: 0.5;
}

.language-box a img:hover {
    opacity: 1;
    box-shadow: 0px 0px 18px 2px #ddd;
}

.language-box img {
    height: 22px;
    margin-right: 6px;
    margin-top: 16px;
    border-radius: 2px
}


/* Word-Cloud */

.cloud {
    list-style-type: none;
    max-width: 400px;
    text-align: center;
    margin: auto;
}

.cloud li {
    list-style: none;
    display: inline;
    line-height: 1.2;
    margin-right: 10px
}

.cloud li:nth-of-type(3n + 1) {
    font-size: 3rem;
    color: #ddd;
    text-transform: uppercase;
    font-weight: bold
}

.cloud li:nth-of-type(4n+3) {
    font-size: 4rem;
    font-style: italic;
}

.cloud li:nth-of-type(5n - 3) {
    font-size: 2rem;
    color: #870F00;
}

.cloud li:nth-of-type(6n - 4) {
    font-size: 5rem;
    color: #870F00;
}

.cloud li:nth-of-type(5n) {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #777
}


/* Parallax */

.parallax-title {
    padding: 10px 35px;
    background-color: rgba(221, 221, 221, 0.85);
    text-align: center;
    color: #000;
    width: 100%;
    margin-top: -80px
}

.parallax-title h1 {
    font-weight: 400 !important;
}

.max-height {
    height: calc(100vh - 52px) !important
}

.parallax {
    opacity: 0 !important
}

.fade-in {
    transition: all 1.5s;
    opacity: 0.9 !important
}

.parallax,
.no-parallax {
    height: 250px;
    z-index: 1;
    background: no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-parallax {
    height: auto
}

.no-parallax .parallax-title {
    margin-top: 0px
}

.p1 {
    background-image: url("../images/p1.jpg");
}

.p2 {
    background-image: url("../images/p2.jpg");
}

.p3 {
    background-image: url("../images/p3.jpg");
}

.p4 {
    background-image: url("../images/p4.jpg");
}

.p5 {
    background-image: url("../images/p5.jpg");
}

.p6 {
    background-image: url("../images/p6.jpg");
}

.p7 {
    background-image: url("../images/p7.jpg");
}

.p8 {
    background-image: url("../images/p8.jpg");
}

.p_bann1 {
    background-image: url("../images/p_bann1.jpg");
}

.p_bann2 {
    background-image: url("../images/p_bann2.jpg");
}

.p_bann3 {
    background-image: url("../images/p_bann3.jpg");
}

@media (orientation:portrait) {
    .p1 {
        background-image: url("../images/p1_portrait.jpg");
        opacity: 1
    }
    .p2 {
        background-image: url("../images/p2_portrait.jpg");
    }
    .p3 {
        background-image: url("../images/p3_portrait.jpg");
    }
    .p4 {
        background-image: url("../images/p4_portrait.jpg");
    }
    .p5 {
        background-image: url("../images/p5_portrait.jpg");
    }
    .p6 {
        background-image: url("../images/p6_portrait.jpg");
    }
    .p7 {
        background-image: url("../images/p7_portrait.jpg");
    }
    .p8 {
        background-image: url("../images/p8_portrait.jpg");
    }
}


/* Footer */

#baseline {
    background-color: #f4f4f4;
    width: 100%;
    padding: 20px 0px;
}

#baseline a:hover {
    color: #000;
}

#baseline a {
    color: #870F00;
    font-weight: bold;
    text-decoration: none
}

.baseline_container_l,
.baseline_container_c,
.baseline_container_r {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px;
    float: none;
}

.footer-baseline {
    color: #8F9296
}

#baseline h5 {
    margin-bottom: 20px;
    margin-top: 0px;
    color: #000;
}

#baseline p {
    margin-bottom: 5px
}

div.button,
div.button:hover {
    cursor: inherit;
    border-color: #bbb;
}


/* E-Mail Styles */

.email-title {
    padding: 20px;
    background-color: rgba(221, 221, 221, 0.85);
    text-align: center;
    font-size: 20px;
    color: #000;
    width: 100%
}

.email-content {
    font-family: Georgia, serif;
    font-size: 15px;
    line-height: 1.2;
    color: #333;
    margin-top: 7px
}

.email-subtitle {
    color: #888;
    font-size: 12px
}

.email-h5 {
    text-transform: uppercase;
    margin: 0px auto;
}

.email-from {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px
}

.email-footer {
    line-height: 1
}


/* Larger than mobile */

@media (min-width: 400px) {}


/* Larger than phablet (also point when grid becomes active) */

@media (min-width: 550px) {
    .flexbox {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .check {
        height: 18px;
    }
    .header {
        margin-top: 18rem;
    }
    .value-props {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
    .value-img {
        margin-bottom: 1rem;
    }
    .docs-section {
        padding: 6rem 0;
    }
    .icon-line i {
        margin-right: 0px
    }
}


/* Larger than tablet */

@media (min-width: 778px) {
    .logo-nav {
        float: right;
        padding-right: 9px;
        border-right: 1px solid #ddd;
    }
    .center-mobile {
        text-align: left
    }
    .max-height {
        height: 100vh !important;
    }
    .mobileview {
        display: none !important
    }
    .desktopview {
        display: block !important
    }
    .no-parallax {
        padding-top: 52px
    }
    .parallax-title {
        margin-top: 0px
    }
    nav {
        position: fixed;
    }
    ul.topnav {
        display: block;
        margin-bottom: 0px;
        height: 52px;
        font-size: 14px
    }
    ul.topnav li {
        float: left;
    }
    ul.topnav li.right {
        float: right;
    }
    ul.topnav li a:hover:not(.active) {
        background-color: #555;
    }
    .sub {
        display: none;
        position: absolute;
        top: 52px;
        width: 100%;
        background-color: #fff;
        z-index: 9;
        border-bottom: 1px solid #555
    }
    .sub a {
        float: left;
        background-color: transparent;
        margin-left: 10px;
        padding: 16px !important
    }
    .sub a:first-child {
        padding-top: 16px
    }
    .sub a:last-child {
        padding-bottom: 16px
    }
    .sub a:hover {
        float: left;
        color: #fff !important
    }
    .sub img {
        margin-left: 0px;
        height: 52px;
        padding: 16px
    }
    .baseline_container_l,
    .baseline_container_c,
    .baseline_container_r {
        float: left;
        text-align: left;
        padding: 20px
    }
    .baseline_container_l {
        width: 36%;
        padding-left: 5%
    }
    .baseline_container_c {
        width: 32%;
    }
    .baseline_container_r {
        width: 32%;
        padding-right: 5%
    }
    .contact_box {
        margin-bottom: 2px;
        line-height: 2
    }
    #baseline h4 {
        padding-left: 21px;
        line-height: 1;
        margin-bottom: 7px
    }
    .language-container {
        margin-right: 0px
    }
    .language-box img {
        height: 18px;
    }
}

@media (max-width:1019px) and (min-width: 750px) {
    .logo-nav {
        display: none
    }
    .language-container {
        margin-right: 0px;
        margin-right: 15px
    }
}


/* Larger than desktop */

@media (min-width: 1000px) {}


/* Larger than Desktop HD */

@media (min-width: 1200px) {}