/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
************************************************************
Styles:     flix//theme
Project:    flix-Base - Main CSS
Autor:      Yannik Boost
Copyright:  (c) 2015 interaktiv manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/
/*****************************************************************
*********** Document
******************************************************************/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    height: 100%;
    font-size: 16px
}

/*****************************************************************
*********** Allgemeine Selectoren
******************************************************************/
h1 {
    font-size: 50px;
    line-height: 55px;
    color: #4a4a49;
    margin-bottom: 30px
}

h2 {
    font-size: 41px;
    line-height: 55px;
    color: #4a4a49;
    margin-bottom: 35px
}

h3 {
    font-size: 18px;
    margin-bottom: 15px
}

h1, h2, h3 {
    font-family: "Jura Regular";
    line-break: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

p, span, li, ul, a {
    font-family: "Jura Regular";
    color: #4a4a49;
    font-size: 20px;
    line-height: 28px
}

a {
    text-decoration: none
}

strong {
    font-family: "Jura Bold"
}

li {
    font-size: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ul {
    font-size: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ol {
    font-size: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img {
    width: 100%;
    height: auto;
    display: block
}

.hidden {
    display: none
}

.contentbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/*****************************************************************
*********** Header
******************************************************************/
#head-canvas {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 100px
}

.header-icon {
    position: absolute;
    top: calc(50% - 32px);
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer
}

.header-icon span {
    position: absolute;
    bottom: -47px;
    width: 160px;
    right: 0;
    background: #c1e4d9;
    padding: 8px 15px
}

.header-icon:first-child span {
    width: 315px
}

.header-icon:hover span {
    display: block
}

#header-icon-canvas .header-icon:first-child {
    background: url(/_images/icons/mail.png) center center no-repeat;
    background-size: cover;
    right: 140px
}

#header-icon-canvas .header-icon:last-child {
    background: url(/_images/icons/phone.png) center center no-repeat;
    background-size: cover;
    right: 67px
}

#logo {
    width: 100%;
    max-width: 165px;
    overflow: hidden;
    display: block;
    height: auto;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0
}

#logo img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 161px;
    margin: 0 auto
}

#head-image {
    position: relative;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#head-image img {
    -webkit-filter: brightness(70%);
    filter: brightness(70%)
}

.head-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-align: center;
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    right: 0;
    margin: 0 auto
}

.mainheadline {
    line-height: 40px
}

#main-navigation {
    position: absolute;
    width: 100%;
    height: 1020px;
    background: #eee6d9;
    z-index: 9999999;
    max-width: 1600px;
    left: 0;
    right: 0;
    margin: 0 auto
}

/*****************************************************************
*********** Footer
******************************************************************/
#footer-canvas {
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    background: #c1e4d9
}

#footer-canvas p, #footer-canvas span, #footer-canvas a {
    font-size: 19px;
    line-height: 25px
}

#footer-canvas .container {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 160px 65px 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

#footer-canvas .left-column {
    -ms-flex-preferred-size: 385px;
    flex-basis: 385px;
    margin-right: 115px
}

#footer-canvas .center-column {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    margin-right: 310px
}

#footer-canvas .right-column {
    -ms-flex-item-align: end;
    align-self: flex-end
}

#footer-canvas .bottom-column {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    margin-top: 100px
}

.nav-sitemap {
    max-width: 175px;
    width: 100%;
    height: auto
}

.nav-sitemap-item {
    width: 100%;
    height: auto;
    display: block
}

.nav-footer-link:hover span, .nav-footer-link.active span, .nav-sitemap-link:hover span, .nav-sitemap-link.active span {
    color: #fff
}

.nav-footer {
}

#footer-canvas .copyright {
    display: inline-block;
    float: left;
    width: auto;
    margin-right: 8px
}

.nav-footer-item {
    float: left
}

.nav-footer-link {
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #4a4a49
}

.social-media-link {
}

#youtube-link {
    background: url(/_images/icons/youtube.png) center center no-repeat
}

#facebook-link {
    background: url(/_images/icons/facebook.png) center center no-repeat;
    background-size: auto;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    bottom: 50px;
    right: 185px
}

#twitter-link {
    background: url(/_images/icons/twitter.png) center center no-repeat
}

#instagram-link {
    background: url(/_images/icons/instagram.png) center center no-repeat;
    background-size: auto;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    bottom: 50px;
    right: 235px
}

/*****************************************************************
*********** Content
******************************************************************/
#slider {
    width: 100%;
    max-width: 1400px;
    max-height: 600px;
    display: block;
    overflow: hidden;
    height: 599px
}

#slider .slick-slide {
    max-height: 600px
}

#slider .slick-slide div {
    max-height: 600px;
    display: inline-block
}

.slick-next::before, .slick-prev::before {
    content: ''
}

.slick-next, .slick-prev {
    width: 24px;
    height: 46px;
    position: absolute;
    top: calc(50% - 23px);
    z-index: 999;
    cursor: pointer
}

.slick-next {
    right: 25px;
    background: url(/_images/icons/slider-arrow-next.png) center center no-repeat;
    background-size: cover
}

.slick-prev {
    left: 25px;
    background: url(/_images/icons/slider-arrow-prev.png) center center no-repeat;
    background-size: cover
}

.slick-slide img {
    width: 100%;
    height: auto
}

.slick-dots {
    display: none
}

.slider-caption {
    position: absolute;
    top: calc(50% - 105px);
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 210px
}

.slider-caption span {
    display: block;
    text-align: center;
    font-size: 70px;
    line-height: 70px;
    color: #fff
}

#main-canvas {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

#main-canvas.standard_no_info {
    text-align: center;
    padding-top: 65px;
    padding-bottom: 90px;
    border-top: 6px solid #c1e4d9
}

#page-canvas {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

#main-navigation.hidden {
    display: none
}

.menu-button {
    height: 25px;
    width: 40px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: calc(50% - 12.5px);
    left: 55px
}

.menu-button .label {
    position: absolute;
    top: calc(50% - 14px);
    left: 55px
}

.menu-button .menu-line {
    width: 100%;
    height: 4px;
    border-radius: 0;
    margin-bottom: 6px;
    background-color: #4a4a49;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

#menu-list {
    max-width: 332px;
    width: 100%;
    display: block;
    left: 50%;
    top: 40%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 60%
}

#menu-list .nav-footer-item {
    float: none;
    text-align: center;
    margin-bottom: 15px
}

#menu-list .nav-footer-link {
    border: none
}

#menu-list .nav-footer-link span {
    font-size: 16px
}

.menu-button:hover .menu-line:nth-child(2) {
    width: 80%
}

.menu-button-close {
    width: 140px;
    height: 140px;
    display: block;
    background: #fff;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.nav1-item {
    float: none;
    width: 100%;
    margin-bottom: 45px;
    text-align: center
}

.nav1-link {
    display: block
}

.nav1-link span {
    font-size: 35px;
    line-height: 38px
}

.nav1-link:hover span, .nav1-link.active span {
    color: #fff
}

.nav-social {
    width: 100%;
    height: auto;
    overflow: hidden
}

.nav-social-item {
    text-align: center;
    margin-bottom: 15px
}

.nav-social-link {
    display: block;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}

.nav-social-link:hover {
    color: #fff
}

.menu-button-close .menu-line {
    width: 30px;
    height: 4px;
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 15px);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #c1e4d9;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.menu-button-close .menu-line:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mobile-menu {
    height: auto;
    width: auto;
    text-align: center
}

.nav1-mobile {
    width: auto;
    text-align: center;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.nav1-mobile li {
    width: calc(100vw - 70px);
    color: #fff;
    font-family: 'Pacifico'
}

.nav1-mobile-link {
    font-size: 35px
}

/*****************************************************************
*********** Seitenelemente
******************************************************************/
/******************* contact-info *************************/
.contact-info {
    padding: 15px
}

.contact-info p {
    margin-bottom: 10px
}

/******************* contactform *************************/
.contactform {
    padding-top: 10px;
    text-align: center;
    color: #fff
}

.contactform .defaultform {
    width: 80%;
    padding: 50px 10%;
    text-align: center;
    font-family: 'Krub'
}

.contactform .textbox {
    height: 30px;
    width: 40%;
    padding: 4px 10px;
    margin-bottom: 15px
}

.contactform #nachricht {
    width: 40%;
    height: 100px;
    padding: 10px
}

.contactform .button-submit {
    width: 40%;
    height: 35px;
    margin-top: 25px;
    border: none;
    padding: 5px
}

.contactform .form-label {
    width: 100px;
    display: inline-block
}

/******************* downloads-info *************************/
.downloads-info {
    padding: 15px
}

.downloads-info .headline {
}

.downloads-info .downloads-list {
    overflow: hidden
}

.download-item {
    margin-bottom: 10px
}

.download-link {
}

.download-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding-left: 22px;
    /*   background: url(/_images/icons/ic_download.png)center center no-repeat;*/
    background-size: 13px;
    background-position-x: 0;
    line-height: 22px
}

.download-link::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f019";
    width: 25px;
    display: inline-block
}

/******************* gallery-main *************************/
.gallery-main {
}

.gallery-image {
    float: left;
    width: calc(100% / 4);
    max-width: 380px;
    max-height: 380px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

/******************* image-fullsize-main *************************/
.image-fullsize-main {
}

/******************* image-text-three-columns-main *************************/
.image-text-three-columns-main {
    padding: 30px 15px
}

.image-text-three-columns-main .col {
    width: calc(100% / 3 - 10px);
    float: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 15px
}

.image-text-three-columns-main .col img {
    margin-bottom: 20px
}

.image-text-three-columns-main .col1 {
    margin-left: 0
}

/******************* info-teaser-main *************************/
.info-teaser-main {
    padding: 20px
}

.info-teaser-main .info {
    width: calc(100% / 3);
    float: left;
    color: #fff
}

.info-teaser-main .info h2 {
    margin: 0;
    font-size: 30px
}

.info-teaser-main .info p {
    font-weight: 700;
    font-size: 20px
}

/******************* map-main *************************/
.map-main {
}

/******************* overviewpages-main *************************/
.overviewpages-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.overviewpages-main .overview-item {
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 50%;
    width: 100%;
    -ms-flex-preferred-size: 800px;
    flex-basis: 800px;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.overviewpages-main .overview-item .detail-link {
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.overviewpages-main .overview-item h2 {
    background: #c1e4d9;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 58px;
    margin-bottom: 0;
    font-size: 49px;
    width: 100%;
    max-width: 535px;
    text-align: center
}

.overviewpages-main .overview-item:hover .detail-link {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

/******************* text-image-list-main *************************/
.text-image-list-main {
}

.text-image-list-main .box {
    width: calc(100% / 3);
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.text-image-list-main-image {
    margin-bottom: 15px
}

/******************* text-image-main *************************/
.text-image-main {
}

.text-image-main img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 125px;
    margin-bottom: 125px
}

.text-image-main .right-column {
    width: 100%;
    overflow: hidden;
    float: left;
    max-width: 595px;
    margin-left: 175px;
    padding-top: 40px;
    padding-right: 30px
}

.text-image-main .left-column {
    width: 100%;
    overflow: hidden;
    float: left;
    max-width: 340px;
    padding-left: 64px
}

/******************* text-main *************************/
.text-main .text {
    padding: 15px
}

.text-main .text a {
    font-family: "Jura Bold";
}

.text-main .text a:hover {
    border-bottom: 2px solid #c1e4d9;
}

/******************* texteditor-info *************************/
.texteditor-info {
    padding: 15px
}

/************* header-info-bottom **********************/

.header-info-bottom .content {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
    padding-top: 54px;
    padding-bottom: 54px;
    background: #c1e4d9;
}

.header-info-bottom .text {
    background: #c1e4d9;
    text-align: center;
}

/************ header-info-right ***************************/
.header-info-right {
    position: relative;
    height: auto;
    overflow: visible
}

.header-info-right .headline {
    padding-bottom: 25px;
    border-bottom: 3px solid #fff;
    padding-right: 100px;
    margin-bottom: 25px
}

.header-info-right .text {
    max-width: 525px;
    width: 100%;
    display: block;
    height: calc(100% - 37.5px);
    background: url(/_images/header-info-right-background.png) center right no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 999;
    top: 37.5px;
    right: 0
}

.header-info-right .text .content {
    position: absolute;
    top: 50%;
    padding-left: 150px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.header-info-right .text .content .text-content {
    margin-bottom: 8px
}

.header-info-right .text .content .text-content * {
    font-size: 25px
}

/********** page-teaser-main **************/
.page-teaser-main {
    min-height: 800px
}

.page-teaser-main .right-box {
    max-width: 50%;
    float: left;
    width: 100%;
    background: #eee6d9;
    height: 100%;
    position: absolute;
    right: 0;
    padding-top: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page-teaser-main .left-box {
    float: left;
    max-width: 50%;
    width: 100%;
    background: #cde9e1;
    height: 100%;
    position: absolute;
    left: 0;
    padding-top: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page-teaser-main .left-box a, .page-teaser-main .right-box a {
    height: 100%;
    display: block;
    overflow: hidden
}

.page-teaser-main .image {
    max-width: 250px;
    left: 50%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.page-teaser-main .headline {
    text-align: center;
    font-size: 50px;
    margin-bottom: 40px
}

.page-teaser-main .more {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    max-width: 175px;
    z-index: 9999
}

.page-teaser-main .more .link-border {
    display: none;
    background: #fff;
    height: 8px;
    position: absolute;
    bottom: 2px;
    width: 100%;
    z-index: -1
}

.page-teaser-main .more:hover .link-border {
    display: block
}

/*********************** references-main **************************/
.references-main {
    padding-top: 85px;
    padding-bottom: 80px;
    width: 100%
}

.references-main .load-more {
    display: block;
    margin: 0 auto;
    max-width: 165px;
    text-align: center;
    cursor: pointer;
    width: auto;
    margin: 0 auto;
    margin-top: 80px;
    position: relative
}

.references-main .headline {
    text-align: center;
    margin-bottom: 40px
}

.references-main .text {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 70px
}

.references-main .image-container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.references-main .gallery-link {
    width: 340px;
    height: 340px;
    display: block;
    margin: 17.5px;
    max-width: 340px;
    overflow: hidden
}

.references-main .gallery-link img {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.references-main .gallery-link:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.references-main .gallery-link.hidden {
    display: none
}

.references-main .load-more .link-border {
    display: none;
    background: #c1e4d9;
    height: 8px;
    position: absolute;
    bottom: 2px;
    width: 100%;
    z-index: -1
}

.references-main .load-more:hover .link-border {
    display: block
}

/********** header-info-black **************/
.header-info-black {
}

.header-info-black .background-blur {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background: #535456;
    opacity: 90%
}

.header-info-black .text {
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 9999;
    max-width: 620px
}

.header-info-black .text .text-content * {
    color: #fff;
    font-size: 25px;
    line-height: 32px
}

.header-info-black .headline {
    font-size: 51px;
    line-height: 58px;
    margin-bottom: 35px;
    color: #fff
}

.header-info-black .text-listing {
    margin-top: 45px
}

.header-info-black .text-listing li {
    padding-right: 15px;
    line-height: 15px;
    border-right: 1px solid #fff
}

/*********** product-info-teaser ****************/
.product-info-teaser {
    padding-top: 60px;
    padding-bottom: 80px
}

.product-info-teaser .row {
    max-width: 790px;
    width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
    margin-bottom: 35px;
    overflow: hidden;
    min-height: 200px
}

.product-info-teaser .row .headline {
    padding-left: 140px;
    border-bottom: 2px solid #c1e4d9;
    margin-left: 153px;
    line-height: 70px;
    margin-bottom: 20px;
    margin-top: 15px
}

.product-info-teaser .row .text {
    max-width: 500px;
    width: 100%;
    float: right;
    padding-right: 15px
}

/*************** header-info-center *****************/
.header-info-center {
    margin-bottom: 300px;
    overflow: visible
}

.header-info-center .text {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    max-width: 710px;
    width: 100%;
    padding: 55px;
    background: #c1e4d9;
    height: auto;
    text-align: center;
    bottom: -25%
}

/****************** product-box ***************/
.product-box {
    max-width: 710px;
    float: left;
    margin-left: 35px;
    margin-bottom: 70px
}

.product-box:nth-child(1n + 2) {
    margin-left: 70px
}

.product-box img {
    border: 3px solid #c1e4d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px
}

.product-box .headline {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 8px
}

.product-box .text {
    padding-right: 15px
}

/***************** back-link ******************/
.back-link-main {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-left: 55px;
    padding-top: 35px;
    padding-bottom: 35px
}

/***************** devices-main **********************/
.devices-main {
    margin: 0 auto;
    max-width: 1240px;
    width: 100%;
    margin-bottom: 40px;
    padding: 15px;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row
}

.devices-main .left-column {
    max-width: 587px;
    width: 100%;
    float: left
}

.devices-main .right-column {
    max-width: 587px;
    width: 100%;
    float: left;
    margin-left: 30px
}

.devices-main .text {
    text-align: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 60px
}

.devices-main .price-text {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding-top: 15px;
    border-top: .5px solid #000;
    padding-bottom: 15px;
    border-bottom: .5px solid #000;
}

/***************** devices-main **********************/
.jobs-main {
    padding-right: 19.58%;
    margin-top: 65px;
    padding-left: 12%;
}

.jobs-main .text {
    text-align: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid black;
    padding-right: 13.35%;
    padding-bottom: 30px;
}


/******************** factory-history ********************************/

.factory-history {
    padding-bottom: 54px;
}

.factory-history .text {
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
}

.factory-history .text-hidden {
    margin-top: 28px;
}

.factory-history .load-more {
    display: block;
    margin: 0 auto;
    max-width: 165px;
    text-align: center;
    cursor: pointer;
    width: auto;
    margin: 0 auto;
    margin-top: 35px;
    position: relative
}

.factory-history .load-more .link-border {
    display: none;
    background: #c1e4d9;
    height: 8px;
    position: absolute;
    bottom: 2px;
    width: 100%;
    z-index: -1
}

.factory-history .load-more:hover .link-border {
    display: block
}


/***************** contact-person **************************/

.contact-person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.contact-person .person {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    margin: 2%;
}

.contact-person .person .image {
    max-width: 287px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.contact-person .person .image img {
    border-radius: 50%;
}

.contact-person .person .text h2 {
    font-size: 22px;
    font-family: "Jura Bold";
    line-height: 27px;
    margin-bottom: 10px;
}