@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,300,400,400i,700,700i,900,900i|Saira+Extra+Condensed:100,200,300,400&subset=latin-ext');

h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    float: left;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
}

h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
}
h2 small{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
}

h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

p {
    margin-bottom: 24px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
}
hr{
    opacity:0.3;
    border:0px;
    height:1px;
    background:#FFF;
}
hr.margin {
    margin:25px 0px 5px;
}
#img2{
    max-width: 50%;
    margin-left: 50px;
}

#img3{
    max-width: 50%;
    margin-left: 80px;
}

.body {
    overflow: visible;
    margin-right: 50px;
    margin-left: 50px;
}

.body.body-blog {
    height: 100vh;
    padding-top: 50px;
    padding-bottom: 50px;
}

.top {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 10000;
    margin-right: 50px;
    margin-left: 50px;
}

.navbar {
    background-color: #fff;
}

.translink {
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px;
}

.translink:hover {
    color: #b9b9b9;
}

.translink.w--current {
    color: #116ffd;
}

.section-top {
    position: relative;
    height: 200vh;
    background-color: transparent;
}

.brand {
    padding-top: 9px;
    padding-bottom: 9px;
}

.bottom {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 3000;
    height: 50px;
    background-color: #fff;
    text-align: center;
}

.div-left {
    position: fixed;
    top: 50%;
    width: 50%;
    height: auto;
    padding-right: 150px;
    padding-left: 9vw;
    opacity: 1;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.div-txt-top {
    position: static;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.div-txt-top.dtt-percent {
    width: 50%;
}

.div-hl-mini {
    display: block;
    float: none;
}

.div-hl-mini.hl-mini-side {
    line-height: 14px;
}

.line1 {
    width: 36px;
    height: 3px;
    margin-top: 10px;
    margin-bottom: 16px;
    margin-right: 11px;
    float: none;
    clear: none;
    background-color: #000;
}
.line1.white {
    background-color: #FFF;
}
.line1.line1b {
    margin-top: 0px;
}

.line1.line-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.line1.line-weiss {
    background-color: #fff;
}

.txt-hl-mini {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    float: none;
    clear: none;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    font-weight: 500;
}

.txt-hl-mini.hlmini-weiss {
    color: #fff;
}

.txt-white {
    color: #fff;
}

.backgounds {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    margin-right: 50px;
    margin-left: 50px;
}

.background1 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -5;
    display: block;
    overflow: hidden;
    height: 100vh;
}

.back1-right {
    position: relative;
    width: 100%;
    height: 100vh;
    padding-right: 70px;
    padding-left: 70px;
    float: right;
    background-color: #9cb8c4;
    background-image: url('../images/slider_1.jpg');
    background-position:center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.back-left {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.back1-right.en {
    background-image: url('../images/slider_1.jpg.jpg');
}

.section2 {
    position: static;
}

.div-section2 {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.div-tabelle1 {
    width: 100%;
    margin-top: 50px;
}

.list {
    padding-left: 22px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.list li ul{
    padding-top: 15px;
}
.list li ul li:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}
.list.list-dark {
    color: #848484;
}

.list-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
}

.list-item.li-noline {
    border-bottom-style: none;
}

.list-item.li-hell {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom-color:rgba(255,255,255,0.2);
    font-size: 14px;
    font-weight: 400;
}

.list-item.li-hell > a{
    color: #FFF;
    text-decoration: none;
}

.list-item.li-hell > a:hover{
    text-decoration: underline;
}

.background2 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -4;
    display: block;
    overflow: visible;
    height: 100vh;
    background-image: linear-gradient(225deg, #000000, #2c80ff);
    opacity: 0;
}



.section3 {    
    position: relative;
    padding-top: 50px;
    padding-bottom: 79vh;
    background-color: transparent;
}

.background3 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -3;
    overflow: hidden;
    background-color: #2c80ff;
    background-image: -webkit-linear-gradient(225deg, #000000, #2c80ff);
    background-image: linear-gradient(225deg, #000000, #2c80ff);
    opacity: 0;
}

.txtback1 {
    position:absolute;
    left: 0px;
    bottom: -10px;
    display: block;
    max-width: 220%;
    min-width: 2000px;
    margin-right: auto;
    margin-left: auto;
    opacity: 0.2;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.txtback2 {
    position:absolute;
    left: 0px;
    bottom: -10px;
    display: block;
    max-width: 300%;
    min-width: 3000px;
    margin-right: auto;
    margin-left: auto;
    opacity: 0.1;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.div-referenz {
    margin-top: 150px;
    padding-right: 50px;
    padding-left: 50px;
    text-decoration: none;
}

.div-referenz.ref-proj {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.txt-referenz {
    margin-top: 17px;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: 400;
}

.txt-referenz.txtref2 {
    margin-top: 12px;
    line-height: 14px;
}

.div-txt-referenzen {
    padding-right: 50px;
    padding-left: 11vw;
    float: right;
}

.para-black {
    color: #000;
}

.para-black.grey {
    color: #848484;
}

.para-black.grey._2sp {
    -webkit-column-count: 2;
    column-count: 2;
}

.para-black.dark-grey {
    color: #454545;
}

.background4 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -2;
    overflow: hidden;
    background-color: #000000;
    background-image: -webkit-linear-gradient(225deg, #2c80ff, #000000);
    background-image: linear-gradient(225deg, #2c80ff, #000000);
    opacity: 0;
    text-align: right;
}

.div-u {
    margin-top: 187px;
    margin-right: -425px;
    opacity: 0;
}

.section4 {
    position: relative;
    padding-top: 50px;
    padding-bottom: 79vh;
    background-color: transparent;
}

.container {
    padding-right: 6vw;
    padding-left: 6vw;
    text-align: left;
}

.div-txt-leistungen {
    width: 100%;
}

.div-grafik {
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    margin-top: 144px;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
}

.block-icon {
    position: relative;
    height: 90px;
}

.div-icon {
    position: relative;
    display: inline-block;
    width: 40%;
    height: 100%;
    float: left;
}

.div-line {
    width: 51%;
    height: 100%;
    float: left;
}

.line {
    position: relative;
    top: 50%;
    height: 1px;
    border-style: none none dashed;
    border-width: 1px;
    border-color: #000 #000 hsla(0, 0%, 100%, .33);
    background-color: transparent;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.icon {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.div-txt-icon {
    width: 85%;
}

.hl-icon {
    margin-top: 17px;
    margin-bottom: 13px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 23px;
    line-height: 35px;
    font-weight: 300;
}

.txt-icon {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
}

.container-icons {
    padding-right: 6vw;
    padding-left: 6vw;
}

.div-leistungen {
    padding-right: 40px;
    padding-left: 40px;
}

.section5 {
    position: static;
    padding-top: 70vh;
    padding-bottom: 30vh;
}

.background5 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -4;
    display: block;
    overflow: visible;
    height: 100vh;
    background-color: #2d2d2d;
    background-image: -webkit-linear-gradient(225deg, #2c80ff, #6e1a52);
    background-image: linear-gradient(225deg, #2c80ff, #2c80ff);
    opacity: 0;
}
/*
.back-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #1f2324;
    background-image: -webkit-linear-gradient(45deg, #91287e, #e4010e);
    background-image: linear-gradient(45deg, #91287e, #e4010e);
    opacity: 0;
}*/

.div-backgroundimage {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url('../images/footer_zemin.png');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.div-kontakt {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}

.div-button-kontakt {
    margin-top: 62px;
}

.button1 {
    padding: 20px 30px;
    border: 2px solid #fff;
    background-color: transparent;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 300;
}

.button1:hover {
    background-color: hsla(0, 0%, 100%, .19);
}

.section-footer {
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 30px;
    padding-right:30px;
    border-style: none;
    border-width: 1px;
    border-color: #fff #000 #000;
    background-color: rgba(0, 0, 0, .65);
    overflow: hidden;
}

.section-footer.footer-black {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #292929;
}

.div-logo-footer {
    display: inline-block;
    /* margin-right: 80px;*/
    float: left;
    margin-top: 5px;
}
.div-logo-seperator {
    display: inline-block;
    width: 100%;
    height: 1px;
    float: left;
    background: #FFF;
    overflow: hidden;
    position: relative;
    opacity: 0.3;
    margin-top: 15px;
    margin-bottom: 15px;
}
.div-adresse-footer {
    display: inline-block;
    width:auto;
    margin-right:40px;
    padding-top: 8px;
    float: left;
}
.div-copyright {
    float: left;
    width:auto;
    height: auto;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    font-weight: 400;
}
.div-copyright p,
.div-copyright a{
    float: left;
    width:auto;
    height: auto;
    color: #fff;
    font-size: 11px;
    line-height: 23px;
    font-weight: 400;
    padding-right: 10px;
    padding-bottom: 0px;
    margin: 0px;
    text-decoration: none;
    opacity: 0.5;
}
.div-copyright a:hover{
    opacity: 0.9;
}
.div-diverseffect {
    float: right;
    width:78px;
    height:23px;
}
.div-diverseffect a {
    float: left;
    width:78px;
    height:23px;
    display: block;
    background: url(../images/divereffect.png) left center no-repeat;
    background-size: contain;
    text-indent: -9999px;
    margin: 0px
}
.link-footer {
    display: block;
    margin-bottom: 9px;
    padding-bottom: 9px;
    float: none;
    clear: left;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-decoration: none;
}
.link-footer.margin-more {
    margin-top: 25px;
}
.link-footer:hover {
    opacity: 0.5;
}
.link-footer b{
    font-size: 13px;
}
.link-footer.lf-noline {
    border-bottom-style: none;
}

.div-scrolldown {
    display: inline-block;
    padding-top: 11px;
}

.txt-scrolldown {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    text-transform: none;
}

.trigger {
    height: 50px;
}

.div-social {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 31;
    width: 50px;
    height: 100vh;
}

.div-social-buttons {
    position: relative;
    top: 50%;
    display: block;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    text-align: center;
}

.div-social-buttons.hide {
    z-index: 20;
    display: block;
}

.link-social {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    float: none;
    clear: none;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.link-social:hover {
    opacity: 0.3;
}

.link-social.nref {
    display: none;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
}

.line-section {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 50%;
    border-right: 1px dashed hsla(0, 0%, 100%, .59);
    opacity: 0;
}

.section-head {
    position: relative;
    overflow: hidden;
    height: 100vh;
    padding-top: 50px;
    background-color: transparent;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.section-head.head_want {
    background-color: #60738b;
    background-image: url('../images/sky.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}

.section-head.sh-ens {
    background-color: #35535c;
    background-image: none;
}

.section-head.sh-impressum {
    margin-top: 50px;
    height:300px;
    background-color: #acb480;
	background-image: -webkit-linear-gradient(225deg, #ff7f27 -2%, #000000);
    background-image: linear-gradient(225deg, #2796ff -2%, #000000);

}
#rapor-header {
    margin-top: 50px;
    height:300px;
    background-color: #acb480;
    background-image: url('../images/gartnerbant-4.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.section-head.sh-sermocore {
    overflow: visible;
    height: auto;
    padding-bottom: 0px;
}

.section-projektbeschr {
    position: relative;
    margin-top: -50px;
    float: none;
    background-color: #799199;
}

.div-block-phone {
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 651px;
    float: none;
    background-color: #508f91;
}

.div-block-beschr {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 100%;
    float: left;
    background-color: #2d2d2d;
}

.div-block-beschr.dbb-cover {
    position: absolute;
    width: 60%;
    background-color: #799199;
}

.div-phone {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-right: 50px;
    padding-left: 50px;
    text-align: center;
}

.div-beschr {
    position: absolute;
    left: 0px;
    top: 50%;
    right: 0px;
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.section-logo {
    padding-top: 72px;
    padding-bottom: 72px;
    background-color: #ececec;
    text-align: center;
}

.section-video {
    padding: 107px 20px;
    background-color: #508f91;
}

.div-video {
    position: relative;
    z-index: 20;
    display: block;
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 32px 64px 0 rgba(0, 0, 0, .5);
    line-height: 0px;
}

.hl-left {
    position: absolute;
    width: 50%;
    height: 100vh;
    padding-right: 100px;
    padding-left: 10vw;
}

.hl-left.trans {
    top: 50%;
    z-index: 10;
    height: auto;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.hl-left.trans.imp {
    width: 100%;
}

.section-3d {
    overflow: hidden;
    padding: 213px 112px;
    background-color: #292929;
    background-image: -webkit-linear-gradient(270deg, transparent, rgba(0, 0, 0, .33));
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .33));
}

._3d-parrent {
    position: relative;
    overflow: visible;
    text-align: center;
}

.layer2 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.layer3 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.layer4 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

._3d {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.section-yt-video {
    margin-bottom: 15px;
    padding-top: 50px;
    padding-bottom: 158px;
    background-color: #292929;
    background-image: none;
}

.div-videotxt {
    margin-top: 0px;
    margin-bottom: 95px;
    padding-right: 10vw;
    padding-left: 10vw;
    text-align: center;
}

.video_iwant {
    box-shadow: none;
}

.div-videocontainer {
    padding-right: 10vw;
    padding-left: 10vw;
}

.section-teck {
    overflow: visible;
    background-color: #292929;
}

.div-image-teck {
    overflow: hidden;
    border-bottom: 1px solid #6e6e6e;
}

.imagetec {
    width: 100%;
}

.div-txt-teck {
    margin-top: 105px;
    padding-right: 100px;
    padding-left: 100px;
}

.div-hl-teck {
    padding-right: 10px;
    padding-left: 10px;
}

.txt-teck {
    width: 90%;
}

._2spaltig {
    -webkit-column-count: 1;
    column-count: 1;
}

.section-screenshot {
    position: relative;
    height: 50vw;
    background-image: url('../images/screenshot.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: scroll;
}

.div-skyline {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.image-skyline {
    width: 100%;
}

.txtback-mobile {
    display: block;
    max-width: 320%;
    min-width: 5000px;
    margin-right: auto;
    margin-left: auto;
    opacity: 0.5;
}

.div-lineraster {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 100%;
    background-image: url('../images/lineraster.svg');
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat-y;
}

.div-absatz {
    padding-top: 36px;
}

.div-weblink-button {
    margin-top: 35px;
    float: left;
    clear: left;
}

.div-weblink-button.button-center {
    display: inline-block;
    float: none;
    clear: none;
}

.weblink-button {
    padding-top: 13px;
    padding-bottom: 13px;
    float: none;
    clear: none;
    border: 2px solid #fff;
    background-color: transparent;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.weblink-button:hover {
    background-color: rgba(0, 0, 0, .11);
}

.weblink-button.button-dark {
    border-color: #000;
    color: #000;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.weblink-button.button-dark:hover {
    background-color: rgba(0,0,0,.1);
}

.weblink-button.button-gray {
    border-width: 1px;
    border-color: #fff;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    color: #fff;
}

.weblink-button.button-gray:hover {
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff;
}

.weblink-button.button-clubsite {
    border-color: #da6e2b;
    color: #da6e2b;
}

.weblink-button.button-clubsite:hover {
    background-color: #da6e2b;
    color: #fff;
}

.weblink-button.button-docsite {
    border-color: #0c9cc2;
    -webkit-transition: color 200ms ease, border-color 200ms ease;
    transition: color 200ms ease, border-color 200ms ease;
    color: #0c9cc2;
}

.weblink-button.button-docsite:hover {
    border-color: #85d8ee;
    background-color: transparent;
    color: #85d8ee;
}

.ens-head {
    height: 100%;
    background-image: url('../images/ens_head.jpg');
    background-position: 50% 0px;
    background-size: cover;
}

.div-covers {
    position: absolute;
    right: -22%;
    bottom: -25%;
    width: 80%;
    font-size: 0px;
    line-height: 0px;
}

.iso-col1 {
    display: inline-block;
    width: 25%;
    font-size: 0px;
    line-height: 0px;
}

.iso-col2 {
    display: inline-block;
    width: 25%;
}

.iso-col3 {
    display: inline-block;
    width: 25%;
}

.iso-col4 {
    display: inline-block;
    width: 25%;
}

.iso-item {
    margin-right: 14px;
    margin-bottom: 14px;
    box-shadow: 7px 7px 14px 0 rgba(0, 0, 0, .27);
    -webkit-transition: box-shadow 600ms ease, -webkit-transform 600ms ease;
    transition: box-shadow 600ms ease, -webkit-transform 600ms ease;
    transition: box-shadow 600ms ease, transform 600ms ease;
    transition: box-shadow 600ms ease, transform 600ms ease, -webkit-transform 600ms ease;
    font-size: 0px;
    line-height: 0px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.iso-item:hover {
    box-shadow: 16px 16px 21px 0 rgba(0, 0, 0, .27);
    -webkit-transform: translate3d(0px, 0px, 26px);
    transform: translate3d(0px, 0px, 26px);
}

.hl-ens {
    float: none;
    clear: none;
}

.div-coverslider {
    position: relative;
    float: none;
    background-color: #2d2d2d;
}

.coverslider {
    width: 40%;
    height: auto;
    background-color: transparent;
}

.coverslider-icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
    border: 9px none #fff;
    border-radius: 90px;
    color: #2d2d2d;
    font-size: 42px;
}

.coverslider-right-arrow {
    position: absolute;
    right: -34px;
    display: inline-block;
    overflow: hidden;
    width: 68px;
    height: 68px;
    border-radius: 50px;
    background-color: #fff;
}

.mask-coverslider {
    background-color: transparent;
}

.image-triocovers {
    width: 100%;
}

.div-naechste-ref {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    width: 50px;
    height: 100vh;
    background-color: #fff;
}

.section-impressum {
    background-color: #fff;
}

.container-impressum {
    padding-top: 63px;
    padding-right: 10vw;
    padding-left: 10vw;
    padding-bottom: 70px;
}
.container-adress {
    padding-top: 63px;
    padding-right: 1vw;
    padding-left: 10vw;
    padding-bottom: 70px;
}
.container-contact {
    padding-top: 63px;
    padding-right: 10vw;
    padding-left: 1vw;
    padding-bottom: 70px;
}
.txt-impressum {
    color: #000;
}
.txt-arge {
    color: #FFF;
}

.txt-arge a{
    text-decoration: underline;
    color: #FFF;
}
.txt-arge a:hover{
    text-decoration: none;
    color: #FFF;
}
.txt-impressum.ti-small,
.txt-arge.ti-small {
    font-size: 14px;
    line-height: 24px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    
}

.div-DonusumText {
    margin-top: 35px;
    padding-top: 95px;
    padding-bottom: 40px;
    /*border-top: 6px solid rgba(255,255,255,0.3);*/
}

.hl-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.scrl-margin{
    display: block;
    height: 60px;
    margin-top: -60px;
}

.hl-wrapper.hlwrapper2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.hl-ani {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    text-transform: none;
}

h3.hl-ani {
    margin-bottom: 15px;
}
.div-txt-project h3.hl-ani {
    margin-bottom: 0px;
}

.hl-ani.black {
    color: #000;
    text-transform: none;
}

.hl-ani.black.hlsmall {
    font-size: 22px;
    line-height: 25px;
}

.hl-ani.grey {
    color: #848484;
}

.color-bar {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    background-color: #fff;
}

.color-bar.cb-black {
    display: block;
    background-color: #000;
}

.color-bar.cb-grey {
    display: block;
    background-color: #848484;
}

.hl-referenz {
    height: 66px;
}

.hl-referenz.hlr1 {
    height: auto;
}

.subline {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.txtlink {
    color: #000;
}

.utility-page-wrap {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1C25CE;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.not-found {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 35px;
    font-weight: 800;
}

.notfound-sl {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 600;
}

.div-wrong {
    margin-bottom: 31px;
}

.icon-wrong {
    display: block;
    width: 300px;
    height:auto;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
}

.txt-icon-wrong {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 60px;
    line-height: 64px;
    font-weight: 700;
}

.ellmauer-head {
    position: relative;
    height: 100%;
    background-color: #e6a658;
}

.div-ellmauer-portrait {
    position: absolute;
    right: 9%;
    bottom: 0px;
}

.ellmauerpic {
    height: 70vw;
    max-height: 90vh;
}

.section-folder {
    margin-top: -40px;
}

.bg-folder {
    position: relative;
    height: 355px;
    background-color: #d2c4bb;
}

.div-folder1 {
    position: absolute;
    left: 0px;
    top: 75px;
    right: 0px;
    z-index: 29;
    display: block;
    text-align: center;
}

.section-web {
    margin-top: 274px;
}

.div-block-txt-ellmauer {
    margin-bottom: 70px;
    padding-right: 202px;
}

.container-2 {
    padding-right: 45px;
    padding-left: 45px;
}

.fixed-parallax-01 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/edoksis_parallax_01.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-02 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/edoksis_parallax_02.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-03 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/pratis_parallax_01.png');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-05 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/hrweb_parallax_01.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-06 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/veri_parallax_01.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-07 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/uygulama_parallax_01.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-08 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/sap_parallax_01.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-09 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/iscozum_parallax_01.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-10 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/veriAnalitigi_parallax_02.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-11 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/siber_parallax_01.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-12 {
    height: 450px;
    margin-top: 0px;
    background-image: url('../images/grsis_parallax_01.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-attachment: fixed;
}
.fixed-parallax-13 {
    height: 450px;
    margin-top:0px;
    background-image: url('../images/perfx_parallax.jpg');
    /* background-position: 50% 0px; */
    background-size: cover;
    background-attachment: fixed;
}

.section-print {
    margin-top: 92px;
}

.div-printmockups {
    position: static;
    margin-top: 71px;
    padding-bottom: 102px;
    background-color: #d2c4bb;
}

.container-printmockups {
    position: relative;
    left: 0px;
    top: -50px;
    right: 0px;
}

.div-ellmauerfolder1 {
    position: static;
    top: -65px;
    right: 0px;
    text-align: right;
}

.div-ellmauerfolder2 {
    position: relative;
}

.ellmauerfolder2 {
    display: inline-block;
    width: 60%;
    margin-left: 20px;
}

.txt-ellmauerfolder2 {
    position: absolute;
    top: 149px;
    right: 0px;
    width: 43%;
    margin-right: 20px;
}

.div-ellmauerfolder3 {
    position: relative;
    text-align: right;
}

.txt-ellmauerfolder3 {
    position: absolute;
    left: 0px;
    top: 216px;
    width: 43%;
    margin-left: 20px;
}

.ellmauerfolder3 {
    display: inline-block;
    width: 50%;
    margin-right: 20px;
}

.ellmauerfolder1 {
    display: inline-block;
    margin-right: 20px;
}

.verlauf {
    height: 8px;
    margin-top: 35px;
    background-image: -webkit-linear-gradient(0deg, #ffa12c, #b5c760 50%, #c7bab1);
    background-image: linear-gradient(90deg, #ffa12c, #b5c760 50%, #c7bab1);
}

.husqvarna-head {
    height: 100%;
    background-image: url('../images/husqvarna_head2.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

.section-fotos {
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
}

.saege {
    margin-top: 0px;
    margin-bottom: 48px;
}

.husimage1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.hus-flex-parrent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hus-flex-parrent2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px;
    margin-left: -5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.div-block {
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}

.div-block-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.hus-image3 {
    margin-top: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.hus-text {
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: 60px;
}

.hus-textblock {
    padding: 100px 20% 121px 65px;
    background-color: #f35321;
    text-align: left;
}

.div-block-3 {
    position: relative;
    height: 70vh;
    margin-bottom: 10px;
    background-image: url('../images/hus_image4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}

.hus-text-2 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 30%;
    padding: 30px 30px 20px;
    background-color: #f35321;
    text-align: left;
}

.hus-flex-parrent3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px;
    margin-left: -5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.hus-image4 {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.div-block-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.div-block-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 5px;
    padding-left: 5px;
}

.hus-image5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-image: url('../images/hus_image6.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

.hus-text3 {
    min-height: 300px;
    padding: 106px 30px 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    background-color: #f35321;
    text-align: left;
}

.div-block-7 {
    margin-top: 10px;
    padding-right: 81px;
    padding-left: 5px;
}

.image-2 {
    width: 100%;
}

.image-3 {
    width: 100%;
}

.image-4 {
    width: 100%;
}

.image-5 {
    width: 100%;
}

.image-6 {
    width: 100%;
}

.perfx-head-bg {
    height: 100%;
    background-image: url('../images/perfx_header.png');
    background-position:center center;
    background-size: cover;
}
.perfx-head-bg-alt {
    height: 100%;
    background-image: url('../images/perfx-new-bg.png');
    background-position:center center;
    background-size: cover;
}
.perfx-head-bg-alt-white {
    height: 100%;
    background-image: url('../images/perfx-new-bg-white.png');
    background-position:center center;
    background-size: cover;
}
.edoksis-head-bg {
    height: 100%;
    background-image: url('../images/edoksis_header.jpg');
    background-position:center center;
    background-size: cover;
}
.pratis-head-bg {
    height: 100%;
    background-image: url('../images/Danısmanlik.png');
    background-position:center center;
    background-size: cover;
}

.dialoga-dayali-bg{
    height: 100%;
    background-image: url('../images/Cyber.png');
    background-position:center center;
    background-size: cover;
}

.hizmet-detay-bg{
    height: 100%;
    background-image: url('../images/hizmet_detaylari.png');
    background-position:center center;
    background-size: cover;
}

.konusma-sentezleme-bg{
    height: 100%;
    background-image: url('../images/konusma-sentezleme.png');
    background-position:center center;
    background-size: cover;
}

.veri-merkezi-bg{
    height: 100%;
    background-image: url('../images/Predictive_Analytics.png');
    background-position:center center;
    background-size: cover;  
}

.konusma-sentezleme-2-bg{
    height: 100%;
    background-image: url('../images/konusma-sentezleme-2.png');
    background-position:center center;
    background-size: cover;  
}

.urun-detay-head-bg{
    height: 100%;
    background-image: url('../images/data.png');
    background-position:center center;
    background-size: cover;   
}

.uygulama-gelistirme-bg {
    height: 100%;
    background-image: url('../images/uygulama-gelistirme.png');
    background-position:center center;
    background-size: cover;
}

.ileri-veri-analitigi-bg{
    height: 100%;
    background-image: url('../images/veri_merkezi_tasarimi.png');
    background-position:center center;
    background-size: cover;
}
.konusma-tanima-bg {
    height: 100%;
    background-image: url('../images/konusma_tanima_bg.jpg');
    background-position:center center;
    background-size: cover;
}

.konusma-tanima-2-bg{
    height: 100%;
    background-image: url('../images/konusma-tanima-2.png');
    background-position:center center;
    background-size: cover; 
}

.yazilim-gelistirme-head-bg{
    height: 100%;
    background-image: url('../images/data-analytic-2.png');
    background-position:center center;
    background-size: cover; 
}

.yeni-nesil-arsiv-yazilimi-bg{
    height: 100%;
    background-image: url('../images/yeni_nesil_arsiv_yazilimi.png');
    background-position:center center;
    background-size: cover;
}

.hrweb-head-bg {
    height: 100%;
    background-image: url('../images/hrweb_header.jpg');
    background-position:center center;
    background-size: cover;
}
.cdx-head-bg {
    height: 100%;
    background-image: url('../images/cdx_header.jpg');
    background-position:center center;
    background-size: cover;
}
.grsis-head-bg {
    height: 100%;
    background-image: url('../images/grsis_header.jpg');
    background-position: center center;
    background-size: cover;
}
.veriMerkezi-head-bg {
    height: 100%;
    background-image: url('../images/veriMerkezi_header.jpg');
    background-position:center center;
    background-size: cover;
}
.uygulama-head-bg {
    height: 100%;
    background-image: url('../images/uygulama_header.jpg');
    background-position:center center;
    background-size: cover;
}
.sap-head-bg {
    height: 100%;
    background-image: url('../images/sap_header.jpg');
    background-position:center center;
    background-size: cover;
}
.iscozum-head-bg {
    height: 100%;
    background-image: url('../images/iscozum_header.jpg');
    background-position:center center;
    background-size: cover;
}
.veriAnalitigi-head-bg {
    height: 100%;
    background-image: url('../images/veriAnatiligi_header.jpg');
    background-position:center center;
    background-size: cover;
}
.siber-head-bg {
    height: 100%;
    background-image: url('../images/siber_header.jpg');
    background-position:center center;
    background-size: cover;
}
.edoksis-head-icon {
    position: absolute;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 50%;
    z-index: 10;
    height: auto;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    padding-right: 1vw;
}
.section-potentialleben {
    padding-top: 24px;
    padding-bottom: 10px;
}

.pt-logo {
    padding-top: 80px;
    padding-bottom: 150px;
}

.div-pt-intro {
    padding-right: 102px;
    padding-left: 102px;
}

.pt-links {
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pt-right {
    display: block;
    padding-top: 50px;
    padding-right: 50px;
    padding-left: 50px;
    float: left;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 417px;
    -ms-flex-preferred-size: 417px;
    flex-basis: 417px;
    background-color: #e3406a;
}

.pt-schild {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.image-9 {
    width: 100%;
}

.div-stationery {
    padding-top: 163px;
    padding-bottom: 163px;
}

.div-pl-vk-fixed {
    height: 750px;
    background-image: url('../images/potentialleben_vk.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.image-10 {
    width: 100%;
}

.meintisch-head {
    position: static;
    overflow: visible;
    height: 100%;
    background-color: #9bb03f;
    background-image: url('../images/meintisch_head2.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-meintisch-projekt {
    position: relative;
}

.div-meintisch-projekt-left {
    display: block;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 100px;
    padding-bottom: 150px;
}

.div-meintisch-imac {
    position: absolute;
    right: -97px;
    bottom: 66px;
    width: 60%;
    max-width: 850px;
    text-align: right;
}

.div-meintisch-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 380px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.div-meintisch-logos-left {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-image: -webkit-linear-gradient(270deg, #eee, #fcfcfc);
    background-image: linear-gradient(180deg, #eee, #fcfcfc);
}

.div-meintisch-logos-right {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-image: -webkit-linear-gradient(270deg, #363636, #525252);
    background-image: linear-gradient(180deg, #363636, #525252);
}

.div-meintisch-logo {
    text-align: center;
}

.div-meintisch-appicon {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 460px;
    padding-top: 70px;
    padding-bottom: 70px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
}

.div-appicon {
    text-align: center;
}

.div-txt-logo-meintisch {
    position: absolute;
    left: 20px;
    bottom: 11px;
    font-family: 'Montserrat', sans-serif;
    color: #575756;
    font-size: 11px;
    font-weight: 700;
}

.div-txt-logo-meintisch.txtlogo-white {
    color: #fff;
}

.section-meintisch-desktop {
    background-image: -webkit-linear-gradient(90deg, #ededed, #fff);
    background-image: linear-gradient(0deg, #ededed, #fff);
}

.div-meintisch-desktop {
    padding-bottom: 200px;
    text-align: center;
}

.div-hl-meintisch-desktop {
    padding-top: 95px;
    padding-bottom: 45px;
    text-align: center;
}

.section-speisekarte {
    margin-top: 5px;
    background-color: #e5e5e5;
}

.div-meintisch-referenz {
    padding-bottom: 72px;
    background-color: #fff;
}

.section-mobile-meintisch {
    padding-top: 127px;
    padding-bottom: 127px;
    background-color: #abb948;
    background-image: url('../images/meintisch_mobilehead.jpg');
    background-position: 50% 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.div-meintischmobile-hl {
    text-align: center;
}

.div-iphone-meintisch-mobile {
    position: relative;
    padding-top: 97px;
    padding-bottom: 97px;
    text-align: center;
}

.div-line-meintisch {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 50%;
    border-right: 1px solid #fff;
}

.image-11 {
    position: relative;
    z-index: 1;
}

.div-txt-mobile-meintisch {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.section-content-head {
    height: 100vh;
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-content-head.ch2 {
    height: auto;
    padding-bottom: 0px;
}

.div-projekte-head {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding-top: 50vh;

}

.div-projekte-head.products {
    overflow: hidden;
    height: auto;
    padding-top: 0vh;
    padding-bottom: 0px;
    background-image: linear-gradient(225deg, #2796ff, #000000)
}
.div-projekte-head.services {
    overflow: hidden;
    height: auto;
    padding-top: 0vh;
    padding-bottom: 0px;
    background-image: -webkit-linear-gradient(225deg, #ff7f27, #ffc64e);
    background-image: linear-gradient(225deg, #000000, #2796ff);
}
.div-projekte-head.donusum {
    overflow: hidden;
    height: auto;
    padding-top: 0vh;
    padding-bottom: 0px;
    background-image: -webkit-linear-gradient(225deg, #d9e020, #05b0a7);
    background-image: linear-gradient(225deg, #d9e020, #05b0a7);
}
.div-projekte-head.arge {
    overflow: hidden;
    height: auto;
    padding-top: 0vh;
    padding-bottom: 0px;
    background-image: -webkit-linear-gradient(225deg, #b92e43, #8d215b);
background-image: -webkit-linear-gradient(225deg, #ff7f27, #000000);
    background-image: linear-gradient(225deg, #2796ff, #000000);
}
.div-projekte-head.about {
    overflow: hidden;
    height: auto;
    padding-top: 0vh;
    padding-bottom: 10vh;

}
.div-projekte-head.kariyer {
    overflow: hidden;
    height: auto;
    padding-top: 0vh;
    padding-bottom: 0px;
	background-image: -webkit-linear-gradient(225deg, #2796ff, #4f4f4f);
    background-image: linear-gradient(225deg, #2796ff, #1a0e00);
}
.div-projekte-head.catalist {
    overflow: hidden;
    height: auto;
    padding-top: 0vh;
    padding-bottom: 0px;    
    background-image: -webkit-linear-gradient(225deg, #ec5252, #6e1a52);
    background-image: linear-gradient(225deg, #ec5252, #6e1a52);
}
.div-projekte-head.yonetim {
    overflow: hidden;
    height: auto;
    padding-top: 0vh;
    padding-bottom: 0px;
    background-image: -webkit-linear-gradient(225deg, #3ab9d9, #7be7d0);
    background-image: linear-gradient(225deg, #3ab9d9, #7be7d0);
}
.kariyerImage{
    padding-left:0px;
}
.yonetimImage img {
    width: 100%;
    height:auto;
    margin: 20px 0 0 0
}
.kariyerImage img {
    width: 100%;
    height:auto;
    margin: 15px 0 0 0
}
.container-head {
    position: relative;
    top: -8vh;
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10vw;
    padding-left: 10vw;
}
.container-head.topNone {
    top: 6vh;
}

.div-typo-product {
    position: relative;
    left: 0px;
    top: -5vh;
    width: 170vh;
    margin-left: 10vw;
    padding-left: 10px;
    margin-bottom: 2vw;
}
.div-typo-services {
    position: relative;
    left: 0px;
    top: -8vh;
    width: 160vh;
    margin-left: 10vw;
    padding-left: 10px;
    margin-bottom: 2vw;
}
.div-typo-donusum {
    position: relative;
    left: 0px;
    top: -13vh;
    width: 360vh;
    margin-left: 10vw;
    padding-left: 10px;
    margin-bottom: 2vw;
}
.div-typo-arge {
    position: relative;
    left: 0px;
    top: -1vh;
    width: 210vh;
    margin-left: 10vw;
    padding-left: 10px;
    margin-bottom: 2vw;
}
.div-typo-catalist {
    position: relative;
    left: 0px;
    top: -15vh;
    width: 200vh;
    margin-left: 10vw;
    padding-left: 10px;
    margin-bottom: 2vw;
}
.div-typo-yonetim {
    position: relative;
    left: 0px;
    top: -11vh;
    width: 270vh;
    margin-left: 10vw;
    padding-left: 10px;
    margin-bottom: 2vw;
}
.div-button-typo {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.div-typo-deepTech {
    position: relative;
    top:20vh;
    display: block;
    margin-right:10px;
    margin-left: 10px;
    padding-right: 30vw;
    padding-left: 10vw;
}
.div-typo-kariyer {
    position: relative;
    left: 0px;
    top: -8vh;
    width: 160vh;
    margin-left: 10vw;
    padding-left: 10px;
    margin-bottom: 2vw;
}
.typo3-head {
    position: relative;
    height: 100%;
    background-image: -webkit-linear-gradient(45deg, #ff5c00, #ffad00);
    background-image: linear-gradient(45deg, #ff5c00, #ffad00);
}

.div-typo3-logo {
    position: absolute;
    top: 0px;
    right: -153px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45vw;
    min-width: 680px;
}

.image-12 {
    opacity: 0.08;
}

.section-typo-einleitung {
    padding: 80px 20px 138px;
    background-image: -webkit-linear-gradient(90deg, #ededed, #fff);
    background-image: linear-gradient(0deg, #ededed, #fff);
}

.div-image-typo3 {
    margin-top: 172px;
}

.section-text-features {
    padding-top: 100px;
    padding-bottom: 100px;
	background-image: -webkit-linear-gradient(45deg, #1d95f7, #000000);
    background-image: linear-gradient(45deg, #1d95f7, #000000);
}
.section-text-features.perfx {
    background-color: #394199;
    background-image: none;
}
.section-text-features.pratis {
    background-image: -webkit-linear-gradient(45deg, #2ca4f4, #0e76bc);
    background-image: linear-gradient(45deg, #2ca4f4, #0e76bc);
}
.section-text-features.hrweb {
    background-image: -webkit-linear-gradient(45deg, #3b429a, #2c3169);
    background-image: linear-gradient(45deg, #3b429a, #2c3169);
}
.section-text-features.cdx {
    background-image: -webkit-linear-gradient(45deg, #0053a1, #006dd4);
    background-image: linear-gradient(45deg, #0053a1, #006dd4);
}
.section-text-features.verimerkezi {
    background-image: -webkit-linear-gradient(45deg, #3a99d3, #4bba75);
    background-image: linear-gradient(45deg, #3a99d3, #4bba75);
}
.section-text-features.uygulama {
    background-image: -webkit-linear-gradient(45deg, #f6881f, #ef4023);
    background-image: linear-gradient(45deg, #f6881f, #ef4023);
}
.section-text-features.sap {
    background-image: -webkit-linear-gradient(45deg, #6ab3eb, #4367bb);
    background-image: linear-gradient(45deg, #6ab3eb, #4367bb);
}
.section-text-features.iscozum {
    background-image: -webkit-linear-gradient(45deg, #d0283d, #7f4394);
    background-image: linear-gradient(45deg, #d0283d, #7f4394);
}
.section-text-features.veriAnalitigi {
    background-image: -webkit-linear-gradient(45deg, #f2b8b7, #8f65a3);
    background-image: linear-gradient(45deg, #f2b8b7, #8f65a3);
}
.section-text-features.siber {
    background-image: -webkit-linear-gradient(45deg, #29fce1, #7c10b2);
    background-image: linear-gradient(45deg, #29fce1, #7c10b2);
}
.section-text-features.grsis {
    background-image: -webkit-linear-gradient(45deg, #00ac7d, #0af2b3);
    background-image: linear-gradient(45deg, #00ac7d, #0af2b3);
}
.div-map-kontakt {
    margin-top: 35px;
}

.section-blogfeatures {
    height: 100%;
    min-height: 1020px;
    font-family: 'Montserrat', sans-serif;
    color: #4f4f4f;
}

.div-blogfeatures {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.div-blog-feature {
    height: 50%;
    padding: 1px;
}

.div-blog-feature.blogfeature-1 {
    width: 66.66666666%;
}

.div-blog-feature.blogfeature-2 {
    width: 33.33333333%;
}

.div-blog-feature.blogfeature-3 {
    width: 33.33333333%;
}

.div-blogfeature {
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #4f4f4f;
    text-decoration: none;
}

.div-blogfeature:hover {
    text-decoration: none;
}

.div-blogfeature.div-blog-feature-white {
    color: #fff;
}

.div-featurepost {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 30px 2vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.div-featuretxt {
    position: relative;
    z-index: 1000;
}

.div-featuretxt.featuretot-50percent {
    width: 50%;
}

.hl-blogfeature1 {
    margin-bottom: 0px;
    font-size: 35px;
    line-height: 40px;
    text-decoration: none;
}

.hl-blogfeature1.hl-blogeintrag {
    color: #4f4f4f;
}

.date-blogfeature {
    font-style: italic;
    font-weight: 500;
}

.date-blogfeature.date-blogeintrag {
    color: #4f4f4f;
}

.line-blog {
    width: 36px;
    height: 3px;
    margin-top: 16px;
    margin-right: 11px;
    background-color: #4f4f4f;
}

.line-blog.line-white {
    background-color: #fff;
}

.line-blog.line-blog-side {
    margin-top: 13px;
}

.blogfeature-top {
    position: relative;
    overflow: hidden;
    height: 50%;
}

.blogfeature-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
    padding: 23px 2vw 30px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #ececec;
}

.blogtriangle {
    position: absolute;
    left: 23px;
    bottom: 0px;
    z-index: 2000;
}

.hl-blogfeature2 {
    font-size: 25px;
    line-height: 30px;
}

.hl-blogfeature2.hl-blog-feature-small {
    font-size: 20px;
    line-height: 25px;
}

.hl-blogfeature2.hl-blog-feature-side {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 15px;
}

.blog-backimage {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url('../images/example-bg.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.blog-backimage.backimage1 {
    background-image: url('../images/blog1.jpg');
}

.blog-backimage.backimage3 {
    background-image: url('../images/blog3.jpg');
}

.blog-backimage.backimage2 {
    background-image: url('../images/blog2.jpg');
}

.blog-backimage.backimage4 {
    background-image: url('../images/blog6.jpg');
}

.blog-backimage.backimage5 {
    background-image: url('../images/blog5b.jpg');
}

.blog-backimage.backimage6 {
    background-image: url('../images/blog6.jpg');
}

.section-more-blogposts {
    padding-top: 80px;
    padding-bottom: 138px;
    font-family: 'Montserrat', sans-serif;
}

.div-more-blogposts {
    margin-top: 40px;
}

.div-link-blogpost {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    color: #4f4f4f;
    text-decoration: none;
}

.div-link-blogpost:hover {
    color: #4f4f4f;
    text-decoration: none;
}

.div-image-blogpost {
    position: relative;
    overflow: hidden;
    width: 270px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.div-image-blogpost.image-blog-small {
    width: 140px;
}

.div-txt-blogpost {
    padding-bottom: 25px;
    padding-left: 25px;
    border-bottom: 1px solid #ddd;
}

.div-txt-blogpost.txt-blogpost-small {
    padding-bottom: 10px;
    padding-left: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.section-head-blogeintrag {
    height: 70vh;
    background-image: url('../images/example-bg.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-head-blogeintrag.bloghead1 {
    background-image: url('../images/blog6.jpg');
}

.section-blogcontent {
    position: relative;
    top: -69px;
    padding-left: 20px;
}

.container-content {
    display: block;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

.div-hl-blogpost {
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fff;
}

.div-hl-content {
    margin-bottom: 70px;
}

.leadin-blog {
    margin-bottom: 20px;
    color: #4f4f4f;
    font-weight: 600;
}

.div-txtbild-content {
    padding-right: 20px;
    padding-left: 20px;
}

.txt-blog {
    margin-bottom: 15px;
    color: #848484;
}

.h2-blog {
    margin-top: 40px;
    margin-bottom: 15px;
    color: #4f4f4f;
    font-size: 20px;
    line-height: 25px;
}

.div-image-blog {
    margin-top: 30px;
    margin-bottom: 30px;
}

.div-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.div-column-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.div-column-right {
    width: 35%;
    min-width: 350px;
}

.h3-blog {
    margin-top: 0px;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #4f4f4f;
    font-size: 22px;
}

.div-blog-social {
    margin-top: 60px;
}

.h4-share {
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    font-family: 'Montserrat', sans-serif;
    color: #4f4f4f;
}

.sharelink {
    margin-right: 1px;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.sharelink:hover {
    opacity: 0.6;
}

.div-blog-referenz {
    width: 70%;
    margin-top: 5px;
    margin-right: 2vw;
    margin-bottom: 20px;
    float: left;
}

.blog-backimage-big {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: -webkit-linear-gradient(270deg, transparent 50%, rgba(0, 0, 0, .5)), url('../images/example-bg.png');
    background-image: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, .5)), url('../images/example-bg.png');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.blog-backimage-big.backimage-big-1 {
    background-image: -webkit-linear-gradient(270deg, transparent 50%, rgba(0, 0, 0, .5)), url('../images/blog1.jpg');
    background-image: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, .5)), url('../images/blog1.jpg');
}

.blog-backimage-big.backimage-big-2 {
    background-image: -webkit-linear-gradient(270deg, transparent 50%, rgba(0, 0, 0, .5)), url('../images/blog3.jpg');
    background-image: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, .5)), url('../images/blog3.jpg');
}

.sermocore-head {
    position: relative;
    background-image: -webkit-radial-gradient(circle farthest-corner at 50% 0%, #f28d01 53%, #f26301);
    background-image: radial-gradient(circle farthest-corner at 50% 0%, #f28d01 53%, #f26301);
    text-align: center;
}

.div-image-sermocorehead {
    position: relative;
    left: 0px;
    right: 0px;
    bottom: -18px;
    padding-right: 100px;
    padding-left: 100px;
    text-align: center;
}

.div-sermocore-headtxt {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 90px;
    padding-bottom: 90px;
}

.heading {
    float: none;
}

.section-farbpalette {
    position: relative;
}

.div-shadow {
    position: relative;
    z-index: -1;
    text-align: center;
}

.div-farbpalette {
    position: absolute;
    left: 0px;
    top: 80px;
    right: 0px;
    text-align: center;
}

.image-15 {
    height: 382px;
}

.section-home {
    padding-right: 20px;
    padding-left: 20px;
}

.div-sermocore-home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.home-left {
    width: 52%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/sermocore_home_long.jpg');
    background-position: 50% 0px;
    background-size: 100%;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .16);
}

.home-right {
    width: 42%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.div-image-home1 {
    height: 100%;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .16);
}

.div-head-home {
    padding-right: 5px;
    padding-left: 5px;
}

.h2-sermocore {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #eb862c;
    font-size: 60px;
    line-height: 60px;
}

.h2-sermocore.h2-sermo-white {
    color: #fff;
}

.div-txt-sermocore-home {
    margin-bottom: 40px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e4e4e4;
}

.div-sermocore-features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 7px;
}

.div-sermocore-feature {
    margin-right: 5px;
    margin-left: 5px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .11);
}

.div-sermocore-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    padding: 30px 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.section-pdf2brief {
    margin-top: 150px;
}

.div-pdf2brief-top {
    padding-right: 20px;
    padding-left: 20px;
    background-image: -webkit-radial-gradient(circle farthest-corner at 50% 0%, #f28d01 55%, #f26301);
    background-image: radial-gradient(circle farthest-corner at 50% 0%, #f28d01 55%, #f26301);
}

.container-pdf2brief {
    display: block;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.div-hl-pdf2brief {
    padding-top: 7vw;
    padding-bottom: 7vw;
    text-align: center;
}

.div-pdf2brief-bottom {
    margin-bottom: 200px;
    padding-right: 20px;
    padding-left: 20px;
}

.div-elemente-zitat {
    background-image: -webkit-linear-gradient(270deg, #eaeaea, #fff);
    background-image: linear-gradient(180deg, #eaeaea, #fff);
}

.div-container-elemente {
    position: static;
    display: block;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
}

.div-ipad-elemente {
    position: relative;
    left: 0px;
    top: -108px;
    right: 0px;
    text-align: center;
}

.div-element-zitat {
    margin-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}

.div-weitere-elemente {
    padding-bottom: 80px;
    background-image: -webkit-linear-gradient(90deg, #eaeaea, #fff);
    background-image: linear-gradient(0deg, #eaeaea, #fff);
}

.div-element-weitere {
    margin-bottom: 45px;
    padding-top: 20px;
    text-align: center;
}

.div-hl-sermocore-mobile {
    padding-top: 7vw;
    padding-bottom: 7vw;
    text-align: center;
}

.div-image-sermocore-phones {
    margin-bottom: 100px;
    text-align: center;
}

.div-mobile-bottom {
    position: relative;
    overflow: hidden;
    height: 70vw;
    background-image: -webkit-linear-gradient(270deg, #f9f9f9, #f1f1f1);
    background-image: linear-gradient(180deg, #f9f9f9, #f1f1f1);
}

.div-sermocore-mobile-screens {
    position: absolute;
    left: -5vw;
    top: -5vw;
    width: 68%;
}

.div-sermocore-triangle {
    position: absolute;
    top: 80px;
    right: -3px;
    width: 100%;
    text-align: right;
}

.sermocore-triangle {
    width: 100%;
}

.div-sermocore-teasse {
    position: absolute;
    right: 26vw;
    bottom: 10vw;
    width: 24%;
}

.image-16 {
    width: 100%;
}

.link {
    color: #f18d02;
    text-decoration: none;
}

.link:hover {
    text-decoration: none;
}

.section-head-project {
    overflow: hidden;
}

.image-17 {
    width: 100%;
}

.slider {
    height: auto;
}

.image-18 {
    width: 100%;
}

.image-19 {
    width: 100%;
}

.image-20 {
    width: 100%;
}

.image-21 {
    width: 100%;
}

.image-22 {
    width: 100%;
}

.div-about-clubsite {
    position: relative;
    z-index: 3;
    overflow: visible;
    padding-right: 30px;
    padding-left: 30px;
}

.div-hl-clubsite {
    position: relative;
    width: 50%;
    padding-bottom: 65px;
}

.txt-orange {
    color: #da6e2b;
}

.div-tablet {
    position: absolute;
    top: 0px;
    right: -50%;
    z-index: 1;
    width: 100%;
    padding-left: 30px;
    text-align: left;
}

.div-content-clubsite {
    margin-bottom: -150px;
    padding: 65px 30px 140px;
    background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #ffbe77, #c94807);
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #ffbe77, #c94807);
}

.div-content-clubsite.content-docsite {
    margin-bottom: 0px;
    background-image: url('../images/content_docsite.jpg');
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.content-clubsite-50 {
    width: 50%;
    padding-right: 61px;
}

.div-sportarten {
    margin-top: 100px;
}

.div-einstieg-clubsite {
    position: relative;
    top: -8vw;
}

.h3-sportarten {
    margin-bottom: 25px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 25px;
}

.divider-sportarten {
    width: 77px;
    height: 6px;
    background-color: #fff;
}

.div-liste-sportarten {
    margin-top: 30px;
}

.list-item-sportart {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .36);
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

.section-features-clubsite {
    padding: 115px 30px 150px;
    background-image: -webkit-linear-gradient(90deg, #eaeaea, #fff);
    background-image: linear-gradient(0deg, #eaeaea, #fff);
}
.section-features-clubsite.image {
    padding: 50px 30px 50px;
}
.section-features-clubsite.sf-docsite {
    padding-bottom: 300px;
}
.section-features-dot {
    padding: 15px 30px 65px;
    background-image: -webkit-linear-gradient(90deg, #eaeaea, #fff);
    background-image: linear-gradient(0deg, #eaeaea, #fff);
}
.h2-clubsite {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
}

.h2-clubsite-orange {
    color: #e86726;
}

.h1-clubsite {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
}

.divider-hl {
    width: 56px;
    height: 4px;
    margin-top: 20px;
    background-color: #e86726;
}

.divider-hl.divider-docsite {
    background-color: #0c9cc2;
}
.divider-hl.divider-docsite-dark-blue {
    background-color: #0053a1;
}
.divider-hl.divider-docsite-orange {
    background-color: #f7941d;
}
.divider-hl.divider-docsite-mor {
    background-color: #3b429a;
}
.divider-hl.divider-docsite-bordo {
    background-color: #d0283d;
}
.div-features-clubsite {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.div-features-logo {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 50px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.image .div-features-clubsite {
    margin-top: 0px;
    overflow: hidden;
    display: inline-block;
}
.image .div-features-clubsite img{
    float: left;
    width: 100%;
    height: auto !important;
}
.div-features-25 {
    width: 25%;
    padding-top: 51px;
    padding-bottom: 51px;
}
.div-features-33 {
    width: 33.333%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.div-features-50 {
    width: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.div-features-20{
    float: left;
    width: 16.6666%;
    padding: 20px;
    border-bottom: 1px solid #F7F7F7;
    border-right: 1px solid #F7F7F7;
    filter: grayscale(100%);
}

.div-features-20 img{
    float: left;
    width: 100%;
    height: auto;
}

.div-features-20:hover{
    filter: none;    
}

.div-icon-feature {
    text-align: center;
}

.div-sl-feature {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.h4-feature {
    margin-bottom: 0px;
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}
.h4-feature-light {
    margin-bottom: 0px;
    font-family: 'Montserrat', sans-serif;
    color: #2b2b2b;
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
    text-align: center;
}

.section-clubsite-screen {
    position: relative;
    overflow: hidden;
    height: 50vh;
    background-image: none;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

.section-clubsite-design {
    padding-top: 115px;
}

.div-clubsite-design-content {
    position: relative;
    margin-top: 127px;
    padding-right: 30px;
    padding-left: 30px;
    background-image: -webkit-linear-gradient(270deg, #565656, #2b2b2b);
    background-image: linear-gradient(180deg, #565656, #2b2b2b);
}

.div-designelement {
    margin-bottom: 100px;
}

.hl-designelement {
    font-family: 'Open Sans', sans-serif;
    font-family: 'Open Sans', sans-serif;
    color: #252525;
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
}

.hl-designelement.hl-design-white {
    color: #fff;
}

.div-image-designelement {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .5);
}

.div-image-designelement.dide2 {
    margin-right: -5px;
    margin-left: -5px;
    box-shadow: none;
}

.div-image-designelement.less-shadow {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .27);
}

.container-designelement {
    position: relative;
    top: -76px;
    overflow: visible;
}

.div-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    margin-right: -5px;
    margin-left: -5px;
}

.box-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 62px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, .1);
}

.hl-description {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color: #dc5b19;
    font-size: 17px;
    line-height: 17px;
    font-weight: 900;
}

.hl-description.hld-docsite {
    color: #0c9cc2;
}

.txt-description {
    margin-top: 3px;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.txt-description.txtd-docsite {
    font-family: Roboto, sans-serif;
    font-weight: 300;
}

.open-sans-reg {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
}

.image-23 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.div-clubsite-responsive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
}

.div-responsive-left {
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.div-responsive-right {
    width: 25%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.div-responsive-mitte {
    width: 20%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sl-responsive {
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}

.div-scoreboard {
    height: auto;
    padding-top: 80px;
    padding-right: 30px;
    padding-left: 30px;
    background-image: url('../images/clubsite_ball.png'), -webkit-radial-gradient(circle farthest-corner at 50% 50%, #ffbe77, #c94807);
    background-image: url('../images/clubsite_ball.png'), radial-gradient(circle farthest-corner at 50% 50%, #ffbe77, #c94807);
    background-position: 0px 100%, 0px 0px;
    background-size: auto, auto;
    background-repeat: no-repeat, repeat;
}

.div-elemente-scoreboard {
    position: relative;
    display: block;
    height: 1400px;
    margin-top: 50px;
}

.element-scoreboard {
    position: absolute;
    display: inline-block;
    margin-bottom: 20px;
    padding: 25px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .27);
}

.element-scoreboard.sb1 {
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 48%;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .27);
}

.element-scoreboard.sb2 {
    top: 225px;
    right: 0px;
    z-index: 2;
    width: 48%;
    box-shadow: 0 2px 60px 0 rgba(0, 0, 0, .27);
}

.element-scoreboard.sb3 {
    top: 701px;
    right: 170px;
    z-index: 3;
    width: 48%;
    box-shadow: 0 2px 80px 0 rgba(0, 0, 0, .27);
}

.div-news {
    padding-top: 80px;
    background-image: -webkit-linear-gradient(90deg, #eaeaea, #fff);
    background-image: linear-gradient(0deg, #eaeaea, #fff);
}

.div-mobile {
    margin-top: 80px;
    padding-bottom: 130px;
}

.div-hl-mobile {
    margin-bottom: 80px;
    text-align: center;
}

.div-mobile-screens {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.div-mobile-left {
    width: 33.33333333%;
}

.div-mobile-mitte {
    width: 33.33333333%;
    text-align: center;
}

.div-mobile-right {
    width: 33.33333333%;
    text-align: right;
}

.mobile-left {
    position: relative;
    left: -112px;
}

.mobile-right {
    position: relative;
    right: -112px;
}

.div-news-wrapper {
    padding-right: 30px;
    padding-left: 30px;
}

.hl-wrapper-design {
    padding-right: 30px;
    padding-left: 30px;
}

.textlink {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #fff;
    font-weight: 700;
}

.textlink:hover {
    color: hsla(0, 0%, 100%, .55);
}

.heading-2 {
    float: left;
}

.sl-head {
    padding-top: 25px;
    float: left;
    color: #fff;
}

.tab-txt {
    padding:25px 20px;
    background-color: hsla(0, 0%, 100%, .09);
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.div-container-projects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10vw;
    padding-bottom: 200px;
    padding-left: 10vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.div-box-project {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 33.33333%;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.product .div-box-project {
    width: 50%;
}
.div-content-project {
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .16);
    -webkit-transition: box-shadow 200ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: box-shadow 200ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 200ms cubic-bezier(.68, -.55, .265, 1.55), box-shadow 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 200ms cubic-bezier(.68, -.55, .265, 1.55), box-shadow 200ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    text-decoration: none;
}

.div-content-project:hover {
    box-shadow: 0 9px 16px 0 rgba(0, 0, 0, .16);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.div-content-project.nozoom {
    -webkit-transition: none 0ms ease;
    transition: none 0ms ease;
}

.div-content-project.nozoom:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.div-txt-project {
    margin-top: 20px;
    padding-right: 19px;
    padding-left: 19px;
}
.div-ref-home .div-txt-project {
    max-width: 508px;
}

.dropdown-list {
    position: relative;
    overflow: hidden;
    background-color: transparent;
}

.dropdown {
    width: 100%;
    border-bottom: 1px solid hsla(0, 0%, 100%, .33);
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.dropdown-toggle {
    width: 100%;
    padding-left: 220px;
    color: #fff;
    text-transform: uppercase;
}
.dropdown-toggle span.logo {
    position: absolute;
    left: 0px;
    top: 50%;
    max-width: 200px;
    height: auto;
    margin-top: -30px;
    opacity: 0.6;
}
.dropdown-toggle span.logo img{
    float: left;
    width: auto;
    height: auto;
    max-width: 100%;
}
.icon-2 {
    margin-right: 0px;
}

.div-ref-home {
    margin-top: 150px;
    padding-right: 10vw;
    padding-left: 10px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.div-ref-home.ref-home-left {
    padding-right: 10px;
    padding-left: 10vw;
    float: right;
}

.div-button-ref {
    margin-top: 17px;
    float: left;
}

.link-hell {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #fff;
    font-weight: 700;
}

.link-hell:hover {
    color: hsla(0, 0%, 100%, .6);
}

.link-dunkel {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #848484;
    font-weight: 700;
}

.link-dunkel:hover {
    color: hsla(0, 0%, 52%, .65);
}

.section-last-projects {
    padding-top: 40px;
    background-color: #f6f6f6;
}

.div-projects {
    padding-top: 20px;
    padding-bottom: 40px;
}

.slider-projects {
    height: auto;
    padding-right: 7vw;
    padding-left: 7vw;
    background-color: transparent;
}

.slide-projects {
    width: 33.33333333%;
}

.div-box-projects-slide {
    padding: 10px 10px 30px;
}

.slide-nav {
    position: static;
    margin-top: 10px;
}

.icon-3 {
    color: #c9c9c9;
}

.icon-4 {
    color: #c9c9c9;
}

.div-hl-mehr-projekte {
    padding-right: 7vw;
    padding-left: 7vw;
}

.hl-weitere {
    padding-left: 10px;
}

.div-sotd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -20px;
    margin-left: -20px;
    padding-top: 40px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.links-sotd {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    opacity: 0.6;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}
.links-sotd img {
    float: left;
    width: 100%;
    height: auto;
}
.links-sotd:hover {
    opacity: 1;
}

.awwwards {
    position: absolute;
    top: 43vh;
    right: 0px;
}

.container-4 {
    padding-right: 6vw;
    padding-left: 6vw;
}

.div-head-edoksis {
    height: 815px;
    margin-bottom: 450px;
    background-image: url('../images/edoksis_header.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.div-logo-docsite {
    padding: 127px 30px 105px;
    text-align: center;
}

.div-imac-docsite {
    padding-right: 25px;
    padding-left: 25px;
    text-align: center;
}

.txt-docsiteblue {
    color: #0c9cc2;
}

.div-einstieg-docsite {
    position: relative;
}

.h2-docsite-blue {
    color: #0c9cc2;
}
.h2-docsite-dark-blue {
    color: #0053a1;
}
.h2-docsite-orange {
    color: #f7941d;
}
.h2-docsite-mor{
    color: #3b429a;
}
.h2-docsite-bordo{
    color: #d0283d;
}
.h2Small {    
    font-size: 24px;
    line-height: 24px;
}

.fontSize24{
    font-size: 20px;
    line-height: 30px;
}

.section-docsite-divider {
    position: relative;
    height: 513px;
    background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #56c9c9, #32acc3);
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #56c9c9, #32acc3);
}

.div-docsite-ipad {
    position: relative;
    bottom: 148px;
    padding-right: 25px;
    padding-left: 25px;
    text-align: center;
}

.spot {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.2;
    -webkit-filter: blur(60px);
    filter: blur(60px);
}

.section {
    position: relative;
    overflow: hidden;
    height: 60vw;
    max-height: 1000px;
    margin-bottom: 15px;
}

.para-himmel {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1;
    display: block;
    width: 100%;
}

.para-berge {
    position: absolute;
    top: 161px;
    right: 0px;
    z-index: 2;
    display: block;
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
}

.para-wasserfall {
    position: absolute;
    left: -70px;
    right: 0px;
    bottom: 8vw;
    z-index: 3;
    display: block;
    width: 100%;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.para-wald {
    position: absolute;
    left: 13vw;
    right: 0px;
    bottom: -2vw;
    z-index: 4;
    display: block;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

.para-birken {
    position: absolute;
    left: 3vw;
    right: 0px;
    z-index: 5;
    display: inline-block;
    height: 100%;
    -webkit-filter: blur(8px);
    filter: blur(8px);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.div-para-typo {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    margin-top: 132px;
    text-align: center;
}

.div-box-para-typo {
    display: block;
    width: 500px;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
    border: 3px solid #fff;
    background-color: hsla(0, 0%, 100%, .14);
    text-align: center;
}

.h1-white {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 46px;
}

.sl-parabox {
    display: inline-block;
    margin-top: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.back-triangle {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    min-width: 1000px;
    opacity: 0.84;
}

.back-zemin {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    min-width: 1000px;
    opacity: 0.84;
}

.section4-content {
    padding-top: 50px;
    padding-bottom: 40vh;
}

.section-2-content {
    padding-top: 14px;
    padding-bottom: 40vh;
}
.section-5-content {
    padding-top: 14px;
    padding-bottom: 40vh;
}
.section-6-content {
    padding-top: 14px;
    padding-top: 40vh;
    padding-bottom: 30vh;
}
.link-block {
    position: fixed;
    top: 43vh;
    right: 50px;
    bottom: 0px;
    width: 90px;
    height: 135px;
}

.div-para-club {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100vh;
    background-image: url('../images/clubsite_screen.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.image-28 {
    width: 100%;
}

.image-29 {
    width: 100%;
}

.image-30 {
    width: 100%;
}

.div-box-sotd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

.puppentheater-head {
    position: relative;
    height: 68vw;
    max-height: 880px;
    padding-right: 109px;
    padding-left: 109px;
    background-image: url('../images/puppentheater_head.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.container-puppen-head {
    padding-top: 73px;
}

.div-macbook-puppentheater {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -175px;
    text-align: center;
}

.section-webseite-puppentheater {
    position: relative;
    overflow: hidden;
    padding: 262px 30px 60px;
    background-image: -webkit-linear-gradient(90deg, #e6e9ed, rgba(230, 233, 237, 0) 28%);
    background-image: linear-gradient(0deg, #e6e9ed, rgba(230, 233, 237, 0) 28%);
}

.div-webseite-long {
    position: relative;
}

.div-txt-webseite-puppen {
    margin-bottom: 100px;
}

.image-46 {
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .23);
}

.div-balken-back {
    position: absolute;
    left: 0px;
    top: 500px;
    right: 0px;
}

.image-47 {
    width: 100%;
}

.container-7 {
    position: relative;
    z-index: 1;
}

.image-48 {
    position: relative;
}

.section-puppentheater-mobile {
    padding-bottom: 0px;
    background-color: #e6e9ed;
    text-align: center;
}

.image-49 {
    width: 100%;
}

.image-puppentheater-mobile {
    border-top: 10px solid #fff;
}

.hl-puppen-mobile {
    margin-top: 150px;
    margin-bottom: 0px;
    text-align: center;
}

.div-rollup-top {
    padding-right: 30px;
    padding-left: 30px;
}

.div-rollup-left {
    width: 50%;
    padding-top: 105px;
}

.div-rollup-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.container-rollup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.div-rollup-bottom {
    text-align: center;
}

.container-hl-fotos {
    padding-top: 50px;
    padding-bottom: 30px;
}

.slide-2 {
    width: 33.33333333%;
    padding-right: 10px;
    padding-left: 10px;
}

.slider-2 {
    height: auto;
    background-color: #fff;
}

.image-51 {
    width: 100%;
}

.slide-nav-2 {
    position: static;
    display: none;
}

.div-fotos-slider {
    margin-right: -10px;
    margin-left: -10px;
}

.div-cloud1 {
    position: absolute;
    left: -134px;
    top: 1400px;
}

.div-cloud2 {
    position: absolute;
    top: 3000px;
    right: -123px;
}

.section-head-ruggen {
    position: relative;
    height: 1162px;
    padding-top: 50px;
    padding-right: 40px;
    padding-left: 40px;
    background-image: url('../images/rrb_headerback.jpg');
    background-position: 50% 0px;
    background-size: cover;
}

.div-images-rrbhead {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.div-logo-rrb {
    position: relative;
    z-index: 1;
    margin-top: 73px;
    text-align: center;
}

.div-head-rrb-txt {
    margin-top: 39px;
}

.h1-ruggenthaler {
    font-family: 'Playfair Display', sans-serif;
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
}

.div-block-9 {
    width: 40%;
}

.div-block-10 {
    width: 40%;
    text-align: right;
}

.div-image-mac {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -390px;
    z-index: 2;
    text-align: center;
}

.section-rrb-typo {
    margin-top: 500px;
    padding-right: 40px;
    padding-left: 40px;
}

.div-hl-section-rrb {
    margin-bottom: 80px;
}

.div-zahl-rrb {
    font-family: 'Roboto Condensed', sans-serif;
    color: #316d84;
    font-size: 90px;
    line-height: 170px;
    font-weight: 700;
}

.div-zahl-rrb.zahl-weis {
    color: #fff;
}

.h2-rrb {
    font-family: 'Roboto Condensed', sans-serif;
    color: #d1d2d8;
    font-size: 40px;
    line-height: 60px;
    text-transform: uppercase;
}

.h2-rrb.h3-rrb-weiss {
    color: #fff;
}

.text-block {
    line-height: 90px;
}

.div-box-typo-rrb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 200px;
    padding: 65px 40px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #fff;
    box-shadow: 0 12px 52px 0 rgba(0, 0, 0, .1);
    color: #316d84;
}

.div-typo-rrb-left {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 700;
}

.div-typo-rrb-right {
    font-family: 'Roboto Condensed', sans-serif;
}

.div-hl-typo-rrb {
    font-size: 40px;
    line-height: 40px;
}

.div-divider-typo-rrb {
    width: 45px;
    height: 1px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #d1d2d8;
}

.div-bold-typo-rrb {
    font-size: 15px;
}

.div-zeichen-typo-rrb {
    font-size: 25px;
    line-height: 30px;
}

.section-rrb-mobile {
    height: 46vw;
    max-height: 735px;
    margin-bottom: 200px;
    background-image: -webkit-linear-gradient(135deg, #316d84, #5fa6ba 100%, #fff);
    background-image: linear-gradient(315deg, #316d84, #5fa6ba 100%, #fff);
}

.section-rrb-mobile.mobile-inno {
    background-image: url('../images/muster1_inno.png'), -webkit-linear-gradient(225deg, #961730, #a97591);
    background-image: url('../images/muster1_inno.png'), linear-gradient(225deg, #961730, #a97591);
    background-position: 50% 100%, 0px 0px;
    background-size: cover, auto;
    background-repeat: no-repeat, repeat;
}

.div-phones-rrb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.div-phone-left-rrb {
    padding-right: 15px;
}

.div-phone-right-rrb {
    padding-left: 16px;
}

.section-home-rrb {
    margin-bottom: 150px;
    padding-right: 40px;
    padding-bottom: 100px;
    padding-left: 40px;
    background-image: -webkit-linear-gradient(90deg, #e5e5e5, #fff);
    background-image: linear-gradient(0deg, #e5e5e5, #fff);
}

.div-screen-rrb {
    margin-bottom: 60px;
}

.screen-rrb {
    position: relative;
    z-index: 1;
    box-shadow: 0 12px 54px 0 rgba(0, 0, 0, .13);
}

.subline-screen-rrb {
    margin-top: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #b9b9b9;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.section-news-rrb {
    margin-bottom: 200px;
    padding-right: 40px;
    padding-left: 40px;
}

.div-news-rrb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.div-news-rrb-left {
    padding-right: 10px;
}

.div-news-rrb-right {
    padding-left: 10px;
}

.section-fachgebiete-rrb {
    position: relative;
    padding: 150px 40px 0px;
    background-image: -webkit-linear-gradient(135deg, #316d84, #5fa6ba 100%, #fff);
    background-image: linear-gradient(315deg, #316d84, #5fa6ba 100%, #fff);
}

.section-ipad-rrb {
    padding-top: 250px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(90deg, #e5e5e5, #fff);
    background-image: linear-gradient(0deg, #e5e5e5, #fff);
}

.div-bottom-fachgebiete {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 350px;
    background-color: #fff;
}

.div-rrb-ipad {
    margin-bottom: 150px;
    text-align: center;
}

.div-button-rrb {
    margin-top: 29px;
}

.button {
    padding: 17px 22px;
    border: 1px solid #fff;
    background-color: transparent;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.button.button-rrb {
    -webkit-transition: -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 200ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
}

.button.button-rrb:hover {
    -webkit-transform: scale(1.11);
    -ms-transform: scale(1.11);
    transform: scale(1.11);
}

.section-head-synthesa {
    position: relative;
    overflow: hidden;
    height: 1000px;
    padding-top: 50px;
    padding-right: 40px;
    padding-left: 40px;
    background-color: #1a0e00;
}

.div-synthesa-headerback {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 1300px;
    background-image: url('../images/synthesa_headeerback.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.div-synthesa-sujet {
    position: absolute;
    left: 0px;
    top: 146px;
    right: 0px;
    z-index: 1;
    text-align: center;
}

.div-synthesa-verlauf {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 250px;
    background-image: -webkit-linear-gradient(270deg, transparent, #1a0e00);
    background-image: linear-gradient(180deg, transparent, #1a0e00);
}

.section-synthesa-webdesign {
    padding: 0px 90px 90px;
    background-image: -webkit-linear-gradient(270deg, #1a0e00, #34302c 60%);
    background-image: linear-gradient(180deg, #1a0e00, #34302c 60%);
}

.section-synthesa-webdesign.txt-spot {
    padding-top: 143px;
    padding-bottom: 140px;
    background-color: #170600;
    background-image: none;
}

.div-synthesa-content {
    display: block;
    max-width: 1157px;
    margin-right: auto;
    margin-left: auto;
}

.div-head-synthesacontent {
    padding: 40px;
    border: 1px solid #575757;
}

.div-block-11 {
    float: left;
    color: #fff;
}

.h1-synthesa {
    color: #fff;
}

.txt-yellow {
    color: #d69d30;
}

.div-synthesa-beschreibung {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-style: none solid solid;
    border-width: 1px;
    border-color: #575757;
}

.div-synthesa-beschreibung-links {
    padding: 60px 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-right: 1px solid #575757;
}

.div-synthesa-beschreinung-rechts {
    min-width: 33%;
    padding: 60px 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.txt-beschreibung-synthesa {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-rule: 1px none #000;
    column-rule: 1px none #000;
}

.div-hl-beschreibung-rechts {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    font-weight: 900;
}

.div-divider-beschreibbung {
    width: 77px;
    height: 6px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.div-bulletpoints-beschreibung {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    font-weight: 800;
    text-transform: uppercase;
}

.text-block-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #6a645c;
    line-height: 15px;
}

.div-synthesa-webdesign {
    position: relative;
    height: 55vw;
    max-height: 780px;
    padding: 60px 40px;
    border-style: none solid solid;
    border-width: 1px;
    border-color: #575757;
}

.div-hl-synthesa {
    margin-bottom: 60px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
}

.div-hl-synthesa.hl-janko2 {
    color: #b5d736;
}

.h2-synthesa {
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
    color: #6b6b6b;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    text-transform: uppercase;
}

.h2-synthesa.h2-janko {
    color: #282d33;
}

.div-hl-divider {
    width: 55px;
    height: 4px;
    margin-top: 22px;
    margin-bottom: 22px;
    background-color: #fff;
}

.div-hl-divider.divider-janko2 {
    background-color: #b5d736;
}

.div-synthesa-screens {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -86px;
    margin-right: -70px;
    margin-left: -70px;
}

.div-synthesa-homescreen {
    margin-top: 200px;
}

.section-synthesa-mobile {
    position: relative;
    overflow: visible;
    height: 1500px;
    padding: 90px;
    background-color: #34302c;
}

.div-synthesa-hl-mobile {
    position: relative;
    z-index: 10;
    text-align: center;
}

.div-synthesa-splash {
    position: absolute;
    left: 0px;
    top: 0px;
}

.div-synthesa-mobile {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 2;
    display: block;
    text-align: center;
}

.section-synthesa-motiondesign {
    padding: 90px 90px 200px;
    background-color: #34302c;
}

.div-synthesa-video {
    padding: 60px 40px 0px;
    border-style: none solid solid;
    border-width: 1px;
    border-color: #575757;
}

.div-synthesa-videopost {
    -webkit-transition: -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 200ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
}

.div-synthesa-videopost:hover {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}

.text-block-3 {
    display: inline-block;
    margin-top: 5px;
    padding: 10px 30px 7px 10px;
    background-color: #6b6b6b;
    line-height: 12px;
    font-weight: 900;
}

.div-block-synthesa-video {
    width: 33.33333333%;
    padding: 0px 10px 70px;
    float: none;
}

.button-synthesa {
    margin-top: 20px;
    padding: 12px 18px;
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
}

.button-synthesa:hover {
    background-color: hsla(0, 0%, 100%, .09);
}

.div-box-synthesa-videos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.image-53 {
    width: 100%;
}

.txtlink-synthesa {
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #929292;
    text-decoration: none;
}

.txtlink-synthesa:hover {
    color: #fff;
}

.div-janko-hero {
    height: 55vw;
    background-image: url('../images/hero_responsive.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

.div-hl-janko {
    padding-top: 75px;
    padding-bottom: 132px;
    background-image: url('../images/line1.jpg');
    background-position: 92% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.div-container-janko {
    display: block;
    max-width: 1090px;
    margin-right: auto;
    margin-left: auto;
}

.div-container-janko.container-move {
    position: relative;
    top: -88px;
}

.txt-jankogreen {
    color: #b5d736;
}

.hl-janko {
    display: inline-block;
}

.section-head-janko {
    padding-top: 50px;
}

.section-hl-janko {
    padding-right: 40px;
    padding-left: 40px;
}

.section-janko-webdesign {
    position: relative;
    padding-right: 40px;
    padding-left: 40px;
    background-image: -webkit-linear-gradient(315deg, #93c01f, #c5e242);
    background-image: linear-gradient(135deg, #93c01f, #c5e242);
}

.div-janko-beschreibung {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .15);
}

.div-beschreibung-left {
    width: 60%;
    margin-right: 30px;
    padding-top: 35px;
    padding-right: 30px;
    padding-bottom: 35px;
    border-right: 1px solid #e6e6e6;
}

.div-beschreibung-right {
    width: 40%;
    padding-top: 35px;
    padding-bottom: 35px;
}

.paragraph-janko {
    color: #4d4d4d;
}

.div-button-janko {
    margin-top: 40px;
}

.button-2 {
    padding: 18px 26px;
    border: 1px solid #acd131;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    color: #acd131;
    font-size: 20px;
    font-weight: 300;
}

.div-projektumfang {
    font-family: 'Open Sans', sans-serif;
    color: #4d4d4d;
    font-size: 25px;
    line-height: 25px;
    font-weight: 900;
    text-transform: uppercase;
}

.div-divider-janko {
    width: 77px;
    height: 6px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #4d4d4d;
}

.div-umfangpunkt {
    border-bottom: 1px solid #bfbfbf;
    font-family: 'Open Sans', sans-serif;
    color: #4d4d4d;
    font-size: 15px;
    line-height: 30px;
    font-weight: 800;
    text-transform: uppercase;
}

.div-umfangpunkt.inno {
    border-bottom-style: solid;
    border-bottom-color: #c2c3c8;
    font-family: 'Montserrat', sans-serif;
    color: #474959;
    font-weight: 500;
}

.div-umfangpunkt.inno.inno-noline {
    border-bottom-style: none;
}

.div-hl-webdesign-janko {
    padding-top: 195px;
    padding-bottom: 28px;
    background-image: url('../images/line2.png');
    background-position: 87% 0px;
    background-size: auto;
    background-repeat: no-repeat;
}

.janko-screen {
    position: relative;
    z-index: 1;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .11);
}

.white-janko {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 128vw;
    max-height: 1640px;
    background-color: #fff;
}

.div-hl-janko-foto {
    padding-top: 125px;
    padding-bottom: 6px;
    background-image: url('../images/line3.jpg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.jankofoto2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}

.jankofoto-left {
    width: 40%;
    padding-right: 10px;
}

.jankofoto-right {
    width: 60%;
    padding-top: 60px;
    padding-right: 60px;
    padding-left: 60px;
    background-image: -webkit-linear-gradient(135deg, #93c01f, #c5e242);
    background-image: linear-gradient(315deg, #93c01f, #c5e242);
}

.container-sermocore-folder {
    display: block;
    max-width: 923px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 165px;
    padding-bottom: 192px;
}

.slider-3 {
    height: auto;
}

.image-56 {
    max-width: 800px;
}

.div-transition {
    position: fixed;
    z-index: 30;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

.textSextion {
    padding: 63px 10vw;
}

.div-loading {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
}

.div-txt-loading {
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
    color: #bbb;
    font-weight: 700;
}

.section-head-innovation {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 62vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-linear-gradient(270deg, #fbf6f5, #eeeceb);
    background-image: linear-gradient(180deg, #fbf6f5, #eeeceb);
}

.div-hl-innovation {
    padding-left: 2vw;
    border-left: 1.5vw solid #961730;
}

.h1-innovation {
    margin-top: -0.55vw;
    margin-bottom: -0.55vw;
    color: #474959;
    font-size: 8vw;
    line-height: 7vw;
    text-transform: uppercase;
}

.div-inno-heroman {
    position: absolute;
    top: 0px;
    right: 7vw;
    bottom: 0px;
}

.image-head-inno {
    height: 62vw;
}

.section-innovation-project {
    padding-top: 230px;
    padding-right: 80px;
    padding-left: 80px;
}

.div-container-innovation {
    display: block;
    max-width: 1050px;
    margin-right: auto;
    margin-left: auto;
}

.div-container-innovation.move-up {
    position: relative;
    z-index: 1;
}

.div-project-innovation {
    position: relative;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-hl2-innovation {
    margin-bottom: 75px;
    padding-left: 20px;
    border-left: 9px solid #961730;
    font-family: 'Montserrat', sans-serif;
    font-size: 55px;
    line-height: 43px;
    text-transform: uppercase;
}

.number-innovation {
    margin-bottom: 10px;
    color: #961730;
    font-weight: 200;
}

.title-innovation {
    padding-left: 2px;
    color: #474959;
    font-weight: 800;
}

.div-txt-innovation-project {
    display: block;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.div-introtxt-innovation {
    width: 66.66666667%;
    padding-right: 30px;
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.paragraph-innovation {
    color: #474959;
    -webkit-column-count: 2;
    column-count: 2;
}

.div-umfangpunkt-innovation {
    width: 33.33333333%;
    padding-left: 10px;
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.div-project-txt-innovation {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.div-square-innovation {
    position: static;
    display: block;
    width: 40vw;
    height: 40vw;
    max-height: 600px;
    max-width: 600px;
    min-height: 500px;
    min-width: 500px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #eeedeb;
}

.div-square-line {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 1px;
    height: 6vw;
    max-height: 110px;
    margin-right: auto;
    margin-left: auto;
    background-color: #c2c3c8;
}

.div-box-hl3-innovation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.div-line1-hl-innovation {
    display: block;
    width: 1px;
    height: 6vw;
    max-height: 110px;
    margin-right: auto;
    margin-left: auto;
    background-color: #c2c3c8;
}

.div-hl3-innovation {
    position: relative;
    left: -3px;
    width: 50%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 17px;
    float: none;
    border-left: 9px solid #961730;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 31px;
    text-transform: uppercase;
}

.div-hl3-innovation.hl3i-white {
    border-left-color: #fff;
}

.number2-innovation {
    margin-bottom: 9px;
    color: #961730;
    font-weight: 200;
}

.number2-innovation.n2i-white {
    color: #fff;
}

.title2-innovation {
    padding-left: 1px;
    color: #474959;
    font-weight: 800;
}

.title2-innovation.t2i-white {
    color: #363636;
}

.div-line-2-innovation {
    display: block;
    width: 1px;
    height: 9vw;
    max-height: 170px;
    margin-right: auto;
    margin-left: auto;
    background-color: #c2c3c8;
}

.div-screen-home-innocation {
    position: static;
    top: -420px;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 6px;
    background-color: transparent;
    box-shadow: 0 1px 14px 0 rgba(0, 0, 0, .2);
}

.div-screen-home-innocation.margin-more {
    margin-bottom: 80px;
}

.section-screens-innovation {
    position: relative;
    margin-top: 30px;
    margin-bottom: 150px;
    padding-right: 80px;
    padding-left: 80px;
    background-image: url('../images/muster1_inno.png'), -webkit-linear-gradient(250deg, #961730 26%, #a97591);
    background-image: url('../images/muster1_inno.png'), linear-gradient(200deg, #961730 26%, #a97591);
    background-position: 50% 100%, 0px 0px;
    background-size: contain, auto;
    background-repeat: no-repeat, repeat;
}

.div-laptop-innovation {
    margin-top: 30px;
}

.div-home-top-innovation {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 420px;
    background-color: #fff;
}

.div-home-bottom-innovation {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 70px;
    background-color: #fff;
}

.section-screens2-innovation {
    padding-right: 80px;
    padding-bottom: 185px;
    padding-left: 80px;
    background-image: url('../images/handytyp.png'), -webkit-linear-gradient(90deg, #eaeaea, #fff);
    background-image: url('../images/handytyp.png'), linear-gradient(0deg, #eaeaea, #fff);
    background-position: 100% 100%, 0px 0px;
    background-size: auto, auto;
    background-repeat: no-repeat, repeat;
}

.section-zwischenheadline-innovation {
    padding-top: 30px;
    padding-bottom: 30px;
}

.section-fonts-innovation {
    margin-bottom: 145px;
}

.div-colors-innovation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.color-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75px;
    height: 75px;
    margin-right: 20px;
    padding-bottom: 8px;
    padding-left: 10px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #961730;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

.color-box.cb2 {
    background-color: #a97591;
}

.color-box.cb3 {
    background-color: #474959;
}

.color-box.cb4 {
    background-color: #efefef;
    color: #a7a7a7;
}

.div-box-colors {
    padding-top: 65px;
}

.div-box-fonts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #474959;
}

.div-fonts-leftright {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: 'Montserrat', sans-serif;
}

.div-fonts-leftright.saira {
    font-family: 'Saira Extra Condensed', sans-serif;
    font-weight: 200;
}

.div-font-name {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e7e7e9;
    border-bottom: 1px solid #e7e7e9;
}

.hl-typo {
    font-size: 30px;
    line-height: 37px;
}

.div-font-big {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e9;
}

.aa {
    font-size: 80px;
    line-height: 97px;
}

.div-font-small {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 27px;
}

.image-bottom-inno {
    width: 100%;
}

.section-fotos-rrb {
    padding-right: 40px;
    padding-bottom: 150px;
    padding-left: 40px;
}

.div-box-fotos-rrb {
    overflow: hidden;
}

.div-row-fotos-rrb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -1px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.div-row-fotos-rrb.rrb-single {
    display: block;
}

.div-foto-rrb-50 {
    width: 50%;
    margin-right: 1px;
}

.div-foto-rrb-66 {
    width: 66.66666667%;
    margin-right: 1px;
}

.div-foto-rrb-33 {
    width: 33.33333333%;
}

.image-rrb-column {
    margin-bottom: 1px;
}

.div-fotos-rrb-overflow {
    overflow: hidden;
    margin-bottom: 1px;
}

.image-60 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.button-inno {
    display: block;
    margin-top: 20px;
    padding: 15px 10px 15px 20px;
    border: 1px solid #c2c3c8;
    background-color: #fff;
    -webkit-transition: -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 200ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 200ms cubic-bezier(.68, -.55, .265, 1.55);
    font-family: 'Open Sans', sans-serif;
    color: #474959;
    text-align: left;
    text-transform: uppercase;
}

.button-inno:hover {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.div-scrolldown-mobile {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: none;
}

.section-team {
    padding-bottom: 150px;
    background-color: #000;
}

.div-markus {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

.div-markus-left {
    width: 50%;
}

.div-markus-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin-right: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-txt-donusum {
    margin-top: 80px;
    margin-bottom: 80px;
}

.h2-team {
    color: #fff;
    font-size: 45px;
    line-height: 45px;
}

.text-block-4 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 700;
}

.divider-team {
    width: 36px;
    height: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.div-txt-team {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    line-height: 24px;
}

.div-graphs-team {
    margin-top: 45px;
    margin-bottom: 45px;
}

.div-graph-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-txt-graph {
    display: inline-block;
    min-width: 189px;
    margin-right: 34px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.div-graph {
    position: relative;
    height: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    border-radius: 8px;
    background-color: #ff7b00;
}

.div-graph-percent {
    width: 50%;
    height: 12px;
    float: right;
    border: 1px solid #ff7b00;
    border-radius: 0px 8px 8px 0px;
    background-color: #000;
}

.div-graph-percent._90 {
    width: 10%;
}

.div-graph-percent._0 {
    width: 100%;
    border-radius: 8px;
}

.div-graph-percent._5 {
    width: 95%;
}

.div-graph-percent._95 {
    width: 5%;
}

.div-graph-percent._80 {
    width: 20%;
}

.div-graph-percent._70 {
    width: 30%;
}

.div-graph-percent._85 {
    width: 15%;
}

.div-graph-percent._10 {
    width: 90%;
}

.div-team-skills {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #3c3c3c;
    border-radius: 8px;
}

.div-skill {
    padding: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #3c3c3c;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.div-skill.skill-noline {
    border-style: none;
}

.div-juergen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.div-juergen-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin-left: 40px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-juergen-right {
    width: 50%;
}

.div-txt-juergen {
    max-width: 740px;
    margin-top: 80px;
    margin-right: 40px;
    margin-bottom: 80px;
}

.section-head-synthesa-spot {
    padding-top: 50px;
    background-color: #170600;
}

.div-container-tvspot {
    padding: 170px 120px;
    background-image: url('../images/splash_tv.png');
    background-position: 100% 0px;
    background-repeat: no-repeat;
}

.h1-tvspot {
    float: none;
    color: #fff;
}

.txt-tvspot {
    width: 50%;
    margin-top: 61px;
}

.section-video-spot {
    padding-top: 50px;
}

.section-fotos-spot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 40px 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #170600;
}

.container-txt-spot {
    text-align: center;
}

.div-foto-spot {
    width: 33.33333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.marBot{
    margin-bottom: 20px;
}

html.w-mod-js *[data-ix="fade-in"] {
    opacity: 0;
    -webkit-transform: translate(0px, 60px);
    -ms-transform: translate(0px, 60px);
    transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-in-3"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="fade-in-2"] {
    opacity: 0;
    -webkit-transform: translate(0px, 120px);
    -ms-transform: translate(0px, 120px);
    transform: translate(0px, 120px);
}

html.w-mod-js *[data-ix="typescroll"] {
    -webkit-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
}

html.w-mod-js *[data-ix="blendin"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="icon-blendin"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="icon-blendin-2"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="icon-blendin-3"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="icon-blendin-4"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="footer"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="phone-move"] {
    -webkit-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
}

html.w-mod-js *[data-ix="imagezoom"] {
    -webkit-transform: scale(1.07, 1.07);
    -ms-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07);
}

html.w-mod-js *[data-ix="covers"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="covers-init"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="hide-color-bar"] {
    -webkit-transform: translate(-101%, 0px);
    -ms-transform: translate(-101%, 0px);
    transform: translate(-101%, 0px);
}

html.w-mod-js *[data-ix="hide-hl"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="scale-in"] {
    -webkit-transform: scale(0.8400000000000003, 0.8400000000000003);
    -ms-transform: scale(0.8400000000000003, 0.8400000000000003);
    transform: scale(0.8400000000000003, 0.8400000000000003);
}

html.w-mod-js *[data-ix="scale-in-2"] {
    opacity: 0;
    -webkit-transform: scale(0.9400000000000003, 0.9400000000000003);
    -ms-transform: scale(0.9400000000000003, 0.9400000000000003);
    transform: scale(0.9400000000000003, 0.9400000000000003);
}

ul.form{
    padding: 20px 0 0 0;
    margin-left: -6px;
    margin-right: -6px;
    list-style: none;
}
ul.form li{
    float: left;
    width: 50%;
    height: auto;
    padding: 6px;
    list-style: none;
    position: relative;
}

ul.form li.full{
    width: 100%;
}
input[type=text],
input[type=password],
textarea {
    float: left;
    height: 58px;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #FFF;
    background: rgba(255,255,255,0.2);
    padding: 19px 20px;
    -webkit-appearance: none;
    margin: 0px;
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.container-contact input[type=text],
.container-contact input[type=password],
.container-contact textarea{
    background: #EEE;    
    color: #333;
}
textarea {
    height: 120px;
}
textarea.big {
    height: 200px;
}
.error input[type=text],
.error input[type=password],
.error textarea {
    border-color: #a94442;
}
.valid input[type=text],
.valid input[type=password],
.valid textarea {
    border-color: #5cb85c;
}
input:focus,
textarea:focus {
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #FFF;
    font-weight: normal;
}
.container-contact input::-webkit-input-placeholder,
.container-contact textarea::-webkit-input-placeholder { 
    color: #333;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #FFF;
    font-weight: normal;
}
.container-contact input:-moz-placeholder,
.container-contact textarea:-moz-placeholder {
    color: #333;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #FFF;
    font-weight: normal;
}
.container-contact input:-ms-input-placeholder,
.container-contact textarea:-ms-input-placeholder {
    color: #333;
}
input[type=submit],
input[type=button]{
    float: left;
    height:58px;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #FFF;
    background-image: -webkit-linear-gradient(225deg, #000000, #ffc64e);
    background-image: linear-gradient(225deg, #000000, #5fa6ba);
    border: 0px;
    cursor: pointer;
    margin: 0px;
    padding:14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}
.rapor-img {
    padding-right: 80px;
}
.rapor-submit {
    background-image: -webkit-linear-gradient(45deg, #001085, #3060a3) !important;
    background-image: linear-gradient(45deg, #001085, #3060a3) !important;
    border-radius: 30px !important;
}
input[type=submit]:hover,
input[type=button]:hover,
a.button:hover,
a.buttonGreen:hover {
    background-image: -webkit-linear-gradient(225deg, #000000, #f6a845);
    background-image: linear-gradient(225deg, #000000, #f6a845);
}
.fileUpload {
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0px;
    width: 100% !important;
    height: 58px !important;
    background: rgba(255,255,255,0.2);
    border: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.fileUpload span {
    float: right;
    width: 56px;
    height: 56px;
    background: url(../images/upload.png) center center no-repeat;
    background-size: 30px 30px;
    text-indent: -9999px;
}
.fileUpload #uploadFile {
    float: left;
    width: 80%;
    height: 56px;
    background: none;
    border: 0px;
    padding: 18px 0px 18px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}
.fileUpload #uploadFile::-webkit-input-placeholder {
    font-weight: 400;
    color: #FFF;
}
.fileUpload #uploadFile::-moz-placeholder {
    font-weight: 400;
    color: #FFF;
}
.fileUpload #uploadFile:-ms-input-placeholder {
    font-weight: 400;
    color: #FFF;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 56px;
}
.highlight {
    padding: 0 3px;
    background-color: #231f20;
    color: #fff;
    text-shadow: none;
}
.custom-checkbox {
    position: absolute;
    left: 0px;
    top: 27px;
    width: 16px;
    height: 16px;
    z-index: 1;
    border: 1px solid #EEE;
    background: #f7f7f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.radius100 .custom-checkbox {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.custom-radio {
    position: absolute;
    left: 0px;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    z-index: 1;
    border: 1px solid #cbcbcb;
    background: #f7f7f7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.custom-checkbox::before,
.custom-radio::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    background: #ed1c24;
    margin-left: -3px;
    margin-top: -3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    display: none;
}
.radius100 .custom-checkbox::before,
.custom-radio::before {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.custom-checkbox:hover,
.custom-radio:hover,
label:hover .custom-checkbox,
label:hover .custom-radio {
    border-color: #ed1c24;
}
.custom-checkbox.selected,
.custom-radio.selected {
    border-color: #ed1c24;
}
.custom-checkbox.selected::before,
.custom-radio.selected::before {
    display: block;
}
.custom-checkbox input[type="checkbox"],
.custom-radio input[type="radio"] {
    position: absolute;
    left: 0px;
    top: 0px;
    width:14px;
    height: 14px;
    margin: 0px;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
label{
    float: left;
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #526078;
    position: relative;
    cursor: pointer;
}
label.right{
    float: right;
}
label.left{
    float: left;
}
label.checkbox span.Text,
label.radio span.Text{
    float: left;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #FFF;
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.container-contact label.checkbox span.Text,
.container-contact label.radio span.Text{
    color: #333;
}
label.checkbox.right span.Text,
label.radio.right span.Text{
    padding-left: 0px;
    padding-right:5px;
}
label.checkbox span.Text a,
label.radio span.Text a{
    font-weight: 700;
    color: #526078;
}
label.checkbox span.Text b,
label.radio span.Text b{ 
    font-weight: 700;
    font-size: 16px;
}
label.checkbox span.Text a:hover,
label.radio span.Text a:hover{
    color: #ed1c24;
}
label.error{
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    right: 12px;
    top: 5px;
    width: auto;
    height: auto;
    font-size: 10px;
    line-height: 16px;
    margin-top: 3px;
    color: #a94442;
}
.custom-checkbox label.error,
.custom-radio label.error{
    position: absolute;
    left: 0px;
    top: -23px;
    width: auto;
}
.error .custom-checkbox, 
.error .custom-radio {
    border-color: #a94442 !important;
}
.cookie-info {
    display: none;
    width: 280px;
    padding: 40px 20px;
    text-align: center;
    bottom: 60px;
    right: 60px;
    position: fixed;
    background: #0b1d8b;
    opacity: .9;
    color: #fff;
    z-index: 4000;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    font-size:13px;
    font-weight:400;
}

    .cookie-info a {
        text-decoration: underline;
        color: #fff;
        font-weight: 700;
    }

    .cookie-info img {
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
    }
@media (max-width: 1500px) {
    .div-logo-footer {
        margin-right: 30px;
    }
    .div-adresse-footer {
        max-width: 200px;
        margin-right: 30px;
    }
}
@media (max-width: 1220px) {
    .div-logo-footer {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .div-adresse-footer {
        width: 25%;
        max-width:none;
        margin-right: 0px;
        padding-right: 30px;
    }
    .w-nav-link {
        padding-left: 10px;
        font-size: 11px;
    }
    .brand {
        max-width: 180px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media (max-width: 1100px) {
    .w-nav-link {
        padding-left: 7px;
    }
}


@media (max-width: 991px) {
    
    .div-typo-deepTech{
        padding-left: 4vw;
    }
    .container-head.topNone{
        top: 3vh;
    }
    .brand {
        max-width:83%;
        padding-top: 14.5px;
        padding-bottom: 14.5px;

		
    }
    .w-nav-link {
        font-size:15px;
        padding: 12px 10px;
    }
    h1 {
        font-size: 29px;
        line-height: 36px;
    }
    .div-left {
        padding-right: 70px;
        padding-left: 7vw;
    }
    .div-txt-top.dtt-percent {
        width: 80%;
    }
    .line1.line-center2 {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .background2 {
        background-position: 0px 50px;
    }
    .div-referenz {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-txt-referenzen {
        width: 50%;
        padding-right: 20px;
        padding-left: 20px;
        float: none;
    }
    .container {
        padding-right: 0vw;
        padding-left: 0vw;
    }
    .div-txt-leistungen {
        width: 100%;
    }
    .container-icons {
        padding-right: 0vw;
        padding-left: 0vw;
    }
    .section-footer.footer-black {
        padding-right: 4vw;
        padding-left: 4vw;
    }
    .div-logo-footer {
        margin-right: 20px;
    }
    .div-adresse-footer {
        width: auto;
        float: left;
    }
    .div-adresse-footer.daf-right {
        margin-right: 0px;
    }
    .section-projektbeschr {
        background-color: #799199;
    }
    .div-block-phone {
        width: 100%;
        height: 651px;
        float: none;
    }
    .div-block-beschr {
        position: static;
        width: 100%;
        height: auto;
        padding: 60px 50px;
    }
    .div-block-beschr.dbb-cover {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        padding: 52px 50px;
        float: none;
        clear: left;
    }
    .div-phone {
        padding-right: 26px;
        padding-left: 26px;
    }
    .div-beschr {
        position: static;
        width: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .hl-left {
        padding-left: 4vw;
    }
    .hl-left.trans {
        width: 50%;
        padding-right: 0px;
    }
    .section-3d {
        padding: 154px 107px 105px;
    }
    .section-yt-video {
        padding-top: 79px;
        padding-bottom: 95px;
    }
    .div-videotxt {
        margin-bottom: 60px;
        padding-right: 0vw;
        padding-left: 0vw;
        text-align: left;
    }
    .div-videocontainer {
        padding-right: 30px;
        padding-left: 30px;
    }
    .div-txt-teck {
        padding-right: 30px;
        padding-left: 30px;
    }
    .txtback-mobile {
        position: relative;
        left: -178px;
        min-width: 2500px;
        margin-top: 85px;
    }
    .weblink-button {
        font-size: 17px;
    }
    .div-covers {
        right: -35%;
        bottom: -5%;
        width: 90%;
    }
    .iso-item {
        margin-right: 12px;
        margin-bottom: 12px;
    }
    .div-coverslider {
        position: static;
        display: block;
        width: auto;
        margin-right: auto;
        margin-left: auto;
        padding-top: 50px;
        padding-right: 50px;
        padding-left: 50px;
        float: none;
        background-color: transparent;
    }
    .coverslider {
        width: 100%;
    }
    .coverslider-right-arrow {
        left: -34px;
        right: -34px;
        bottom: -34px;
        margin-bottom: 0px;
    }
    .container-impressum {
        padding-right: 4vw;
        padding-left: 4vw;
    }
    .container-adress {
        padding-right: 1vw;
        padding-left: 4vw;
    }
    .container-contact {
        padding-right: 4vw;
        padding-left: 1vw;
    }
    .div-ellmauer-portrait {
        right: -7vh;
    }
    .ellmauerpic {
        height: 73vh;
    }
    .bg-folder {
        height: 315px;
    }
    .div-folder1 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .section-web {
        margin-top: 172px;
    }
    .container-2 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .txt-ellmauerfolder3 {
        top: 167px;
    }
    .husimage1 {
        margin-top: 10px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .hus-flex-parrent {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .hus-flex-parrent2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .div-block-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .hus-image3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .hus-text {
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .hus-textblock {
        padding: 37px 20px;
    }
    .div-block-3 {
        margin-top: 10px;
    }
    .hus-text-2 {
        width: 70%;
    }
    .div-block-6 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .hus-image5 {
        min-height: 300px;
    }
    .hus-text3 {
        min-height: auto;
        margin-top: 10px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .div-block-7 {
        padding-right: 5px;
    }
    .div-pt-intro {
        padding-right: 0px;
        padding-left: 0px;
    }
    .pt-links {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .pt-right {
        margin-bottom: 10px;
        padding-bottom: 50px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .pt-schild {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .div-stationery {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .div-pl-vk-fixed {
        height: 470px;
        background-position: 50% 50%;
        background-attachment: scroll;
    }
    .div-meintisch-projekt-left {
        width: 80%;
    }
    .div-meintisch-imac {
        width: 70%;
    }
    .div-iphone-meintisch-mobile {
        padding-right: 30px;
        padding-left: 30px;
    }
    .container-3 {
        padding-right: 30px;
        padding-left: 30px;
    }
    .div-projekte-head {
        padding-top: 442px;
    }
    .div-projekte-head.products {
        height: auto;
    }
    .div-projekte-head.services {
        height: auto;
    }
    .container-head {
        top: -50px;
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .div-typo-product {
        top: -214px;
        width: 2360px;
        margin-left: 4vw;
    }
    .div-typo-services {
        top: -90px;
        width: 1800px;
        margin-left: 4vw;
    }
    .div-typo-donusum {
        top: -90px;
        width: 2360px;
        margin-left: 4vw;
    }
    .div-typo-yonetim {
        top: -90px;
        width: 2360px;
        margin-left: 4vw;
    }
    .div-typo-arge {
        top: -90px;
        width: 2360px;
        margin-left: 4vw;
    }
    .div-typo-kariyer {
        top: -90px;
        width: 1600px;
        margin-left: 4vw;
    }
    .div-typo-catalist {
        top: -110px;
        width: 1600px;
        margin-left: 4vw;
    }
    .section-typo-einleitung {
        padding-right: 0px;
        padding-bottom: 100px;
        padding-left: 0px;
    }
    .div-txt-typo-einleitung {
        padding-right: 4vw;
        padding-left: 4vw;
    }
    .div-image-typo3 {
        margin-top: 116px;
    }
    .section-text-features {
        padding-top: 60px;
    }
    .section-blogfeatures {
        height: auto;
    }
    .div-blogfeatures {
        height: auto;
    }
    .div-blog-feature.blogfeature-1 {
        width: 100%;
        height: 500px;
    }
    .div-blog-feature.blogfeature-2 {
        width: 50%;
        height: 500px;
    }
    .div-blog-feature.blogfeature-3 {
        width: 50%;
        height: 500px;
    }
    .div-image-blogpost {
        width: 230px;
    }
    .div-image-blogpost.image-blog-small {
        width: 100px;
    }
    .section-blogcontent {
        padding-left: 0px;
    }
    .div-hl-blogpost {
        padding-left: 0px;
    }
    .div-txtbild-content {
        padding-left: 0px;
    }
    .div-column-right {
        min-width: 260px;
    }
    .div-blog-referenz {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
        float: none;
    }
    .div-tablet {
        top: 42px;
        right: -50%;
        width: 100%;
    }
    .content-clubsite-50 {
        padding-right: 0px;
    }
    .section-features-clubsite {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .section-features-clubsite.image {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section-features-clubsite.sf-docsite {
        padding-bottom: 30vw;
    }
    .h1-clubsite {
        line-height: 40px;
    }
    .section-clubsite-screen {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .section-clubsite-design {
        padding-top: 80px;
    }
    .div-clubsite-responsive {
        margin-right: -1vw;
        margin-left: -1vw;
    }
    .div-responsive-left {
        padding-right: 1vw;
        padding-left: 1vw;
    }
    .div-responsive-right {
        padding-right: 1vw;
        padding-left: 1vw;
    }
    .div-responsive-mitte {
        padding-right: 1vw;
        padding-left: 1vw;
    }
    .div-scoreboard {
        height: 900px;
        background-size: 90%, auto;
    }
    .div-elemente-scoreboard {
        height: 1000px;
    }
    .element-scoreboard.sb2 {
        top: 143px;
    }
    .element-scoreboard.sb3 {
        top: 533px;
    }
    .div-mobile {
        margin-top: 20px;
    }
    .mobile-left {
        left: -10vw;
    }
    .mobile-right {
        right: -10vw;
    }
    .div-container-projects {
        padding-right: 4vw;
        padding-left: 4vw;
    }
    .div-box-project {
        width: 50%;
    }
    .div-ref-home {
        margin-top: 80px;
        padding-right: 10px;
    }
    .div-ref-home.ref-home-left {
        padding-left: 10px;
    }
    .slider-projects {
        padding-right: 75px;
        padding-left: 75px;
    }
    .slide-projects {
        width: 50%;
    }
    .div-hl-mehr-projekte {
        padding-right: 0vw;
        padding-left: 75px;
    }
    .container-4 {
        padding-right: 40px;
        padding-left: 40px;
    }
    .div-head-edoksis {
        height: 76vw;
        margin-bottom: 46vw;
    }
    .section-docsite-divider {
        height: 40vw;
    }
    .back-triangle {
        width: auto;
        min-width: 1170px;
    }
    .div-para-club {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-position: 50% 0px;
        background-size: cover;
        background-attachment: scroll;
    }
    .puppentheater-head {
        height: 73vw;
        padding-right: 65px;
        padding-left: 65px;
    }
    .container-puppen-head {
        text-align: center;
    }
    .slide-2 {
        width: 50%;
    }
    .div-txt-top-puppen {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .section-head-ruggen {
        height: 900px;
    }
    .h1-ruggenthaler {
        font-size: 50px;
        line-height: 50px;
    }
    .div-image-mac {
        bottom: -234px;
    }
    .section-rrb-typo {
        margin-top: 350px;
        padding-right: 30px;
        padding-left: 30px;
    }
    .div-box-typo-rrb {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-typo-rrb-left {
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #e6e6e6;
    }
    .section-rrb-mobile.mobile-inno {
        margin-bottom: 120px;
    }
    .section-home-rrb {
        padding-right: 30px;
        padding-left: 30px;
    }
    .section-news-rrb {
        padding-right: 30px;
        padding-left: 30px;
    }
    .section-fachgebiete-rrb {
        padding-right: 30px;
        padding-left: 30px;
    }
    .section-ipad-rrb {
        padding-top: 150px;
    }
    .section-synthesa-webdesign {
        padding-right: 60px;
        padding-left: 60px;
    }
    .section-synthesa-webdesign.txt-spot {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .div-synthesa-beschreibung {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-synthesa-beschreibung-links {
        border-bottom: 1px solid #575757;
        border-right-style: none;
    }
    .div-synthesa-webdesign {
        height: 62vw;
        max-height: 780px;
    }
    .div-synthesa-screens {
        bottom: -59px;
    }
    .section-synthesa-mobile {
        height: 1200px;
    }
    .div-synthesa-mobile {
        padding-right: 62px;
        padding-left: 62px;
    }
    .section-synthesa-motiondesign {
        padding-right: 60px;
        padding-left: 60px;
    }
    .text-block-3 {
        margin-top: 10px;
    }
    .div-block-synthesa-video {
        width: 50%;
        padding-right: 5px;
        padding-bottom: 30px;
        padding-left: 5px;
    }
    .image-54 {
        width: 100%;
    }
    .jankofoto-right {
        padding: 7vw 30px 30px;
    }
    .nav-menu {
        background-color: #fff;
    }
    .menu-button {
        background-color: #fff;
    }
    .menu-button.w--open {
        background-color: #fff;
        color: #333;
    }
    .textSextion {
        padding-right: 4vw;
        padding-left: 4vw;
    }
    .section-head-innovation {
        padding-top: 30px;
    }
    .section-innovation-project {
        padding-right: 40px;
        padding-left: 40px;
    }
    .div-hl2-innovation {
        margin-bottom: 40px;
    }
    .div-project-txt-innovation {
        margin-top: 0px;
    }
    .section-screens-innovation {
        padding-right: 50px;
        padding-left: 50px;
    }
    .section-screens2-innovation {
        padding-right: 50px;
        padding-left: 50px;
    }
    .div-font-small {
        margin-right: 35px;
    }
    .section-fotos-rrb {
        padding-bottom: 15px;
    }
    .image-60 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 0px;
        -ms-flex: 0 0 0px;
        flex: 0 0 0px;
    }
    .button-inno {
        margin-top: 30px;
    }
    .h2-team {
        font-size: 33px;
    }
    .div-graph-line {
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .div-txt-graph {
        margin-bottom: 1px;
        font-size: 11px;
    }
    .div-team-skills {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-skill {
        border-bottom: 1px solid #3c3c3c;
        border-right-style: none;
    }
    .section-video-spot {
        padding-top: 60px;
    }
    .section-fotos-spot {
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
    .div-foto-spot {
        width: 50%;
    }
    .div-adresse-footer {
        width: 50%;
        margin-bottom: 30px;
    }
    .div-copyright{
        width:80%;
    }
}

@media (max-width: 767px) {
    .kariyerImage {
        padding-left: 10px;
        padding-bottom:20px;
    }
    .container-adress,
    .container-contact {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    ul.form li{
        width: 100%;
    }
    .container-head.topNone{
        top: 6vh;
    }
    .w-nav-link{
        font-size: 13px;
    }
    .body {
        margin-right: 0px;
        margin-left: 0px;
    }
    .top {
        margin-right: 0px;
        margin-left: 0px;
    }
    .div-left {
        top: 80%;
        width: 100%;
        padding-left: 11vw;
    }
    .div-txt-top {
        text-align:center;
        display: block;
    }
    .div-txt-top.dtt-percent {
        width: 80%;
    }
    .div-button-ref{
        float:none;
        display:inline-block;
    }
    .txt-hl-mini {
        color: #fff;
    }
    .backgounds {
        margin-right: 0px;
        margin-left: 0px;
    }
    .section2 {
        position: relative;
    }
    .background2 {
        background-position: 0px 50px;
    }
    .back-left {
        background-image: -webkit-linear-gradient(225deg, #ff3d00, #faaa00 66%);
        background-image: linear-gradient(225deg, #ff3d00, #faaa00 66%);
    }
    .div-referenz {
        margin-top: 70px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .div-txt-referenzen {
        width: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .para-black.grey._2sp {
        -webkit-column-count: 1;
        column-count: 1;
    }
    .background4 {
        opacity: 0;
    }
    .line1{
        background: #FFF;
    }
    .div-u {
        width: 80vw;
        margin-right: -45vw;
        opacity: 0;
    }
    .div-grafik {
        display: block;
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .block-icon {
        height: 80px;
    }
    .div-leistungen {
        display: block;
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        padding-left: 0px;
    }
    .div-kontakt {
        width: 80%;
    }
    .button1 {
        font-size: 19px;
    }
    .section-footer {
        padding-bottom: 80px;
        padding-left: 20px;
    }
    .div-logo-footer {
        margin-right: 20px;
        margin-bottom: 40px;
        float: none;
    }
    .div-adresse-footer {
        float: left;
        width: 45%;
        margin-bottom: 30px;
        padding-right: 0px;
    }
    .div-referenzen {
        display: block;
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
    .section-head {
        padding-bottom: 0px;
    }
    .section-head .hl-left.trans{
        position: static;
        float: left;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        -webkit-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        transform: translate(0px, 0%);
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .section-head .hl-left.trans .div-txt-top{
        float: left;
        width: 100%;
        text-align: center;
    }
    .section-head .hl-left.trans .div-txt-top h1{
        width: 100%;
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }
    .section-head .hl-left.trans .div-txt-top .line1 {
        clear: both;
        display: inline-block;
        background: #000;
        margin: 5px 0px;
    }
    .section-head .hl-left.trans .div-txt-top .line1.white {
        background: #FFF;
    }
    .section-head .hl-left.trans .div-txt-top .txt-hl-mini{
        float: left;
        width: 100%;
        color: #000;
    }
    .section-head .hl-left.trans .div-txt-top .txt-hl-mini.txt-white{
        color: #FFF;
    }
    .section-head .hl-left.trans .div-txt-top .sl-head{
        width: 100%;
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }
    .perfx-head-bg {
        background-image: url('../images/perfx_header_m.png');
        background-position:center top;
        background-size: cover;
    }
    .perfx-head-bg-alt {
        background-image: url('../images/perfx_header_m.png');
        background-position:center top;
        background-size: cover;
    }
    .perfx-head-bg-alt-white {
        background-image: url('../images/perfx_header_m.png');
        background-position:center top;
        background-size: cover;
    }
    .edoksis-head-bg {
        background-image: url('../images/edoksis_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .pratis-head-bg {
        background-image: url('../images/pratis_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .hrweb-head-bg {
        background-image: url('../images/hrweb_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .cdx-head-bg {
        background-image: url('../images/cdx_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .grsis-head-bg {
        background-image: url('../images/grsis_header_m.jpg');
        background-position: center top;
        background-size: cover;
    }
    .veriMerkezi-head-bg {
        background-image: url('../images/veriMerkezi_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .uygulama-head-bg {
        background-image: url('../images/uygulama_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .sap-head-bg {
        background-image: url('../images/sap_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .iscozum-head-bg {
        background-image: url('../images/iscozum_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .veriAnalitigi-head-bg {
        background-image: url('../images/veriAnatiligi_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .siber-head-bg {
        background-image: url('../images/siber_header_m.jpg');
        background-position:center top;
        background-size: cover;
    }
    .edoksis-head-icon{
        position: static;
        float: left;
        width: 100%;
        -webkit-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        transform: translate(0px, 0%);
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .section-projektbeschr {
        margin-top: 0px;
    }
    .div-block-phone {
        width: 100%;
        height: 641px;
    }
    .div-block-beschr {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 59px;
        padding-bottom: 59px;
    }
    .div-beschr {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .section-video {
        overflow: hidden;
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .hl-left.trans {
        width: 60%;
        padding-right: 0px;
    }
    .section-3d {
        padding-top: 188px;
        padding-right: 90px;
        padding-left: 90px;
    }
    .section-yt-video {
        margin-bottom: 1px;
    }
    .div-videotxt {
        margin-bottom: 55px;
    }
    .div-videocontainer {
        padding-right: 30px;
        padding-left: 30px;
    }
    .txt-teck {
        width: 100%;
    }
    .div-block-leistungen {
        margin-bottom: 29px;
        padding-bottom: 50px;
        border-bottom: 1px dashed #fff;
    }
    .back1-mobile {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #ed4d45;
        background-image: url('../images/slider_2.jpg'), -webkit-linear-gradient(225deg, #ff3d00, #faaa00 83%);
        background-image: url('../images/slider_2.jpg'), linear-gradient(225deg, #ff3d00, #faaa00 83%);
        background-position: 50% 50%, 0px 0px;
        background-size: cover, auto;
    }
    .back1-mobile.en {
        background-image: url('../images/slider_2.jpg'), -webkit-linear-gradient(225deg, #ff3d00, #faaa00 83%);
        background-image: url('../images/slider_2.jpg'), linear-gradient(225deg, #ff3d00, #faaa00 83%);
    }
    .back1-mobile::after{
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.4);
        z-index: 1;
    }
    .last-row {
        display: block;
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
    .div-covers {
        bottom: -6%;
    }
    .iso-item {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .div-coverslider {
        width: 100%;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .txt-impressum.ti-small,
    .txt-arge.ti-small {
        -webkit-column-count: 1;
        column-count: 1;
    }
    .hl-ani.black.hlsmall {
        font-size: 20px;
        line-height: 20px;
    }
    .color-bar.cb-black {
        display: block;
    }
    .section-folder {
        margin-top: 10px;
    }
    .bg-folder {
        height: 255px;
    }
    .div-block-txt-ellmauer {
        padding-right: 0px;
    }
    .container-2 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .ellmauerfolder2 {
        width: 57%;
    }
    .txt-ellmauerfolder2 {
        top: 23px;
        width: 40%;
    }
    .section-fotos {
        padding-right: 20px;
        padding-left: 20px;
    }
    .saege {
        margin-top: 48px;
    }
    .husimage1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .hus-flex-parrent {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .hus-text3 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .pt-logo {
        padding-bottom: 100px;
    }
    .pt-right {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-stationery {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-meintisch-appicon {
        height: 400px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .div-meintisch-desktop {
        padding-right: 20px;
        padding-bottom: 100px;
        padding-left: 20px;
    }
    .section-mobile-meintisch {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .section-content-head {
        padding-bottom: 0px;
    }
    .div-projekte-head {
        padding-top: 385px;
    }
    .div-projekte-head.products {
        height: auto;
        padding-bottom: 0px;
    }
    .div-projekte-head.services {
        height: auto;
        padding-bottom: 0px;
    }
    .div-typo-product {
        top: -163px;
        width: 1820px;
    }
    .div-typo-services {
        top: -70px;
        width: 1500px;
    }
    .section-typo-einleitung {
        padding-top: 55px;
        padding-bottom: 100px;
    }
    .div-image-typo3 {
        margin-top: 105px;
    }
    .section-text-features {
        padding-top: 70px;
    }
    .column-typo-feature {
        padding-right: 0px;
        padding-left: 0px;
    }
    .container-feature-typo {
        padding-right: 4vw;
        padding-left: 4vw;
    }
    .div-blog-feature.blogfeature-2 {
        height: 500px;
    }
    .blogfeature-top {
        height: 40%;
    }
    .blogfeature-bottom {
        height: 60%;
    }
    .section-more-blogposts {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-image-blogpost {
        width: 160px;
    }
    .container-content {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-hl-blogpost {
        padding-left: 20px;
    }
    .div-txtbild-content {
        padding-left: 20px;
    }
    .div-blog-right {
        margin-top: 40px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-column-right {
        width: 100%;
        min-width: auto;
    }
    .div-blog-social {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-image-sermocorehead {
        bottom: -8px;
        padding-right: 67px;
        padding-left: 67px;
    }
    .image-15 {
        height: 100px;
    }
    .div-sermocore-home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .home-left {
        width: 100%;
        height: 600px;
    }
    .home-right {
        width: 100%;
        margin-bottom: 40px;
    }
    .div-hl-pdf2brief {
        padding-top: 9vw;
        padding-bottom: 9vw;
    }
    .div-hl-sermocore-mobile {
        padding-top: 9vw;
        padding-bottom: 9vw;
    }
    .div-sermocore-teasse {
        right: 18vw;
        bottom: 8vw;
    }
    .div-hl-clubsite {
        width: 100%;
    }
    .div-tablet {
        position: static;
        top: 0px;
        right: 0%;
        padding-left: 0px;
    }
    .div-content-clubsite {
        position: relative;
        top: -109px;
        padding-top: 150px;
    }
    .content-clubsite-50 {
        width: 100%;
    }
    .div-features-25 {
        padding-top: 34px;
        padding-bottom: 34px;
    }
    .div-icon-feature {
        padding-right: 23px;
        padding-left: 23px;
    }
    .div-icon-feature img{
        height: auto;
    }
    .h4-feature {
        font-size: 12px;
    }
    .h4-feature-light {
        font-size: 11px;
    }
    .hl-description {
        font-size: 15px;
        line-height: 15px;
    }
    .txt-description {
        font-size: 13px;
        line-height: 13px;
    }
    .div-scoreboard {
        height: 800px;
        background-size: 90%, auto;
    }
    .element-scoreboard.sb3 {
        top: 458px;
    }
    .div-ref-home {
        margin-top: 40px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .div-ref-home.ref-home-left {
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-last-projects {
        padding-top: 30px;
    }
    .div-projects {
        padding-bottom: 20px;
    }
    .slider-projects {
        padding-right: 40px;
        padding-left: 40px;
    }
    .div-hl-mehr-projekte {
        padding-left: 40px;
    }
    .left-arrow {
        width: 40px;
    }
    .right-arrow {
        width: 40px;
    }
    .div-sotd {
        margin-right: -10px;
        margin-left: -10px;
    }
    .links-sotd {
        margin-right: 10px;
        margin-left: 10px;
    }
    .div-head-edoksis {
        height: 530px;
    }
    .div-einstieg-docsite {
        margin-bottom: -82px;
        padding-top: 15vw;
    }
    .section-docsite-divider {
        height: 50vw;
    }
    .div-docsite-ipad {
        bottom: 18vw;
    }
    .puppentheater-head {
        height: 600px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-macbook-puppentheater {
        position: static;
        padding-top: 89px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-webseite-puppentheater {
        padding-top: 30vw;
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-txt-webseite-puppen {
        margin-bottom: 50px;
        text-align: center;
    }
    .div-rollup-left {
        width: 100%;
        padding-top: 66px;
        text-align: center;
    }
    .div-rollup-right {
        width: 100%;
        padding-top: 30px;
    }
    .container-rollup {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .container-hl-fotos {
        padding-bottom: 0px;
    }
    .slide-2 {
        width: 100%;
    }
    .h1-puppentheater {
        float: none;
    }
    .section-head-ruggen {
        height: 750px;
    }
    .h1-ruggenthaler {
        font-size: 40px;
        line-height: 40px;
    }
    .div-image-mac {
        bottom: -191px;
    }
    .div-hl-section-rrb.hl-margin {
        padding-right: 30px;
        padding-left: 30px;
    }
    .div-zeichen-typo-rrb {
        font-size: 20px;
    }
    .section-rrb-mobile {
        margin-bottom: 150px;
    }
    .section-home-rrb {
        margin-bottom: 70px;
        padding-bottom: 50px;
    }
    .section-news-rrb {
        margin-bottom: 100px;
    }
    .div-news-rrb {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-news-rrb-left {
        margin-bottom: 30px;
        padding-right: 0px;
    }
    .div-news-rrb-right {
        padding-left: 0px;
    }
    .section-fachgebiete-rrb {
        padding-top: 70px;
    }
    .section-ipad-rrb {
        padding-top: 70px;
    }
    .section-head-synthesa {
        height: 900px;
    }
    .section-synthesa-webdesign {
        padding-right: 40px;
        padding-left: 40px;
    }
    .div-head-synthesacontent {
        padding: 40px 20px;
    }
    .div-synthesa-beschreibung-links {
        padding: 40px 20px;
    }
    .div-synthesa-beschreinung-rechts {
        padding: 40px 20px;
    }
    .txt-beschreibung-synthesa {
        -webkit-column-count: 1;
        column-count: 1;
    }
    .div-synthesa-webdesign {
        height: 82vw;
        padding: 40px 20px;
    }
    .div-synthesa-screens {
        margin-right: -25px;
        margin-left: -25px;
    }
    .section-synthesa-mobile {
        height: 1100px;
    }
    .section-synthesa-motiondesign {
        padding-right: 40px;
        padding-left: 40px;
    }
    .div-synthesa-video {
        padding-top: 40px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-block-synthesa-video {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .div-janko-hero {
        height: 66vw;
    }
    .div-janko-beschreibung {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-beschreibung-left {
        width: 100%;
        border-right-style: none;
    }
    .div-beschreibung-right {
        width: 100%;
    }
    .section-janko-foto {
        padding-right: 40px;
        padding-left: 40px;
    }
    .div-transition {
        z-index: 34000;
        display: none;
    }
    .section-head-innovation {
        padding-left: 40px;
    }
    .section-innovation-project {
        padding-top: 100px;
    }
    .paragraph-innovation {
        -webkit-column-count: 1;
        column-count: 1;
    }
    .div-square-innovation {
        width: 70vw;
        height: 150vw;
        max-height: auto;
        min-height: 690px;
        min-width: 0px;
    }
    .section-screens-innovation {
        margin-bottom: 100px;
    }
    .section-screens2-innovation {
        padding-bottom: 60px;
        background-size: contain, auto;
    }
    .section-fonts-innovation {
        margin-bottom: 100px;
        padding-right: 50px;
        padding-left: 50px;
    }
    .div-box-fonts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-font-small {
        margin-right: 0px;
    }
    .section-fotos-rrb {
        padding-bottom: 15px;
    }
    .button-inno {
        padding-left: 15px;
    }
    .div-scrolldown-mobile {
        position: fixed;
        left: auto;
        top: 0px;
        right: 6vw;
        bottom: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100vh;
        padding-bottom: 125px;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .h1-title {
        color: #fff;
    }
    .div-markus {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-markus-left {
        width: 70%;
    }
    .div-markus-right {
        width: 100%;
        margin-right: 0px;
        padding-right: 40px;
        padding-left: 40px;
    }
    .div-txt-donusum {
        margin-top: 0px;
    }
    .div-team-skills {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .div-skill {
        border-right-style: solid;
        border-bottom-style: none;
    }
    .div-juergen {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .div-juergen-left {
        width: 100%;
        margin-left: 0px;
        padding-right: 40px;
        padding-left: 40px;
    }
    .div-juergen-right {
        width: 70%;
    }
    .div-txt-juergen {
        margin-top: 0px;
        margin-right: 0px;
    }
    .section-video-spot {
        padding-top: 60px;
    }
    .dropdown-toggle span.logo{
        max-width: 120px;
        margin-top: -18px;
        opacity: 0.8;
    }
    .dropdown-toggle {
        padding-left: 140px;
    }
    .div-social{
        width: 100%;
        height: 40px;
        bottom: 0px;
        top: auto;
        background: #FFF;
    }
    .link-social{
        display: inline-block;
        margin: 0px 20px;
        width: auto;
    }
    .div-hl-mini{
        float: left;
        width: 100%;
    }
    .div-techlist{
        margin-left: -10px;
        margin-right: -10px;
    }
    .div-features-20 {
        width:25%;
        padding: 15px;
    }
    .cookie-info {
        width: 100%;
        text-align: center;
        bottom: 40px;
        right: 0;
        border-radius:0px;

    }
}
@media (max-width: 580px) {
    .dropdown {
        font-size: 14px;
    }
    .section-head .hl-left.trans .div-txt-top h1{
        width: 100%;
        padding: 0px 15%;
    }
    .section-head .hl-left.trans .div-txt-top .sl-head{
        padding-top: 10px;
    }
    .div-features-20 {
        width:33.33%;
        padding: 10px;
    }
    .div-icon-feature {
        padding-right: 13px;
        padding-left: 13px;
    }
}
@media (max-width: 479px) {
    .div-copyright{
        width: 100%;
    }
    .div-diverseffect{
        float: left;
        margin-top: 20px;
    }
    h1 {
        font-size: 26px;
        line-height: 32px;
    }
    .div-left {
        top: 80%;
        padding-right: 20px;
        padding-left: 13vw;
    }
    .div-txt-top.dtt-percent {
        width: 100%;
    }
    .background2 {
        background-position: 0px 50px;
    }
    .para-black.grey._2sp {
        -webkit-column-count: 1;
        column-count: 1;
    }
    .div-txt-leistungen {
        width: 100%;
    }
    .div-grafik {
        width: 90%;
        margin-top: 80px;
    }
    .div-leistungen {
        width: 90%;
    }
    .div-kontakt {
        width: 90%;
    }
    .button1 {
        display: block;
        padding-right: 24px;
        padding-left: 24px;
    }
    .div-adresse-footer {
        width: 100%;
    }
    .div-referenzen {
        width: 90%;
    }
    .div-block-phone {
        height: 126vw;
    }
    .div-block-beschr {
        padding: 25px 20px;
    }
    .div-block-beschr.dbb-cover {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-beschr {
        width: 100%;
    }
    .section-video {
        padding-top: 51px;
        padding-bottom: 51px;
    }
    .hl-left.trans {
        width: 80%;
    }
    .section-3d {
        padding-right: 40px;
        padding-left: 40px;
    }
    .section-yt-video {
        padding-bottom: 60px;
    }
    .div-txt-teck {
        margin-top: 58px;
        padding-right: 20px;
        padding-left: 20px;
    }
    ._2spaltig {
        -webkit-column-count: 1;
        column-count: 1;
    }
    .last-row {
        width: 90%;
    }
    .div-covers {
        right: -41%;
        bottom: -11%;
        width: 100%;
    }
    .iso-item {
        margin-right: 7px;
        margin-bottom: 7px;
    }
    .hl-ani.black.hlsmall {
        font-size: 24px;
        line-height: 24px;
    }
    .color-bar.cb-black {
        display: block;
    }
    .utility-page-content {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-ellmauer-portrait {
        right: -7vh;
    }
    .ellmauerpic {
        height: auto;
        max-height: 69vh;
    }
    .bg-folder {
        height: 50vw;
    }
    .div-folder1 {
        left: 0px;
        top: auto;
        right: 0px;
        bottom: -57px;
    }
    .section-web {
        margin-top: 105px;
    }
    .fixed-parallax-01,
    .fixed-parallax-02,
    .fixed-parallax-03,
    .fixed-parallax-04,
    .fixed-parallax-05,
    .fixed-parallax-06,
    .fixed-parallax-07,
    .fixed-parallax-08,
    .fixed-parallax-09,
    .fixed-parallax-10,
    .fixed-parallax-11,
    .fixed-parallax-12{
        height: 230px;
        background-attachment: scroll;
    }
    .ellmauerfolder2 {
        width: 100%;
        margin-top: 27px;
        margin-left: 0px;
        padding-left: 36px;
    }
    .txt-ellmauerfolder2 {
        position: static;
        width: 100%;
        margin-right: 0px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .txt-ellmauerfolder3 {
        position: static;
        width: 100%;
        margin-left: 0px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: left;
    }
    .ellmauerfolder3 {
        width: 100%;
        margin-top: 59px;
        margin-right: 0px;
        margin-bottom: 31px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .ellmauerfolder1 {
        margin-right: 0px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .hus-flex-parrent {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .hus-flex-parrent2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .div-block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .div-block-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .hus-image3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .hus-flex-parrent3 {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .hus-image4 {
        margin-bottom: 10px;
    }
    .div-block-7 {
        margin-bottom: 0px;
    }
    .div-pl-vk-fixed {
        height: 290px;
    }
    .div-meintisch-projekt-left {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .div-meintisch-logos {
        height: 480px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-hl-meintisch-desktop {
        padding-top: 45px;
    }
    .section-mobile-meintisch {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .div-txt-mobile-meintisch {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-projekte-head {
        padding-top: 265px;
    }
    .div-projekte-head.products {
        height: auto;
    }
    .div-projekte-head.services {
        height: auto;
    }
    .div-typo-product {
        top: -120px;
        width: 1370px;
    }
    .div-typo-services {
        top: -55px;
        width: 1200px;
    }
    .section-typo-einleitung {
        padding-top: 45px;
        padding-bottom: 70px;
    }
    .div-image-typo3 {
        margin-top: 70px;
    }
    .section-text-features {
        padding-top: 40px;
    }
    .div-blogfeatures {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-blog-feature {
        margin-bottom: 20px;
        padding: 0px;
    }
    .div-blog-feature.blogfeature-1 {
        height: 400px;
    }
    .div-blog-feature.blogfeature-2 {
        width: 100%;
        height: auto;
        padding: 0px;
    }
    .div-blog-feature.blogfeature-3 {
        width: 100%;
        height: 400px;
    }
    .div-blogfeature {
        height: 100%;
    }
    .blogfeature-top {
        height: 240px;
    }
    .blogfeature-bottom {
        height: auto;
        padding-right: 20px;
        padding-left: 20px;
    }
    .hl-blogfeature2 {
        font-size: 20px;
        line-height: 25px;
    }
    .section-more-blogposts {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .div-more-blogposts {
        margin-top: 0px;
    }
    .div-link-blogpost {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-link-blogpost.blogpost-side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .div-image-blogpost {
        width: 100%;
        height: 240px;
    }
    .div-image-blogpost.image-blog-small {
        height: auto;
    }
    .div-txt-blogpost {
        padding: 20px;
        border-bottom-style: none;
        background-color: #ececec;
    }
    .div-txt-blogpost.txt-blogpost-small {
        padding-top: 0px;
        padding-right: 0px;
        border-bottom-style: solid;
        background-color: transparent;
    }
    .container-content {
        padding-right: 0px;
        padding-left: 0px;
    }
    .div-image-sermocorehead {
        bottom: -6px;
        padding-right: 27px;
        padding-left: 27px;
    }
    .home-left {
        height: 480px;
    }
    .section-pdf2brief {
        margin-top: 80px;
    }
    .div-container-elemente {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-ipad-elemente {
        top: -61px;
    }
    .div-image-sermocore-phones {
        margin-bottom: 70px;
    }
    .div-mobile-bottom {
        height: 70vw;
    }
    .div-sermocore-teasse {
        right: 12vw;
    }
    .div-content-clubsite {
        padding-bottom: 80px;
    }
    .div-sportarten {
        margin-top: 60px;
    }
    .section-features-clubsite {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .div-features-clubsite {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .div-features-25 {
        width: 50%;
    }
    .div-features-20 {
        width: 33.33%;
    }
    .section-clubsite-screen {
        height: 400px;
    }
    .section-clubsite-design {
        padding-top: 60px;
    }
    .div-designelement {
        margin-bottom: 60px;
    }
    .div-description {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .box-description {
        margin-bottom: 10px;
    }
    .sl-responsive {
        font-size: 10px;
    }
    .div-scoreboard {
        height: auto;
        padding-top: 60px;
        background-size: 120%, auto;
    }
    .div-elemente-scoreboard {
        height: auto;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .element-scoreboard.sb1 {
        position: static;
        width: auto;
    }
    .element-scoreboard.sb2 {
        position: static;
        width: auto;
    }
    .element-scoreboard.sb3 {
        position: static;
        width: auto;
    }
    .div-news {
        padding-top: 60px;
    }
    .div-container-projects {
        padding-right: 2vw;
        padding-left: 2vw;
    }
    .div-box-project {
        width: 100%;
    }
    .product .div-box-project {
        width: 100%;
    }
    .section-last-projects {
        padding-bottom: 30px;
    }
    .div-projects {
        padding-bottom: 0px;
    }
    .slider-projects {
        padding-right: 40px;
        padding-left: 40px;
    }
    .slide-projects {
        width: 100%;
    }
    .div-hl-mehr-projekte {
        padding-left: 35px;
    }
    .left-arrow {
        width: 40px;
    }
    .right-arrow {
        width: 40px;
    }
    .links-sotd {
        width: 50%;
        margin-right: 0px;
        margin-bottom: 30px;
        margin-left: 0px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-4 {
        padding-right: 30px;
        padding-left: 30px;
    }
    .div-head-edoksis {
        height: 90vw;
    }
    .div-logo-docsite {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    .spot {
        display: block;
    }
    .div-box-sotd {
        margin-bottom: 0px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .puppentheater-head {
        height: 530px;
    }
    .div-macbook-puppentheater {
        padding-top: 63px;
    }
    .section-head-ruggen {
        height: 600px;
    }
    .div-logo-rrb {
        margin-top: 45px;
    }
    .div-head-rrb-txt {
        margin-top: 15px;
    }
    .h1-ruggenthaler {
        font-size: 30px;
        line-height: 30px;
    }
    .div-image-mac {
        bottom: -98px;
    }
    .section-rrb-typo {
        margin-top: 200px;
    }
    .div-hl-section-rrb {
        margin-bottom: 40px;
    }
    .div-zahl-rrb {
        font-size: 70px;
        line-height: 150px;
    }
    .h2-rrb {
        margin-top: 10px;
        font-size: 30px;
        line-height: 40px;
    }
    .text-block {
        line-height: 70px;
    }
    .div-box-typo-rrb {
        margin-bottom: 150px;
        padding: 25px;
    }
    .div-typo-rrb-left {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .section-rrb-mobile {
        height: 68vw;
        margin-bottom: 100px;
    }
    .section-head-synthesa {
        height: 135vw;
    }
    .div-synthesa-headerback {
        height: 620px;
    }
    .section-synthesa-webdesign {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-synthesa-screens {
        margin-right: 0px;
        margin-left: 0px;
    }
    .div-synthesa-homescreen {
        margin-top: 150px;
    }
    .section-synthesa-mobile {
        height: 450px;
        padding-top: 0px;
        padding-right: 40px;
        padding-left: 40px;
    }
    .div-synthesa-splash {
        top: 86px;
    }
    .div-synthesa-mobile {
        top: 115px;
        padding-right: 40px;
        padding-left: 40px;
    }
    .section-synthesa-motiondesign {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-synthesa-video {
        padding-bottom: 20px;
    }
    .div-hl-janko {
        background-image: none;
        background-position: 0px 0px;
        background-size: auto;
        background-repeat: repeat;
    }
    .section-janko-webdesign {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-janko-beschreibung {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-beschreibung-left {
        padding-top: 0px;
    }
    .section-janko-foto {
        padding-right: 20px;
        padding-left: 20px;
    }
    .jankofoto2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .jankofoto-left {
        width: 100%;
        padding-right: 0px;
    }
    .jankofoto-right {
        width: 100%;
        margin-top: 10px;
        padding-top: 30px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .section-head-innovation {
        overflow: hidden;
        height: 82vw;
        padding-left: 20px;
    }
    .div-hl-innovation {
        padding-left: 15px;
        border-left-width: 9px;
    }
    .div-inno-heroman {
        right: -12vw;
    }
    .image-head-inno {
        height: 82vw;
    }
    .section-innovation-project {
        padding-top: 80px;
        padding-left: 20px;
    }
    .div-project-innovation {
        position: static;
        display: block;
    }
    .div-hl2-innovation {
        padding-left: 15px;
    }
    .number-innovation {
        font-size: 30px;
        line-height: 28px;
    }
    .title-innovation {
        font-size: 30px;
        line-height: 28px;
    }
    .div-txt-innovation-project {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-introtxt-innovation {
        width: 100%;
        padding-right: 0px;
    }
    .div-umfangpunkt-innovation {
        width: 100%;
        margin-top: 26px;
        padding-left: 0px;
    }
    .div-project-txt-innovation {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .div-square-innovation {
        display: none;
    }
    .section-hl-home-innovation {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-line1-hl-innovation {
        display: none;
    }
    .div-hl3-innovation {
        position: static;
        width: 100%;
        margin-top: 80px;
        margin-bottom: 20px;
        padding-left: 15px;
    }
    .number2-innovation {
        font-size: 30px;
        line-height: 28px;
    }
    .title2-innovation {
        font-size: 30px;
        line-height: 28px;
    }
    .div-line-2-innovation {
        display: none;
    }
    .div-screen-home-innocation.margin-more {
        margin-bottom: 40px;
    }
    .section-screens-innovation {
        margin-bottom: 60px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .section-screens2-innovation {
        padding-right: 20px;
        padding-left: 20px;
    }
    .section-zwischenheadline-innovation {
        padding-right: 20px;
        padding-left: 20px;
    }
    .section-fonts-innovation {
        margin-bottom: 50px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-colors-innovation {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .color-box {
        margin-bottom: 20px;
    }
    .div-font-small {
        font-size: 15px;
    }
    .section-fotos-rrb {
        padding-bottom: 10px;
    }
    .button-inno {
        margin-top: 45px;
        text-align: center;
    }
    .div-scrolldown-mobile {
        top: 0px;
        right: 6vw;
        padding-bottom: 125px;
    }
    .h1-title {
        font-size: 22px;
        line-height: 28px;
    }
    .div-markus-left {
        width: 80%;
    }
    .div-markus-right {
        padding-right: 20px;
        padding-left: 20px;
    }
    .h2-team {
        font-size: 30px;
    }
    .div-sl-team {
        font-size: 13px;
    }
    .div-team-skills {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .div-skill {
        border-right-style: none;
        border-bottom-style: solid;
    }
    .div-juergen-left {
        padding-right: 20px;
        padding-left: 20px;
    }
    .div-juergen-right {
        width: 80%;
    }
    .section-video-spot {
        padding-top: 60px;
    }
    .div-foto-spot {
        width: 100%;
    }
    .div-features-20 {
        width:50%;
        padding: 10px;
    }
}

@media (max-width: 380px) {
    .dropdown-toggle span.logo{
        max-width: 80px;
        margin-top: -12px;
        opacity: 1;
    }
    .dropdown-toggle {
        padding-left: 90px;
    }
    .dropdown {
        font-size: 12px;
    }
    .div-icon-feature {
        padding-right: 3px;
        padding-left: 3px;
    }
}

.modalPopup{
    width: 96%;
    height: auto;
    display: block;
    max-width: 420px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    padding: 0px !important;
    background-image: -webkit-linear-gradient(225deg,#4c57c9,#2c337b);
    background-image: linear-gradient(225deg,#4c57c9,#2c337b);
}
.modalPopup img{
    width: 100%;
    height: auto;
    display: block;
}
.modalPopup .content{
    float:left;
    width:100%;
    height:auto;
    padding:30px;
    text-align:center;
}
.modalPopup .content a{
    float:none;
    max-width:300px;
    display:inline-block;
    vertical-align:top;
    margin:40px;
}
.modalPopup .content span{
    float:left;
    width:100%;
    height:auto;  
    font-family: Montserrat,sans-serif;
    color: #FFF;
}
.modalPopup .content span h2{
    float:left;
    width:100%;
    height:auto;  
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    text-align:center;
    margin-bottom:10px;
}
.modalPopup .content span p{
    float:left;
    width:100%;
    height:auto;    
    font-size: 14px;
    line-height: 20px;
    font-weight:400;
    text-align:center;
}
.modalPopup .content span p b{
    font-weight:700;
}

.alert {
    display: none;
    padding: 1em;
    margin-top: 1em;
    border-radius: 1em;
}

.alert-success {
    display: block !important;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.sap-button{
    width: 25%;
    min-width: 150px;
    max-height: 60px;
    margin: 2rem 0 .5rem 0;
    padding: .6rem 0.6rem;
}
@media (max-width: 580px) {
    .sap-button{
        margin: 40vh auto 1.5rem;
    }
}

.perfx-image{
    padding: 0 10px;
    margin: 0 auto;
    margin-top: 50px;
    width: 100%;
}
.perfx-image-mid{
    padding: 0 10px;
    margin: 0 auto;
    margin-top: -40px;
    width: 100%;
}

.list-img h2{
    margin-bottom: 95px;
}

.motto{
    color: #aaaaaa;
    font-size: smaller;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.content-shorten{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.perfx-logo-alt{
    width: 34vw;
}

.perfx-alt-mini {
    display: inline-block;
    margin-top: 7rem;
    font-family: 'Montserrat', sans-serif;
    color: #23BFC6;
    font-size: 26px;
    font-style: normal;
    line-height: 28px;
    font-weight: 400;
}

.perfx-alt-para{
    font-size: 12px;
    line-height: 18px;
}
.perfx-alt-para span {
    color: #23BFC6;
    font-size: 16px;
    line-height: 32px;
}

.perfx-container {
    background-color: #ffffffcc;
    padding: 50px;
}
/*.yt-container {
    max-width: 1440px;
    padding: 10px 25px;
}

.yt-container .column-typo-feature {
    padding-right: 4rem;
}*/

.yt-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    margin-top: 3rem;
}
.yt-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-head.sh-perfx {
  margin-top: 50px;
  height:300px;
  background-image: -webkit-linear-gradient(225deg,  #535bb7, #394199);
  background-image: linear-gradient(225deg, #535bb7, #394199);
}

@media (max-width: 767px) {
  .perfx-txt{
    font-size: 17px;
  }
}