/*-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. Common
	2. About us
	3. Customer
	4. Get in touch
	5. Image text container
	6. Footer
	7. Leistungen
	8. Referenz
	9. Kontakt
	10.
	11.
	12.
	13.
	14.

-----------------------------------------------------------------------------------*/

/* main header*/
.main-header{
    display: flex;
}
.no-overflow {
	overflow-y: hidden;
}
.main-header-text {
    width: 49%;
    height: 1020px;
    margin: 30px;
    background: rgba(38, 48, 61, 0.9);
    padding: 395px 91px 50px;
}

.main-header-image{
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.main-header-text h1 {
    color: #fff;
    font-size: 46px;
    line-height: 56px;
    font-weight: 300;
    margin-bottom: 49px;
}

.main-header-text p {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 74px;
}

.main-header-text a.active {
    background: #26303D none repeat scroll 0 0;
    opacity: 0.9;
}

.main-header-text a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    padding: 10px 25px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.main-header .btn-to-bottom {
    bottom: -120px;
    left: calc(50% - 25px);
    width: 52px;
    height: 52px;
    border: none;
}

.main-header .btn-to-bottom i {
    left: -8px;
    top: -2px;
}

.slider-text a.active:hover,
.main-header a.active:hover {
    background:#333333;
    border-color:#333333;
}

.slider-active-customer .owl-nav div,
.slider-active .owl-nav div,
.main-header .owl-nav div {
    background: #3452ff none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 37px;
    height: 50px;
    left: 0;
    line-height: 48px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 50px;
}
.main-header .owl-nav div.owl-next {
    left: auto;
    right:0;
}
.main-header:hover .owl-nav div{left:40px;opacity:1;}
.main-header:hover .owl-nav div.owl-next{left:auto;right:40px;}


.our-brand-area.startseite .headline{
    display: none;
}

/*----------------------------------------*/
/*  1. About-us
/*----------------------------------------*/

.about-us {
    display: table;
    width: 100%;
    height: 100%;
    max-height: 760px;
}

.about-us .center {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    width: 100%;
}

.about-us .center .row {
    display: inline-flex;
    font-size: 0;
    width: 100%;
    max-width: 1292px;
    margin: auto;
}

.about-us .center .row .logo-wrapper {
    position: relative;
    vertical-align: top;
}

.about-us .center .row .logo-wrapper .logo {
    background: no-repeat center;
}

.about-us .center .row .logo-wrapper canvas {
    position: absolute;
    left: -45px;
    top: -118px;
}

.about-us .center .row .logo-wrapper .content {
    padding-top: 77px;
    padding-bottom: 35px;
}

.about-us .center .row .logo-wrapper .content p {
    font-size: 22px;
    font-weight: 300;
    margin: 0;
}

.about-us .center .row .logo-wrapper .content p strong {
    display: block;
    font-size: 28px;
    font-weight: bold;
}

.about-us .center .row .logo {
    display: inline-block;
    margin: 8px;
    width: 100%;
    height: 100%;
    max-width: 166px;
    max-height: 166px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.11);
    border-radius: 50%;
    min-width: 166px;
    min-height: 166px;
}

.about-us svg {
    stroke-dasharray: 1000;
    stroke-dashoffset: 2000;
    fill: transparent;
}

.about-us .svg {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -15%;
    width: 267px;
    height: 267px;
}

.about-us svg.animate {
    -webkit-animation: draw 3s forwards;
    animation: draw 3s;
    stroke: rgb(51, 51, 51);
    stroke: rgba(51, 51, 51, .115);
}

.about-us .center .row .logo-wrapper .svg {
    top: -12%;
    transform-origin: 142px 142px;
}

/*----------------------------------------*/
/*  2. Customer
/*----------------------------------------*/

.customer .headline {
    text-align: center
}

.customer .headline:after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 2px;
    background: #26303d
}

.customer .slider {
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 820px
}

.customer .slider .wrapper {
    position: relative;
    overflow: hidden;
    padding: 70px 0
}

.customer .slider .background {
    display: table;
    width: 100%;
    height: 100%;
    max-height: 740px;
    position: relative;
    left: -100%;
    transition: .55s all ease;
    background: url(../Images/customer-1.png) no-repeat center center;
    background-size: cover;
}

.customer .slider .background.animate {
    left: 0;
}

.customer .slider .background .center {
    display: table-cell;
    vertical-align: middle;
}

.customer .slider .background .content {
    display: table-cell;
    box-sizing: border-box;
    padding: 50px;
    position: relative;
    left: 120px;
    width: 100%;
    height: 100%;
    max-width: 700px;
    max-height: 380px;
    background: #fff;
}

.customer .slider .background .content h2 {
    font-size: 38px;
    font-weight: 400;
    color: #26303d;
}

.customer .slider .background .content p {
    font-size: 19px;
    font-weight: 300;
    color: #26303d
}

.customer .slider .background .right {
    width: 100%;
    height: 100%;
    max-height: 749px;
    max-width: 100%;
    bottom: -50px
}

.customer .slider .background .right .image {
    display: inline-block;
    position: absolute;
    bottom: -70px;
    max-height: 748px;
    transition: .55s all ease;
    right: -150%
}

.customer .slider .background .right .image img {
    width: 100%;
    height: auto
}

.customer .slider .background .right .image.animate {
    right: -16%
}

/*----------------------------------------*/
/*  4. Get in touch
/*----------------------------------------*/
.get-in-touch {
    display: block;
    margin: auto auto 180px;
    overflow: visible
}

.get-in-touch .headline {
    text-align: center;
    padding-bottom: 65px;
}

.get-in-touch .headline:after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 2px;
    background: #26303d
}

.headline h1 {
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 19px;
}

.get-in-touch .image {
    display: inline-block;
    width: 100%;
    height: 650px;
    background: url(../Images/get-in-touch.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    transition: 1s all ease;
}

.get-in-touch .image.animate {
    left: 0;
}

.get-in-touch .image .text {
    display: table;
    position: relative;
    top: 0;
    bottom: 0;
    margin: 0;
    vertical-align: bottom;
    height: 100%;
    max-height: 650px;
    width: 700px;
    transition: 1s all ease;
}

.get-in-touch .image .text.animate {
    left: 0;
}

.get-in-touch .image .text .center {
    display: table-cell;
    vertical-align: bottom
}

.get-in-touch .image .text .content {
    background: #26303d;
    position: relative;
    padding: 50px 50px 33px;
    bottom: 66px;
    left: 120px;
    width: 100%;
    vertical-align: middle;
}

.get-in-touch .image .text .content .btn {
    font-size: 22px;
    color: #1abc9c;
    text-decoration: none;
    padding: 0;
    margin-left: -4px;
}

.get-in-touch .image .text .content .btn:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 100%;
    height: 2px;
    top: -13px;
    background: #1abc9c;
}

.get-in-touch .image .text .content.animate:before {
    width: 200px;
    opacity: 1
}

.get-in-touch .image .text .content h2 {
    font-size: 38px;
    margin-top: 0;
    margin-bottom: 50px;
    color: #fff
}

.get-in-touch .image .text .content p {
    font-size: 19px;
    font-weight: 300;
    color: #FFF;
    padding-bottom: 16px;
}


/*----------------------------------------*/
/*  5. Image text container
/*----------------------------------------*/
.image-text-container {
    display: block;
    margin-top: -46px;
    margin-bottom: 173px;
}

.image-text-container .headline {
    text-align: center;
    padding-bottom: 70px;
}

.image-text-container .headline:after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 2px;
    background: #26303d
}

.image-text-container .image {
    display: inline-block;
    width: 100%;
    height: 650px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left center;
    position: relative;
    transition: 1s all ease;
}

.image-text-container .image .text {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    vertical-align: middle;
    height: 100%;
    max-height: 650px;
    transition: 1s all ease
}

.image-text-container .image .text .center {
    width: 54%;
}

.image-text-container .image .text .content {
    background: #ecf0f1;
    padding: 35px 60px 25px;
    vertical-align: middle;
    width: 100%
}

.image-text-container .image .text .content:before {
    content: "";
    display: inline-block;
    background: url(../Images/Icon-Quotes.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 68px;
    right: 66px;
    width: 200px;
    height: 95px;
    margin: 0 15px 0 0;
    transition: .55s all ease
}

.image-text-container .image .text .content h2 {
    font-size: 38px;
    font-weight: 400;
    margin: 25px 0 50px 0;
}

.image-text-container .image .text .content p {
    font-size: 19px;
    font-weight: 300;
    padding-bottom: 14px
}

.image-text-container .image .text .content ul {
    padding: 0;
    margin: 0 0 14px;
}


.TextLeft_ImageRight_Container.landingpage-go_digital{
    margin-bottom: 120px;
}


.TextLeft_ImageRight_Container.landingpage-industrie .image{
    background-color: #ECF0F1;
    padding: 2%;
}

.TextLeft_ImageRight_Container.landingpage-industrie .image img{
    background-color: #ECF0F1;
    width: 100%;
    height: 100%;
}


.TextLeft_ImageRight_Container.landingpage-industrie .content li,
.ImageLeft_TextRight_Container.landingpage-industrie .content li,
.ImageLeft_TextRight_Container.landingpage-go_digital .content li,
.TextLeft_ImageRight_Container.landingpage-go_digital .content li,
.mit-den-folgenden-zielen .content li,
.image-text-container .image .text .content li,
.engagement_block li {
    font-size: 19px;
    font-weight: 300;
    padding-bottom: 20px;
    list-style-type: none;
    list-style-image: url(../Images/Icon-Check.svg);
    margin-left: 25px;
    padding-left: 10px;
}
.engagement_block.TextLeft_ImageRight_Container .image {
	background-color: #ECF0F1;
}
.engagement_block.TextLeft_ImageRight_Container .image img {
	background-color: #ECF0F1;
	width: 392px;
	height: 131px;
}
.engagement_block p {
	margin-top: 50px;
}
.engagement_block .content-image {
	height: unset !important;
}
.engagement_block ul {
	margin-top: 55px;
}
.engagement_block li {
	color: rgba(255, 255, 255, 0.78);
}
.engagement_design a {
	font-size: 15px !important;
    color: #26303d !important;
    font-weight: 500 !important;
	margin-left: 0 !important;
}

.image-text-container .content a{
    margin-left: 35px;
    font-weight: 600;
}

.image-text-container.landingpage .text .content:before {
    content: "";
    display: inline-block;
    background: url(../Images/Icon-Check.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 68px;
    right: 100px;
    width: 200px;
    height: 150px;
    margin: 0 15px 0 0;
    transition: .55s all ease
}

/*----------------------------------------*/
/*  6. Footer
/*----------------------------------------*/
#footer {
    display: block;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 115px;
    height: auto;
    margin: auto;
    text-align: center
}

#footer .wrapper {
    display: inline-block;
    max-width: 70%;
    height: auto;
    margin: auto;
    text-align: center;
}

#footer .wrapper a {
    text-decoration: none
}

#footer .wrapper a .fa {
    color: #00b6e2;
    min-width: 18px;
    min-height: 22px;
    padding-left: 25px
}

#footer .wrapper a:first-child .fa {
    padding-left: 0
}

#footer .wrapper .legal {
    display: inline-block;
    padding-bottom: 45px;
    padding-top: 25px;
    width: 100%;
}

#footer .wrapper .legal a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 18px;
    font-weight: 100;
    color: #26303d;
    padding-right: 50px;
    padding-left: 50px;
    border-right: 1px solid #d6d6d6
}

#footer .wrapper .legal a:last-child {
    border-right: 0
}

#footer .wrapper .legal a:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 2px;
    background: #00b6e2;
    transition: .55s all ease
}

#footer .wrapper .legal a:hover:after,
#footer .wrapper .legal a:active:after {
    width: 50%
}

#footer .wrapper .social {
    display: inline-block;
    padding-top: 25px;
    width: 100%;
    font-size: 17px;
    font-weight: 100;
    color: #26303d
}

#footer .wrapper .social:before {
    content: "";
    display: block;
    position: relative;
    width: 104%;
    top: -25px;
    height: 1px;
    margin: auto;
    background: #d6d6d6;
    left: -19px;
}

#footer .wrapper .social .row div  {
    padding-left: 20px;
    padding-right: 20px;
}

#footer .wrapper .social .col-md-3 {
    padding-bottom: 20px
}

#footer .wrapper .social span {
    font-weight: 500
}

#footer .center-text {
    text-align: center
}

#footer .center {
    margin: auto;
    text-align: center
}

/*----------------------------------------*/
/*  7. Leistungen
/*----------------------------------------*/
.main-menu-area {
    display: none;
}

.main-menu-area .main-menu {
    background-color: #FFF;
}

.main-menu-area .floatleft {
    width: 75%;
    margin-left: 5%;
}

#leistungen-home-area {
    padding: 30px 30px 46px;
}

#leistungen-home-area .image {
    background: url(../Images/page1/page1-1.png) no-repeat center center;
    width: 100%;
    height: 1020px;
}

#individualprogrammierung-area.image-text-container .image .content {
    width: 105%;
    padding-top: 2px;
}

#leistungen-home-area .icons::after {
    content: "";
    display: inline-block;
    background: url(../Images/icons.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 22%;
    left: 6%;
    width: 462px;
    height: 462px;
    margin: 0 15px 0 0;
    transition: .55s all ease;
}

#leistungen-home-area .content {
    padding: 21% 5% 21% 15%;
}


#leistungen-home-area .content-mobile {
    display: none;
}

#ecommerce-area .content h2,
.ImageLeft_TextRight_Container .content h2{
    font-size: 38px;
    font-weight: 400;
    margin: 50px 0;
}

#leistungen-home-area .content h2 {
    font-size: 46px;
    font-weight: lighter;
    margin: 50px 0;
}

.prozess .content p,
#ecommerce-area .content p,
.ImageLeft_TextRight_Container .content p,
#leistungen-home-area .content p {
    font-size: 19px;
    font-weight: 300;
    padding-bottom: 10px;
}

.prozess .content li,
.ImageLeft_TextRight_Container .content li,
#leistungen-home-area .content li{
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 20px;
    list-style-type: none;
}

.ImageLeft_TextRight_Container .mobile{
    display: none;
}

.ImageLeft_TextRight_Container .image {
    background-color: #ECF0F1;
    width: 100%;
    height: 100%;
    padding: 31%;
}

.ImageLeft_TextRight_Container .image img {
    background-color: #ECF0F1;
    width: 134px;
    height: 134px;
    margin: auto;
    display: block;
}

.ImageLeft_TextRight_Container.landingpage-industrie .image {
    width: 100%;
    height: 100%;
    padding: 28%;
}

.ImageLeft_TextRight_Container.landingpage-industrie .image img {
    width: 178px;
    height: 182px;
}


.ImageLeft_TextRight_Container .content {
    width: 100%;
    height: 100%;
    display: table;
    padding: 0 13%;
}

.ImageLeft_TextRight_Container .content .center {
    display: table-cell;
    vertical-align: middle;
}


#individualprogrammierung-area.image-text-container .image {
    background: url(../Images/page1/page1-2.png) no-repeat;
    background-size: initial;
}

#individualprogrammierung-area.image-text-container .content h2 {
    word-break: break-word;
    margin: 50px 0;
    font-weight: 400;
}

#cms-area.image-text-container .image {
    background: url(../Images/page1/page1-5.png) no-repeat;
    background-size: cover;
}

.ImageLeft_TextRight_Container.image-text-container .image {
    background: #00A4CD url(../Images/page1/page1-6.png) no-repeat center;
}

.ImageLeft_TextRight_Container.image-text-container .content {
    background: #FFF !important;
}

.ImageLeft_TextRight_Container.image-text-container .content a {
    color: #26303d;
    font-weight: bold;
}


.image-text-container .ecommerce .content h2 {
    margin: 50px 0;
}

.image-text-container .ecommerce .content::before {
    content: none !important;
}

.image-text-container .ecommerce .content p:first-child,
.image-text-container .ecommerce .content p:last-child {
    font-weight: bold;
}

.leistungen-cms .image {
    background-size: 175% !important;
    background-position: -250px -75px !important;
}


/*----------------------------------------*/
/*  9. Kontakt
/*----------------------------------------*/
.TextLeft_ImageRight_Container .image {
    background-color: #00A4CD;
    width: 100%;
    height: 100%;
    padding: 25%;
}

.TextLeft_ImageRight_Container .image img {
    background-color: #00A4CD;
    width: 214px;
    height: 214px;
    margin: auto;
    display: block;
}

.TextLeft_ImageRight_Container .content {
    width: 100%;
    height: 100%;
    padding: 10% 14% 9%;
    font-weight: lighter;
    font-size: 19px;
}

.TextLeft_ImageRight_Container.kontakt-area .content h2{
    background-color: #FFED00;
    font-size: 38px;
    margin: 50px 100px 50px 0;

}

.TextLeft_ImageRight_Container.kontakt-area .content h5{
    font-size: 22px;
}

.TextLeft_ImageRight_Container.kontakt-area .content a{
    font-weight: lighter;
    position: relative;
    color: #26303d;
}

.TextLeft_ImageRight_Container.kontakt-area a:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background: #00b6e2;
    transition: .55s all ease;
}


/* Leistungen */
.ImageLeft_TextRight_Container.leistungen_last_block {
    margin-bottom: 140px;
}

.TextLeft_ImageRight_Container.leistungen_block .image {
    padding: 31%;
}

.TextLeft_ImageRight_Container.leistungen_block .image img {
    width: 131px;
    height: 129px;
}

/*----------------------------------------*/
/*  8. Referenz
/*----------------------------------------*/
.prozess .content {
    display: table;
    width: 100%;
    height: 100%;
}

.prozess .content .center {
    display: table-cell;
    vertical-align: middle;
    padding-left: 60px;
    padding-right: 80px;
}

.prozess .content .center div.body {
    padding-right: 50px;
}

.prozess .content .center .titulo-mobile {
    display: none;
}

.prozess .content h2 {
    text-align: left;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 400;
}

.prozess .content h2 span {
    font-size: 125px;
    font-weight: bold;
    border-bottom-width: 5px;
    color: #1ABC9C;
    margin-right: 10px;
}

.prozess .content .line {
    width: 100%;
    height: 10px;
    display: table;
    margin-bottom: 40px;
}

.prozess .content .line div {
    display: table-cell;
    vertical-align: middle;
}

.prozess .content .line .line-header {
    width: 140px;
}

.prozess .content .line .line-header hr {
    margin: 0;
    padding: 0;
    height: 5px;
    background-color: #1ABC9C;
    border: none;
}

.prozess .content .line .line-normal hr {
    margin: 0;
    padding: 0;
    height: 1px;
    background-color: #000;
    border: none;
}


.prozess .content a {
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
    height: 100%;
    background-size: 100%;
    font-weight: 500;
}

.prozess .image {
    background: url(../Images/page1/page3-1.png) no-repeat -20px;
    background-size: 115%;
    width: 100%;
    height: 800px;
    display: block;
}

.prozess2-area {
    background-color: #ECF0F1;
}

.prozess2-area .image {
    background-position: -106px;
    height: 970px;
}

#referenz-home-area.image-text-container .image {
    background: url(../Images/page1/page3-1.png) no-repeat;
    background-size: cover;
    height: auto !important;
}

.karriere-area {
    display: block;
    width: 95%;
    margin: 50px auto -34px;
    overflow: hidden;
}

.karriere-area .content {
    display: table;
    width: 100%;
    height: 100%;
    padding-bottom: 185px;
}

.karriere-area .content .center {
    vertical-align: middle;
    padding-left: 60px;
    padding-right: 40px;
}

.karriere-area .content .subtitle {
    text-align: left;
    margin-bottom: 0;
}

.karriere-area .content .title {
    font-size: 125px;
    font-weight: bold;
    border-bottom-width: 5px;
    color: #1ABC9C;
    margin-right: 10px;
}

.karriere-area .content .center div.body {
    padding-right: 50px;
}

.karriere-area .content p {
    font-size: 19px;
    font-weight: 300;
    line-height: 1.5;
}

.karriere-area .headline {
    text-align: center;
    padding-bottom: 65px;
}

.karriere-area .headline h2 {
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 19px;
}

.karriere-area .headline:after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 2px;
    background: #26303d;
}

.karriere-area .content .line {
    width: 100%;
    height: 10px;
    display: table;
    margin-bottom: 40px;
}

.karriere-area .content .line .line-header {
    width: 112px;
}

.karriere-area .content .line .line-header hr {
    margin: 0;
    padding: 0;
    height: 5px;
    background-color: #1ABC9C;
    border: none;
}

.karriere-area .content .line div {
    display: table-cell;
    vertical-align: middle;
}

.karriere-area .content .line .line-normal hr {
    margin: 0;
    padding: 0;
    height: 1px;
    background-color: #26303D;
    border: none;
}

.karriere-area .content .center .titulo-mobile {
    display: none;
}

.custom-links-mobile {
    display: none;
}

.prozess-area {
    display: block;
    width: 86%;
    margin: 50px auto 270px;
    overflow: hidden;
}

.prozess-area .text{
    box-shadow: 0 0 7px -2px rgba(0,0,0,0.7);
}

.prozess-area .text .content {
    position: relative;
}

.prozess-area .text .content {
    background: #00A4CD;
    color: #FFF;
    min-height: 360px;
}

.prozess-area .text .content .body {
    padding: 40px 62px;
}

.prozess-area .text .content h2 {
    color: #FFF;
    font-size: 38px;
    padding-bottom: 32px;
}

.prozess-area .text .content p {
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 12px;
}

.prozess-area .list {
    width: 92%;
    font-size: 19px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
}

.prozess-area .list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 0;
}

.prozess-area .list li {
    text-align: left;
    border-top: none;
    border-bottom: 1px solid #26303D;
    padding: 10px 25px 10px 50px;
    font-weight: lighter;
}

.prozess-area .content li a {
    font-size: 17px;
    color: #26303d;
    font-weight: lighter;
    margin-left: -160px;
}

.prozess-area .content-image {
    display: table;
    position: relative;
    width: 330px;
    height: 330px;
    margin: auto;
    right: 30px;
    top: 20px;
    padding: 25px;
}

.prozess-area .content-image > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.prozess2-area.image-text-container .image {
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: right;
}

.prozess2-area.image-text-container .text .content p {
    padding-bottom: 0 !important;
}

#prozess3-area.image-text-container .image {
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: left;
}

#mobile-area.image-text-container .image {
    background: url(../Images/page1/page3-7.png) no-repeat;
    background-size: cover;
    width: 100%;
}

#mobile-area.image-text-container .image .text.animate {
    top: 50%;
    left: 0;
    width: 85%;
}

#mobile-area.image-text-container .image .content {
    padding: 42px 60px 42px;
    background: #26303d;
}

#mobile-area.image-text-container .image .content ul {
    width: 80%;
    margin-left: auto;
}

#mobile-area.image-text-container .image .content h2,
#mobile-area.image-text-container .image .content p,
#mobile-area.image-text-container .image .content li {
    color: rgba(256, 256, 256, 0.78);
}

.customer-area.image-text-container .image {
    background: #00A4CD url(../Images/page1/page3-8.svg) no-repeat center;
}

.customer-area .section-subtitle{
    margin: auto;
    width: 50%;
    font-size: 19px;
}

.customer-area.image-text-container .content {
    background: #FFF;
}

.TextLeft_ImageRight_Container.referenzen .content {
    padding: 10% 9% 8% 14%;
}

.ImageLeft_TextRight_Container.image-link .image,
.ImageLeft_TextRight_Container.landingpage-go_digital .image,
.ImageLeft_TextRight_Container.referenzen .image,
.TextLeft_ImageRight_Container.referenzen .image{
     background-color: #FFFFFF;
     padding: 0;
 }

.ImageLeft_TextRight_Container.landingpage-go_digital img{
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
    margin: 0;
}

.TextLeft_ImageRight_Container.referenzen .image img {
    background-color: #FFFFFF;
    width: 90%;
    height: 110%;
    margin: -75px auto auto 38px;
}

.TextLeft_ImageRight_Container.referenzen.tablet .image img {
    margin-left: 0;
    object-fit: cover;
    object-position: 1px 0;
    width: 1076px;
    height: 953px;
}

.ImageLeft_TextRight_Container.referenzen .image img {
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
}

.our-brand-area.startseite {
    background: url(../Images/cross_back.svg) no-repeat 490px 120px;
}

.our-brand-area.landingpage {
    background: url(../Images/cross_back.svg) no-repeat 490px 190px;
}

.our-brand-area.referenzen {
    background: url(../Images/cross_back.svg) no-repeat 490px 295px;
}

.our-brand-area.landingpage .headline:after{
    display: none;
}

.our-brand-area .headline {
    text-align: center;
    padding-bottom: 65px;
    margin-top: -107px;
}

.our-brand-area .headline:after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 2px;
    background: #26303d;
}

.slider-area-customer.desktop.referenzen{
    padding: 0 0 360px;
}

.slider-area-customer.desktop.referenzen .container{
    margin-left: 50%;
}

.slider-area-customer.desktop.referenzen .slider-text-customer .container{
    z-index: 99;
    left: 0;
    padding: 49px 56px 36px 72px;
    background-color: #ffffff;
    top: 175px;
    position: relative;
    height: 350px;
}

.slider-area-customer.desktop.referenzen .slider-img-customer {
    max-height: 946px;
    max-width: 100%;
    bottom: -205px;
    position: absolute;
    right: 0;
    width: 779px;
    left: 15px;
}

.TextLeft_ImageRight_Container.referenzen {
    margin-bottom: 192px;
}

.slider-area-customer.desktop.referenzen .slider-text-customer {
    width: 63%;
    left: 44px;
    padding: 54px 45px 46px 56px;
    background-color: #ffffff;
    vertical-align: middle;
    top: 180px;
    position: relative;
    height: 350px;
}

#c197.frame {
    margin-left: 13.5%;
    font-size: 19px;
    font-weight: lighter;
    margin-bottom: 140px;
    padding-top: 42px;
}

#c197.frame header {
    margin-bottom: 145px;
    margin-left: 5%;
}

#c197.frame hr {
    margin-bottom: 35px;
    margin-left: -30px;
    background-color: black;
}

#c197.frame p {
    margin-bottom: 32px;
}

#c197.frame a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-weight: 500;
    color: #26303d;
}

#c197.frame a:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 2px;
    background: #00b6e2;
    transition: .55s all ease;
}

#c197.frame a:hover:after, .impressum-home-area + div.frame a:active:after {
    width: 100%
}

/*Unternehmen*/
.image-text-container.entwicklung-home .image .text .content:before,
.image-text-container.user-experience .image .text .content:before,
.image-text-container.unternehmen-home .image .text .content:before {
    display: none;
}

.image-text-container.entwicklung-home .headline,
.image-text-container.user-experience .headline,
.image-text-container.unternehmen-home .headline{
    display: none;
}

.image-text-container.beratung .image,
.image-text-container.entwicklung-home .image,
.image-text-container.user-experience .image,
.image-text-container.unternehmen-home .image {
    background-position: right center;
    background-size: 50%;
}

.image-text-container.starseite .image,
.image-text-container.landingpage .image {
    background-size: 50%;
}

.image-text-container.user-experience .image .text .content,
.image-text-container.unternehmen-home .image .text .content {
    width: 54%;
    position: absolute;
    top: 140px;
    left: 0;
}

.image-text-container.entwicklung-home .image .text .content{
    background: #ecf0f1;
    padding: 35px 60px 25px;
    vertical-align: middle;
    width: 54%;
    min-height: 75%;
    position: absolute;
    top: 82px;
    left: 0;
}

.image-text-container.entwicklung-home.content-management .image .text .content {
    background: #ecf0f1;
    padding: 35px 60px 25px;
    vertical-align: middle;
    width: 54%;
    position: absolute;
    top: 80px;
    left: 0;
}

.ImageLeft_TextRight_Container.blue-background .image{
    background-color: #00A4CD;
}

.ImageLeft_TextRight_Container.blue-background .image img {
    background-color: #00A4CD;
    width: 136px;
    height: 136px;
    margin: auto;
    display: block;
}

.image-text-container.entwicklung-home,
.image-text-container.user-experience,
.image-text-container.unternehmen-home{
    margin-top: -60px;
    margin-bottom: 265px;
}


.Large-Image-Text-Container {
    margin-bottom: 455px;
}

.Large-Image-Text-Container .image {
    background: url(../Images/page1/page1-3.png) no-repeat;
    background-size: cover;
    height: 650px;
    width: 100%;
}

.Large-Image-Text-Container .image .text .content:before {
    content: "";
    display: none;
}

.Large-Image-Text-Container .image.icons::after {
    content: "";
    display: inline-block;
    background: url(../Images/page1/page3-2.png) no-repeat center center;
    background-size: contain;
    position: relative;
    top: -356px;
    left: 24%;
    width: 450px;
    height: 450px;
    transition: .55s all ease;
}

.Large-Image-Text-Container .image .text.animate {
    top: 50%;
    left: 0;
    width: 85%;
}

.Large-Image-Text-Container .image .content {
    padding: 40px 60px;
    background: #26303d;
    position: relative;
    bottom: -453px;
    left: 8.3%;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.Large-Image-Text-Container .image .content a {
    color: #FFF;
    font-weight: 600;
}

.Large-Image-Text-Container .image .content h2{
    color: rgba(255, 255, 255, 0.78);
    font-size: 38px;
}

.Large-Image-Text-Container .image .content p {
    color: rgba(255, 255, 255, 0.78);
    margin-top: 20px;
    font-size: 19px;
}

.Large-Image-Text-Container .content-image {
    display: table;
    width: 100%;
    height: 100%;
    padding: 16%;
}

.Large-Image-Text-Container .content-image > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/**
* Engagement - HanseBelt
* Responsive behavior
*/
@media (max-width: 1024px) and (min-width: 768px) {
	.Large-Image-Text-Container.user-experience.engagement_block .image .content {
		height: 555px;
	}
	.Large-Image-Text-Container.user-experience.engagement_block {
		margin-bottom: 574px;
	}
}
@media (max-width: 768px) {
	.Large-Image-Text-Container.user-experience.engagement_block {
		margin-bottom: 855px;
	}
}

@media (max-width: 667px) and (min-width: 320px) and (orientation: portrait) {
	.Large-Image-Text-Container.user-experience.engagement_block {
		margin-bottom: 1150px;
	}
}

@media (max-width: 740px) and (min-width: 320px) and (orientation: landscape) {
	.Large-Image-Text-Container.user-experience.engagement_block .image .content {
		height: 785px!important;
	}
}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
	.Large-Image-Text-Container.user-experience.engagement_block .image .content {
		height: 700px;
	}
}

@media (max-width: 1024px) and (min-width: 911px) and (orientation: portrait) {
	.Large-Image-Text-Container.user-experience.engagement_block .image .content {
		height: 550px;
	}
}

@media (max-width: 320px) {
	.Large-Image-Text-Container.user-experience.engagement_block {
		margin-bottom: 1350px;
	}
}

.ImageLeft_TextRight_Container.entwicklung-home,
.ImageLeft_TextRight_Container.unternehmen-home {
    margin-bottom: 184px;
}

.team-area .content {
    padding: 0 30px 30px 30px;
}

.team-area .content .image {
    width: 380px;
    height: 380px;
    margin: auto auto 200px; /* was 318px */
    background-size: 100%;
    background-repeat: no-repeat;
}

.team-area .content .body{
    text-align: center;
    position: relative;
    top: 399px;
    padding-left: 38px;
    padding-right: 38px;
}

.team-area .content .body h2{
    margin-bottom: 0;
}

.team-area .content .body h3{
    padding-bottom: 16px;
}

.team-area .content .body .title{
    font-size: 22px;
}

.team-area .content .body .subtitle{
    font-size: 15px;
}

.team-area .content .body .subtitle::after{
    content: "";
    display: inline-block;
    position: absolute;
    /*top: 86px;*/
    top: unset !important;
	bottom: 0 !important;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 2px;
    background: #1ABC9C;
}

.team-area .content .body p{
    font-size: 17px;
}

.custom-links {
    margin-top: -175px;
}

.custom-links .list {
    width: 80%;
    font-size: 19px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
}

.custom-links .list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 0;
}

.custom-links .list li {
    text-align: left;
    border-top: none;
    border-bottom: 1px solid #26303D;
    padding: 10px 20px;
    font-weight: lighter;
}

.custom-links .list li a{
    font-size: 17px;
    color: #26303d;
    font-weight: lighter;
}

.referenzen-detail {
    display: block;
    width: 86%;
    margin: 50px auto 200px;
    overflow: hidden;
}

.referenzen-detail .text{
    box-shadow: 0 0 7px -2px rgba(0,0,0,0.7);
}

.referenzen-detail .text .content {
    position: relative;
    background: #00A4CD;
    color: #FFF;
    min-height: 360px;
}

.referenzen-detail .text .content .body {
    padding: 40px;
    opacity: 0.78;
}

.referenzen-detail .text .content h2 {
    color: #FFF;
    font-size: 38px;
    padding-bottom: 32px;
}

.referenzen-detail .text .content p {
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 12px;
}

.referenzen-detail .list {
    width: 92%;
    font-size: 19px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
}

.referenzen-detail .list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 0;
}

.referenzen-detail .list li {
    text-align: left;
    border-top: none;
    border-bottom: 1px solid #26303D;
    padding: 10px 25px 10px 50px;
    font-weight: lighter;
    list-style: square inside;
}

.referenzen-detail .content li a {
    font-size: 17px;
    color: #26303d;
    font-weight: lighter;
}

.referenzen-detail .content-image {
    display: table;
    position: relative;
    width: 330px;
    height: 330px;
    margin: auto;
    right: -18px;
    padding: 25px;
    background-color: #26303D;
}

.referenzen-detail .content-image > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#mobile-area {
    display: block;
    margin-top: 190px;
    margin-bottom: 260px;
    overflow: hidden;
    height: 920px;
}

#mobile-area .image .text .center {
    width: 87%;
    left: 7%;
    position: absolute;
    bottom: -260px;
}

#mobile-area .image .text .content:before {
    display: none;
}

.ImageLeft_TextRight_Container.referenzen-detail {
    display: block;
    width: 100%;
    margin: 50px auto 260px;
    overflow: hidden;
}

.ImageLeft_TextRight_Container.referenzen-detail .black-quotes:before {
    content: "";
    display: inline-block;
    background: url(../Images/Icon-Quotes-Black.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 170px;
    opacity: 1;
    right: 20%;
    width: 74px;
    height: 60px;
    margin: 0 15px 0 0;
    transition: .55s all ease;
}

.referenzen-detail .content li a::after{
    display: none;
}

.image-text-container.beratung .image .text .content:before {
    display: none;
}

.image-text-container.beratung .headline{
    display: none;
}

.image-text-container.beratung .image .text .content {
    background: #ecf0f1;
    padding: 35px 60px 25px;
    vertical-align: middle;
    width: 54%;
    position: absolute;
    top: 80px;
    left: 0;
}

.image-text-container.beratung{
    margin-top: -60px;
    margin-bottom: 265px;
}

.image-text-container.beratung .content a {
    margin-left: 0;
}

.Large-Image-Text-Container.Unternehmensintegration a:after,
.Large-Image-Text-Container.entwicklung-home a:after {
    background: url(../Images/icon-arrow-white.svg) no-repeat bottom;
    background-size: auto;
}

.image-text-container.beratung.unternehmensanalyse .image .text .content {
    top: 120px;
}

.ImageLeft_TextRight_Container.beratung{
    margin-bottom: 170px;
}

.ImageLeft_TextRight_Container.team-area .content {
    width: 100%;
    height: 100%;
    display: table;
    padding: 0 14%;
}

.karriere-detail-area {
    padding-left: 30px;
    width: 79%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 46px;
    font-size: 19px;
    font-weight: lighter;
}

#stellen-anchor {
    position: relative;
    top: -150px;
}

.karriere-detail-area h2{
    font-size: 22px;
 }

.karriere-detail-area hr {
    margin-left: -30px;
    border-top: 1px solid #26303D;
}

.karriere-detail-area ul li {
    list-style-type: none;
    list-style-image: url(../Images/square.svg);
    margin-left: 17px;
    padding-left: 12px;
}

.karriere-detail-area.ihre-aufgaben ul li {
    margin-top: 38px;
}

.karriere-detail-area.uber-uns {
    margin-bottom: 112px;
}

div[id*="c49"], div[id*="c52"], div[id*="c54"], div[id*="c63"], div[id*="c76"], div[id*="c78"],
div[id*="c96"], div[id*="c114"], div[id*="c155"], div[id*="c194"], div[id*="c233"], div[id*="c256"],
div[id*="c178"], div[id*="c183"], div[id*="c270"], div[id*="c349"] {
    background: url(../Images/contact-form-background.svg) no-repeat top 68px center;
    background-size: 90%;
}

#c202.frame {
    background: url(../Images/team-form-background.svg) no-repeat top 68px center;
    background-size: 95%;
}

form .box-unchecked {
	background: red !important;
}

.karriere-detail-area .clock{
    display: none;
}

.karriere-detail-area.stellenbeschreibung .clock{
    display: inline-block;
    margin-left: 94px;
    margin-right: 18px;
}


.iseo-forms form[id*=karriere] header {
    padding-top: 236px;
}

.iseo-forms form[id*=karriere] p{
    padding: 30px 20px 34px;
    font-size: 19px;
}

.karriere-detail-area.stellenbeschreibung .share{
    background: url(../Images/share.svg) no-repeat;
    display: inline-block;
    position: absolute;
    left: 94%;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.karriere-detail-area.stellenbeschreibung .print{
    background: url(../Images/print.svg) no-repeat;
    display: inline-block;
    position: absolute;
    left: 98%;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

input[type="file"] {
    font-size: 0;
    background-image: url(../Images/icon_upload_form.svg);
    background-origin: content-box;
    background-color: #ffffff;
    background-position: center;
    background-size: 112px;
    background-repeat: no-repeat;
    display: block;
    border: #000000 dashed 1px;
    width: 443px;
    height: 120px;
    cursor: pointer;
}

.impressum-home-area {
    padding-top: 75px;
    margin-bottom: 180px;
}

.impressum-home-area .logo{
    content: "";
    display: inline-block;
    z-index: 100000;
    position: absolute;
    left: 7%;
    width: 180px;
    height: 180px;
    margin: 0 15px 0 0;
    transition: .55s all ease;
}

.impressum-home-area {
    height: 340px;
}

.impressum-home-area .headline {
    position: absolute;
    top: 230px;
    left: 50%;
    transform: translateX(-50%);
}

.impressum-home-area .headline h1 {
	text-align: center;
}

.impressum-home-area .headline:after {
    content: "";
    display: block;
    width: 100px;
    height: 2px;
    background: #26303d;
    margin: auto;
}

.impressum-home-area .btn-to-bottom {
    width: 52px;
    height: 52px;
    left: 50%;
    margin-left: -25px;
    display: none;
}

.impressum-home-area + div.frame {
    margin-left: 13.5%;
    font-size: 19px;
    font-weight: lighter;
    margin-bottom: 140px;
    padding-top: 42px;
}

.impressum-home-area + div.frame header {
    margin-bottom: 145px;
    margin-left: 5%;
}

.impressum-home-area + div.frame hr {
    margin-bottom: 35px;
    margin-left: -30px;
    background-color: black;
}

.impressum-home-area + div.frame a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-weight: 500;
    color: #26303d;
}

.impressum-home-area + div .glossar-anchor {
    position: relative;
    top: -150px;
}

.impressum-home-area + div.frame a:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: #00b6e2;
    transition: .55s all ease;
}

.impressum-home-area + div.frame a:hover:after, .impressum-home-area + div.frame a:active:after {
    width: 100%
}

.cc-message{
    font-size: 19px;
    font-weight: lighter;
    opacity: 0.78;
    padding-left: 40px;
    padding-right: 82px;
}

.cc-link {
    opacity: 0.78 !important;
    color: #1ABC9C !important;
    border-bottom: 1px solid #1ABC9C !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.cc-dismiss {
    font-size: 24px !important;
    font-weight: lighter !important;;
    padding: 18px 30px !important;;
}
/**
 * 	Burger Menu
 */
header {
  position: relative;
}
#sticky_headbar {
    display: none;
    z-index: 9999;
    position: fixed;
    background: #FFF;
    width: 100%;
    height: 130px;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: .7;
    box-shadow: 0px 5px 10px #eee;
	box-shadow: 0px 5px 10px rgba(0,0,0,.06);
}

#sticky_headbar.open {
	box-shadow: none;
	box-shadow: none;
	z-index: 0;
}

#sticky_headbar .header_main {
    position: absolute;
    top: 15px;
    left: 121px;
}
.mobilenav li:first-child {
    margin-top: 40px!important;
}
.mobilenav {
    font-family: inherit;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 1;
    text-transform: uppercase;
    overflow: scroll;
}
.mobilenav li:first-child {
    margin-top: 100px;
}
.mobilenav li {
    list-style-type: none;
    width: 100%;
}
.nav-label {
    padding-bottom: 10px;
    display: block;
    width: 350px;
    margin: 0 auto;
}
nav a {
    color: #63aae7;
}
.menu-trigger {
    z-index: 99999;
    position: fixed;
    display: block;
    padding: 0px;
    height: 40px;
    width: 40px;
    margin: 0px;
    top: 80px;
    right: 41px;
    transition: 0.3s ease;
}
.menuTriggerStickyHeader {
	top: 51px!important;
	transition: 0.3s ease;
}
.menui {
  background: #000;
  transition: 0.6s ease;
  margin-top: 0px;
  position: absolute;
}
.top-menu {
  top: 0px;
}
.mid-menu {
  top: 12px;
}
.bottom-menu {
  top: 24px;
}
.top-menu, .mid-menu, .bottom-menu {
    width: 40px;
    height: 4px;
    border-radius: 0px;
    background-color: #000;
}
.top-animate {
  background: #000 !important;
  top: 13px !important;
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.mid-animate {
  opacity: 0;
}
.bottom-animate {
  background: #000 !important;
  top: 13px !important;
  -webkit-transform: rotate(-225deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-225deg);
}

.main-header-img {
    position: absolute;
    top: 80px;
    left: 120px;
    width: 180px;
    height: 180px;
    content: "";
    z-index: 100;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.shrink
{
    width:100px;
    height: 100px;
    position: fixed;
    top: 14px !important;
    z-index: 99999;
}

.shrink_content
{
    max-width:100px;
    max-height: 100px;
    position: fixed;
    top: 14px !important;
    z-index: 99999;
}

.shrink_impressum
{
    max-width:100px;
    max-height: 100px;
    position: fixed !important;
    top: 14px;
    z-index: 99999;
}

.TextCenter_ImageRight_Container{
    margin-top: 150px;
}


.TextCenter_ImageRight_Container .content{
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 18%;
}

.TextCenter_ImageRight_Container .content p{
    font-size: 19px;
    line-height: 30px;
}

.TextCenter_ImageRight_Container .text{
    width: 56%;
    margin: auto;
}

.main-header.landingpage-go_digital .main-header-image:before{
    content: "";
    display: inline-block;
    background: url(../Images/icons.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 18%;
    left: 69%;
    width: 462px;
    height: 462px;
    margin: 0 15px 0 0;
    transition: .55s all ease;
}

.main-header.landingpage-industrie .main-header-image:before{
    content: "";
    display: inline-block;
    background: url(../Images/landing-industrie-2.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 27%;
    left: 63%;
    width: 462px;
    height: 462px;
    margin: 0 15px 0 0;
    transition: .55s all ease;
}

.main-header.landingpage-industrie .main-header-image:after{
    content: "";
    display: inline-block;
    background: url(../Images/go_digital.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 75%;
    left: 82%;
    width: 300px;
    height: 225px;
    margin: 0 15px 0 0;
    transition: .55s all ease;
}

.main-header.landingpage-go_digital .main-header-image:after{
    content: "";
    display: inline-block;
    background: url(../Images/go_digital.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 65%;
    left: 68%;
    width: 300px;
    height: 225px;
    margin: 0 15px 0 0;
    transition: .55s all ease;
}

.was-kann-gefordert-werden .single-was-kann-gefordert-werden {
    background: #fff none repeat scroll 0 0;
    padding: 30px 24px;
    box-shadow: 0 0 20px -2px rgba(150,150,150,0.3);
    margin: auto;
    height: 380px;
    width: 380px;
}

.was-kann-gefordert-werden .container {
    max-width: 98%;
    width: 83%;
}

.was-kann-gefordert-werden .image-text {
    height: 200px;
    text-align: center;
    padding: 0 25px;
}


.was-kann-gefordert-werden p{
    font-size: 16px;
    font-weight: lighter;
    line-height: 26px;
    text-align: center;
}

.was-kann-gefordert-werden .container .row-title{
    width: 58%;
    margin: auto;
}

.was-kann-gefordert-werden .row .col-md-6{
    margin-left: 55px;
    margin-right: -110px;
}

.mit-den-folgenden-zielen .content{
    margin: auto;
    width: 68%;
    text-align: center;
}

.mit-den-folgenden-zielen .image{
    width: 194px;
    height: 50px;
    background-repeat: no-repeat;
    margin: 50px auto;
}

.mit-den-folgenden-zielen .button{
    display: flex;
}

.mit-den-folgenden-zielen .button .btn{
    width: 350px;
    height: 50px;
    color: #FFF;
    background-color: #00A4CD;
    font-size: 22px;
    margin: auto;
    cursor: pointer;
}

.mit-den-folgenden-zielen .content ul{
    list-style: inside none none;
}

.ImageLeft_TextRight_Container.landingpage-go_digital {
    margin-bottom: 200px;
}

.ImageLeft_TextRight_Container.image-link .content {
    padding: 0 2%;
}

.ImageLeft_TextRight_Container.image-link .content p {
    margin-top: -42px;
}

.ImageLeft_TextRight_Container.image-link .content a {
    font-size: 22px !important;
}

.TextCenter_ImageRight_Container .content a{
    font-size: 22px;
}

.TextCenter_ImageRight_Container .content a:after{
    content: "";
    display: block;
    position: relative;
    width: 295px;
    height: 2px;
    top: 10px;
    left: 328px;
    background: #00A4CD;
}

.ImageLeft_TextRight_Container.image-link {
    margin-bottom: 200px;
    margin-top: -180px;
}

.ImageLeft_TextRight_Container.image-link .content a:after{
    content: "";
    display: block;
    position: relative;
    width: 295px;
    height: 2px;
    top: 10px;
    background: #00A4CD;
}

.ImageLeft_TextRight_Container.image-link img{
    background-color: #FFFFFF;
    width: 228px;
    height: 100%;
    margin: 22px 60px auto auto;
}


.iseo-forms-p2 {
    font-size: 22px;
    margin-left: 20px;
}

.iseo-forms-p4 {
    font-weight: normal;
    font-size: 22px;
    position: relative;
    top: -370px;
    left: 590px;
    width: 500px;
}

.iseo-forms-p5 {
    font-weight: lighter;
    font-size: 19px;
    position: relative;
    top: -385px;
    left: 590px;
    width: 500px;
}

.iseo-forms-email {
    font-size: 22px;
    position: relative;
    top: -345px;
    left: 590px;
    margin-top: 15px;
    margin-bottom: -58px;
    width: 500px;
    display: flex;
    align-items: center;
	cursor: pointer;
}

.iseo-forms-email::before {
    content: "";
    display: inline-block;
    background: url(../Images/icon_email.svg) no-repeat center center;
    width: 50px;
    height: 50px;
    transition: .55s all ease;
    margin-right: 10px;
    position: relative;
}

.iseo-forms-email a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #26303D;
}

.iseo-forms-email.email_link::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin-left: 60px;
    width: 60px;
    height: 2px;
    background: #00b6e2;
    transition: .55s all ease;
}

.iseo-forms-p7 {
    font-size: 19px;
    margin-left: 20px;
    margin-top: -30px;
    margin-bottom: 25px;
}

.iseo-forms-telephone {
    font-size: 22px;
    position: relative;
    top: -400px;
    left: 590px;
    margin-top: 15px;
    margin-bottom: -58px;
    width: 500px;
    display: flex;
    align-items: center;
}

.iseo-forms-telephone::before {
    content: "";
    display: inline-block;
    background: url(../Images/telephone.svg) no-repeat center center;
    width: 50px;
    height: 50px;
    transition: .55s all ease;
    margin-right: 10px;
    position: relative;
}

#mail_link.iseo-forms-telephone::before {
	background: url(../Images/icon_mail.svg) no-repeat;
	background-size: contain;
	top: 25px;
}
#mail_link.iseo-forms-telephone {
    top: 0;
    left: 0;
    margin: auto;
}
.iseo-forms-telephone2-check::after {
    content: "";
    display: inline-block;
    background: url(../Images/telephone2.svg) no-repeat;
    width: 50px;
    height: 50px;
    transition: .55s all ease;
    position: absolute;
    top: -9px;
    left: 223px;
    background-size: 80%;
}

.iseo-forms-kontakt::after {
    content: "";
    display: inline-block;
    background: url(../Images/kontakt.svg) no-repeat center center;
    width: 470px;
    height: 470px;
    transition: .55s all ease;
    position: relative;
    top: 14px;
    margin-left: 20px;
}

.iseo-forms-subhead {
    font-size: 22px;
    margin-left: 20px;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #26303D !important;
    background-color: transparent;
    border-bottom: 4px solid #00A4CD !important;
    font-size: 22px;
    font-weight: bold;
}

#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #A8ACB1;
    font-size: 22px;
    text-transform: uppercase;
    width: 350px;
    text-align: center;
}

#tabs .tab-content{
    display: flex;
}

#tabs .icon-box {
    width: 50%;
    height: 100%;
    padding: 30px;
}

#tabs .image-description {
    margin-left: 90px;
}

#tabs .image-description p:nth-child(2){
    font-weight: bold;
}

/* Error page */

.error-main {
	margin: 200px auto 0;
	width: max-content;
	max-width: 100%;
	text-transform: uppercase;
	text-align: center;
}

.error-header {
	font-size: 58px;
	color: #D6D6D6;
	margin: 34px 0 30px;
}

.error-404 {
	color: #26303D;
}

.error-link {
	color: #26303D;
	font-size: 15px;
}

@keyframes draw {
    from {
        stroke-dashoffset: 1000;
        stroke: #00b6e2;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes draw {
    from {
        stroke: rgb(51, 51, 51);
        stroke: rgba(51, 51, 51, .115);
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px)  and (orientation : landscape)  {
    .navbar-toggle{
        top: 68px;
    }
    .menu-trigger {
    	top: 64px;
    }

    .nav-entries, .nav-entries-information {
	    margin-left: 5px;
    }
    .nav-entries {
    	margin-top: 190px!important;
    }
    .mobilenav.sticky .nav-entries {
		margin-top: 80px!important;
	}

    #leistungen-home-area .image::before {
        top: 4%;
        left: 6%;
    }

    #leistungen-home-area.referenzen .image {
        background-position: -180px -3px;
    }

    .main-header-text,
    .slider-text {
        padding: 260px 38px 38px;
        margin-bottom: 38px;
        width: 50%;
        height: 725px;
    }

    .main-header-img{
        top: 64px;
        left: 65px;
    }

    .slider-img {
        margin-bottom: 42px;
    }

    .single-slider {
        padding: 390px 0;
    }

    .slider-text p {
        margin-bottom: 38px;
    }

    .main-header .btn-to-bottom,
    .slider-area .btn-to-bottom {
        bottom: -25px;
    }

    .main-header-text h1,
    .slider-text h1,
    .section-title h2 {
        font-size: 30px;
    }

    .headline h1 {
        font-size: 30px;
    }

    .slider-area-customer {
        padding: 42px 0 30px;
        height: 760px;
    }

    .slider-text-customer h1,
    .image-text-container .image .text .content h2 {
        font-size: 26px;
    }

    .slider-text-customer p,
    .image-text-container .image .text .content p,
    .image-text-container .image .text .content li {
        font-size: 15px;
    }

    #leistungen-home-area .image {
        width: 100%;
        height: 600px;
    }

    #leistungen-home-area.user-experience .image {
        width: 100%;
        height: 600px;
        background-size: 115%;
    }

    #leistungen-home-area.leistungen-home .image {
        background-size: 147%;
        background-position: -84px -7px;
    }

    #leistungen-home-area.kontakt-area-home .image {
        background-size: 118%;
        background-position: -21px -46px;
    }

    #leistungen-home-area.karriere .image {
        background-size: 150%;
        background-position: 0 0;
    }

    #leistungen-home-area .content {
        padding: 7% 5% 6% 6%;
    }

    #leistungen-home-area .content h2 {
        font-size: 30px;
    }

    #leistungen-home-area .content p {
        font-size: 15px;
    }

    .btn-to-bottom {
        width: 52px;
        height: 52px;
        bottom: 52px;
        left: 106%;
    }

    .btn-to-bottom i {
        left: 17px;
        top: 16px;
    }

    #leistungen-home-area {
        margin-bottom: 2px;
    }

    .image-text-container.landingpage .image,
    .image-text-container.starseite .image{
        background-size: 60%;
    }

    #ecommerce-area,
    .ImageLeft_TextRight_Container.leistungen_block,
    .TextLeft_ImageRight_Container.leistungen_block{
        margin-bottom: 100px;
    }

    #ecommerce-area .content,
    .ImageLeft_TextRight_Container .content,
    .TextLeft_ImageRight_Container .content {
        display: table;
        padding: 6% 6%;
        font-weight: lighter;
    }

    .TextLeft_ImageRight_Container.kontakt-area .content h2 {
        font-size: 26px;
        margin: 50px 146px 50px 0;
    }

    .Large-Image-Text-Container .image.icons::after {
        top: -318px;
        left: 12%;
    }

    #ecommerce-area .content p,
    .ImageLeft_TextRight_Container .content p,
    .TextLeft_ImageRight_Container .content p {
        font-size: 15px;
    }

    .TextLeft_ImageRight_Container.kontakt-area {
        margin-bottom: 146px;
    }

    .TextLeft_ImageRight_Container.kontakt-area .content h5 {
        font-size: 19px;
    }

    .TextLeft_ImageRight_Container.kontakt-area .image img {
        background-color: #00A4CD;
        width: 120px;
        height: 120px;
        display: block;
    }

    .TextLeft_ImageRight_Container .image {
        background-color: #00A4CD;
        width: 100%;
        height: 100%;
        padding: 36%;
    }

    .image-text-container .image .text .content:before {
        top: 14px;
        right: 46px;
        width: 80px;
    }

    .image-text-container.landingpage .text .content:before {
        content: none;
    }

    .customer-area {
        margin-top: 46px;
    }

    .image-text-container {
        margin-top: -94px;
        margin-bottom: 122px;
    }

    .image-text-container .headline {
        padding-bottom: 20px;
    }

    .image-text-container .image .text .content {
        padding: 5px 18px 6px 38px;
        margin-top: -40px;
    }

    .what-we-do-area .single-What-wedo {
        padding: 85px;
        margin-left: -12px;
        margin-right: 58px;
        margin-bottom: 30px;
    }

    .what-we-do-area .row .col-md-6 {
        margin-left: 55px;
        margin-right: -100px;
    }

    .slider-text-customer {
        width: 474px;
        left: 54px;
        padding: 34px 35px 30px 30px;
        top: 100px;
        height: 334px;
    }

    .single-slider-customer{
        height: 540px;
    }

    .slider-img-customer.animated{
        bottom: -120px;
        left: 520px;
    }

    .slider-area-customer .owl-carousel .owl-item img {
        width: 504px;
        height: 680px;
    }

    .slider-area-customer .owl-theme .owl-dots {
        margin-top: 26px !important;
    }

    .image-text-container .image {
        background-position: top left;
        background-size: 58%;
        margin-top: 40px;
        height: 500px;
    }

    .get-in-touch {
        margin-bottom: 214px;
    }

    .get-in-touch .image .text .content {
        padding: 42px 30px 28px;
        bottom: 76px;
        left: 30px;
        width: 514px;
    }

    .get-in-touch .content-image .image-text p:first-child {
        font-size: 15px;
        font-weight: 400;
    }

    .get-in-touch .content-image .image-text p:last-child {
        font-size: 20px;
        font-weight: 500;
    }

    .get-in-touch .content-image {
        width: 298px;
        height: 153px;
        right: 90px;
        top: 452px;
    }

    .iseo-forms form {
        width: 94%;
        padding: 22px 8px 133px;
    }

    #footer .wrapper .social {
        font-size: 15px;
    }

    #footer .wrapper .social:before {
        left: -123px;
        width: 134.5%;
    }

    #footer .wrapper .social .row div {
        display: block;
        margin: auto;
    }

    .about-us .center .row .logo-wrapper .content {
        padding-bottom: 110px;
    }

    .about-us .center .row .logo {
        margin: auto;
    }

    #leistungen-home-area.referenzen .icons::after {
        width: 300px;
        height: 290px;
        top: 250px;
    }

    .TextLeft_ImageRight_Container.referenzen .image img {
        width: 100%;
        height: 100%;
        margin-top: 0;
        margin-left: -7px;
    }

    .TextLeft_ImageRight_Container.referenzen.tablet .image img {
        object-position: -20px 0;
        height: 544px;
    }

    .TextLeft_ImageRight_Container.referenzen {
        margin-top: -56px;
        margin-bottom: 44px;
    }

    .slider-area-customer.desktop.referenzen {
        padding: 0 0 190px;
    }

    .slider-area-customer.desktop.referenzen .single-slider-customer {
        height: 520px;
    }

    .slider-area-customer.desktop.referenzen .slider-img-customer {
        bottom: -190px;
        left: -2px;
    }

    .slider-area-customer.desktop.referenzen .slider-text-customer {
        width: 49%;
        left: 0;
        top: 54px;
        height: 412px;
        padding: 40px;
    }

    .our-brand-area .headline {
        margin-top: 40px;
    }

    #ecommerce-area .content h2,
    .ImageLeft_TextRight_Container .content h2,
    .TextLeft_ImageRight_Container .content h2 {
        font-size: 26px;
    }

    .slider-area-customer.referenzen .slider-text-customer h1 {
        color: #26303D;
        font-size: 26px;
        line-height: 29px;
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 51px;
    }

    div.frame > header > h2 {
        font-size: 30px;
    }

    .get-in-touch .image {
        height: 530px;
        background-position: -150px 0;
    }

    .get-in-touch .image .text .content h2 {
        font-size: 26px;
    }

    .get-in-touch .image .text .content p {
        font-size: 15px;
    }

    .get-in-touch .image .text .content .btn {
        font-size: 17px;
    }

    div[id*="c49"], div[id*="c52"], div[id*="c54"], div[id*="c63"], div[id*="c76"], div[id*="c78"],
    div[id*="c96"], div[id*="c114"], div[id*="c155"], div[id*="c194"], div[id*="c233"], div[id*="c256"],
    div[id*="c178"], div[id*="c183"], div[id*="c270"], div[id*="c349"] {
        background: url(../Images/contact-form-background.svg) no-repeat top 28px left -33px;
        background-size: 103%;
    }

    .prozess-area {
        margin-bottom: 200px;
    }

    .karriere-area .headline h2 {
        font-size: 30px;
    }

    .karriere-area .content {
        padding-bottom: 90px;
    }

    .karriere-area .content p {
        font-size: 15px;
    }

    .prozess-area .list {
        width: 95%;
        font-size: 15px;
    }

    .prozess-area .list li {
        padding: 10px 2px 10px 20px;
    }

    .prozess-area .content li a {
        font-size: 12px;
        margin-left: -68px;
    }

    .karriere-area .content .subtitle {
        font-size: 24px;
    }

    .karriere-area .content .title {
        font-size: 90px;
    }

    .karriere-area .content .line .line-header {
        width: 102px;
    }

    .karriere-area .content .center {
        padding-left: 36px;
        padding-right: 14px;
    }

    #leistungen-home-area.unternehmen-home .image {
        background-size: 104%;
    }

    #leistungen-home-area.entwicklung-home .image {
        background-size: 104%;
    }

    .image-text-container.entwicklung-home .image,
    .image-text-container.user-experience .image,
    .image-text-container.unternehmen-home .image {
        background-position: right top;
        height: 450px;
    }

    .image-text-container.unternehmen-home .image .text .content {
        top: 80px;
        padding: 35px 30px 25px;
    }

    .image-text-container.entwicklung-home .image .text .content{
        top: 54px;
        padding: 35px 30px 25px;
        height: 85%;
    }

    .image-text-container.unternehmen-home.methode .image .text .content {
        top: 54px;
        padding: 35px 30px 25px;
    }

    .image-text-container.entwicklung-home.content-management .image .text .content {
        top: 44px;
        padding: 35px 30px 25px;
    }

    .image-text-container.user-experience .image .text .content {
        top: 80px;
        padding: 35px 30px 25px;
    }

    .image-text-container.user-experience.design .image .text .content {
        top: 70px;
        padding: 35px 30px 25px;
    }

    .image-text-container.entwicklung-home,
    .image-text-container.user-experience,
    .image-text-container.unternehmen-home {
        margin-top: -110px;
        margin-bottom: 150px;
    }

    .Large-Image-Text-Container {
        margin-bottom: 274px;
    }

    .Large-Image-Text-Container .image {
        background-position: center;

    }

    .Large-Image-Text-Container .image.icons::before {
        width: 375px;
        height: 375px;
    }

    .Large-Image-Text-Container .image .content h2 {
        font-size: 26px;
    }

    .Large-Image-Text-Container .image .content p {
        font-size: 15px;
    }

    .Large-Image-Text-Container .image .content {
        left: 7%;
        width: 104%;
        padding: 40px;
        height: 350px;
    }

    .team-area .content .image {
        width: 380px;
        height: 380px;
    }

    .team-area .content .body {
        padding-left: 18px;
        padding-right: 18px;
        top: 390px;
    }

    .team-area .content .body .subtitle::after {
        top: 88px;
    }

    .custom-links .list {
        width: 96%;
        font-size: 15px;
    }

    .custom-links .list li {
        padding: 10px 10px 10px 5px;
    }

    .custom-links .list li a{
        font-size: 12px;
    }

    #leistungen-home-area.referenzen-detail-area .image {
        background-position: top;
        background-size: 105%;
    }

    #leistungen-home-area.referenzen-detail-area .icons::after {
        top: 27%;
        left: 6%;
        width: 400px;
        height: 400px;
    }

    .referenzen-detail .content-image {
        right: 58px;
    }

    .prozess .content .center {
        padding-left: 18px;
        padding-right: 18px;
    }

    .prozess .content h2 span {
        font-size: 90px;
    }

    .prozess .content .line .line-header {
        width: 95px;
    }

    .prozess2-area.prozess .image {
        height: 570px;
        background-position: -68px;
    }

    .referenzen-detail .text .content h2 {
        font-size: 26px;
    }

    .referenzen-detail .text .content p {
        font-size: 15px;
    }

    .referenzen-detail .list {
        font-size: 15px;
    }

    .prozess .content p,
    .ImageLeft_TextRight_Container .content p,
    #ecommerce-area .content p,
    #leistungen-home-area .content p {
        font-size: 15px;
    }

    .prozess .image {
        height: 570px;
        background-position: -10px;
    }

    #mobile-area {
        margin-top: 90px;
        margin-bottom: 140px;
        height: 850px;
    }

    #mobile-area.image-text-container .image .content {
        padding: 42px;
        background: #26303d;
    }

    #mobile-area.image-text-container .image .content ul {
        width: 95%;
    }

    .ImageLeft_TextRight_Container.referenzen-detail .black-quotes:before {
        top: 70px;
        right: 12%;
    }

    .ImageLeft_TextRight_Container.referenzen-detail {
        margin-bottom: 170px;
    }

    .image-text-container.beratung {
        margin-top: -110px;
        margin-bottom: 150px;
    }

    #leistungen-home-area.beratung .image {
        background-size: 138%;
        background-position: -136px 0;
    }

    .image-text-container.beratung .image .text .content {
        top: 142px;
        padding: 16px 20px 10px 30px;
        width: 53%;
    }

    .image-text-container.beratung.unternehmensanalyse .image .text .content {
        top: 138px;
    }

    .ImageLeft_TextRight_Container.beratung{
        margin-bottom: 190px;
    }

    .our-brand-area.startseite,
    .our-brand-area.landingpage,
    .our-brand-area.referenzen{
        background: url(../Images/cross_back-1024.svg) no-repeat 274px 130px;
    }

    .prozess-area .list {
        display: none;
    }

    .custom-links-mobile {
        display: block;
        font-size: 19px;
        width: 80%;
        font-weight: lighter;
        margin: -180px auto 150px;
    }

    .custom-links-mobile .list ul li {
        border-bottom: 1px solid #26303D;
        padding: 10px 25px;
    }

    .custom-links {
        display: none;
    }

    .referenzen-detail .content li a {
        font-size: 15px;
    }

    .prozess .content h2 {
        font-size: 30px;
    }

    .referenzen-detail {
        margin-bottom: 110px;
    }

    .ImageLeft_TextRight_Container.user-experience {
        margin-bottom: 140px;
    }

    .karriere-detail-area.uber-uns {
        margin-bottom: 50px;
    }

    #c202 header {
        padding-top: 168px;
    }

    #leistungen-home-area .image {
        width: 100%;
        height: 600px;
    }

    #leistungen-home-area.karriere-detail .image {
        background-size: 160%;
        background-position: -6px -2px
    }

    .karriere-detail-area {
        width: 94%;
    }

    .karriere-detail-area {
        font-size: 15px;
    }

    .karriere-detail-area h2 {
        font-size: 19px;
    }

    #c202 .iseo-forms p {
        font-size: 15px;
    }

    .karriere-detail-area.stellenbeschreibung .share{
        left: 91%;
    }

    .karriere-detail-area.stellenbeschreibung .print{
        left: 96%;
    }

    .our-brand-area .headline {
        display: none;
    }

    .impressum-home-area .headline:after {
        margin-left: 20px;
    }

    .impressum-home-area + div.frame h4 {
        font-size: 19px;
    }

    .impressum-home-area + div.frame p {
        font-size: 15px;
    }

    .main-header.landingpage-go_digital .main-header-image:before {
        top: 26%;
        left: 69%;
        width: 300px;
        height: 300px;
    }

    .main-header.landingpage-go_digital .main-header-image:after {
        top: 59%;
        left: 72%;
        width: 220px;
        height: 220px;
    }

    .main-header.landingpage-go_digital .main-header-text p {
        margin-bottom: 34px;
    }

    .main-header.landingpage-go_digital .main-header-text h1 {
        line-height: 40px;
    }

    .TextCenter_ImageRight_Container .content a:after {
        left: 246px;
    }

    .was-kann-gefordert-werden .row .col-md-6 {
        margin-right: -100px;
    }

    .was-kann-gefordert-werden .single-was-kann-gefordert-werden {
        padding: 40px 30px;
        height: 394px;
        width: 627px;
        margin-bottom: 70px;
    }

    .mit-den-folgenden-zielen .content {
        width: 92%;
    }

    .customer-area .section-subtitle {
        width: 83%;
    }

    .TextCenter_ImageRight_Container .content p {
        font-size: 15px;
    }

    .TextCenter_ImageRight_Container .text {
        width: 77%;
        margin: auto;
    }

    .mit-den-folgenden-zielen .content li,
    .ImageLeft_TextRight_Container .content li,
    .TextLeft_ImageRight_Container .content li,
    .image-text-container .image .text .content li {
        font-size: 15px;
    }

    .was-kann-gefordert-werden .container .row-title {
        width: 90%;
    }

    .ImageLeft_TextRight_Container.landingpage-go_digital .content li {
        font-size: 15px;
    }

    .ImageLeft_TextRight_Container.image-link {
        margin-top: -90px;
    }

    #c270 .iseo-forms form{
        padding: 22px 22px 133px;
    }

    .ImageLeft_TextRight_Container.landingpage-go_digital img {
        background-color: #FFFFFF;
        width: 100%;
        height: 85%;
        margin: 40px 0 0;
    }

    .get-in-touch.landingpage-go_digital .image {
        height: 530px;
        background-position: -132px 0;
    }

    .iseo-forms-p2, .iseo-forms-kontakt::after {
        font-size: 20px;
    }

    .iseo-forms-p4, .iseo-forms-p5, .iseo-forms-telephone {
        left: 530px;
        width: 400px;
    }

    .main-header.landingpage-industrie .main-header-image:before {
        top: 32%;
        width: 290px;
        height: 290px;
    }

    .main-header.landingpage-industrie .main-header-image:after {
        top: 73%;
        left: 68%;
    }

    .TextLeft_ImageRight_Container.landingpage-industrie .image img {
        width: 90%;
        height: 90%;
    }

    .TextLeft_ImageRight_Container.landingpage-industrie {
        margin-bottom: 100px;
    }

    #tabs .nav-tabs .nav-link {
        font-size: 20px;
        width: 300px;
    }

    .iseo-forms-email {
        top: -335px;
        left: 534px;
        width: 380px;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .navbar-toggle{
        top: 80px;
    }

    .what-we-do-area .single-What-wedo {
        padding: 25px;
        margin-left: 38px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .slider-text-customer {
        width: 50%;
        padding: 40px 50px;
        top: 105px;
    }

    .slider-text-customer p {
        font-size: 17px;
    }

    .slider-img-customer.animated{
        bottom: -130px;
    }

    .slider-area-customer .owl-carousel .owl-item img {
        width: 690px;
        height: 870px;
        float: right;
    }

    .image-text-container {
        margin-bottom: 0;
    }

    .image-text-container .image .text .content {
        padding: 4px 42px 4px;
        margin-top: -155px;
    }

    .image-text-container .content h2 {
        margin: 29px 0 29px 0;
    }

    .image-text-container .image {
        background-position: top left;
    }

    .image-text-container .image .text .content::before {
        top: 1px;
        right: 80px;
        width: 90px;
    }

    .image-text-container.landingpage .text .content::before {
        top: -14px;
        right: 60px;
        width: 110px;
    }

    #footer .wrapper .social .row {
        margin-left: -52px;
        margin-right: -52px;
    }

    #footer .wrapper .social:before {
        left: -18px;
    }

    #leistungen-home-area .image {
        background-size: 137%;
        background-position: -46px 0;
    }

    #leistungen-home-area.user-experience .image {
        background-size: 115%;
        background-position: -46px 0;
    }

    .TextLeft_ImageRight_Container .image img {
        margin-top: 42px;
    }

    .get-in-touch .content-image {
        position: absolute;
        width: 463px;
        height: 259px;
        right: calc(5% - 60px);
        top: 520px;
    }

    .get-in-touch .image .text .content {
        bottom: 114px;
        left: 97px;
    }

    .slider-area-customer.desktop.referenzen .single-slider-customer {
        height: 630px;
    }

    .slider-area-customer.desktop.referenzen .slider-img-customer {
        bottom: -250px;
        left: -120px;
    }

    .slider-area-customer.desktop.referenzen .slider-text-customer {
        width: 52%;
        left: 4px;
        top: 142px;
        height: 352px;
    }

    .TextLeft_ImageRight_Container.kontakt-area .content h2 {
        margin: 50px 24px 50px 0;
    }

    .prozess-area .list {
        width: 95%;
        font-size: 15px;
    }

    .prozess-area .content li a {
        font-size: 13px;
        margin-left: -70px;
    }

    .karriere-area .content .title {
        font-size: 100px;
    }

    .karriere-area .content .subtitle {
        font-size: 28px;
    }

    .image-text-container.user-experience .image .text .content,
    .image-text-container.unternehmen-home .image .text .content {
        top: 300px;
    }

    .image-text-container.entwicklung-home .image .text .content {
        top: 237px;
    }

    .image-text-container.entwicklung-home.content-management .image .text .content {
        top: 238px;
    }

    .team-area .content .image {
        width: 280px;
        height: 280px;
    }

    .team-area .content .body {
        padding-left: 18px;
        padding-right: 18px;
        top: 290px;
    }

    .team-area .content .body .subtitle::after {
        top: 221px;
    }

    .team-area .content .body .subtitle::after {
        bottom: 248px;
    }

    .custom-links .list {
        width: 90%;
        font-size: 15px;
    }

    .custom-links .list li {
        padding: 10px 25px 10px 10px;
    }

    .custom-links .list li a{
        font-size: 13px;
    }

    .prozess2-area .image {
        height: 670px;
    }

    #mobile-area {
        margin-top: 100px;
    }

    .ImageLeft_TextRight_Container.referenzen-detail .black-quotes:before {
        top: 94px;
        right: 10%;
    }

    #leistungen-home-area.beratung .image {
        background-size: 138%;
        background-position: -170px 0;
    }

    .image-text-container.beratung {
        margin-top: -60px;
        margin-bottom: 220px;
    }

    .image-text-container.beratung.unternehmensanalyse .image .text .content {
        top: 318px;
    }

    .image-text-container.beratung .image .text .content {
        top: 306px;
        padding: 10px 40px 10px;
    }

    .our-brand-area.startseite {
        background: url(../Images/cross_back-1366.svg) no-repeat 342px 130px;
    }

    .our-brand-area.landingpage {
        background: url(../Images/cross_back-1366.svg) no-repeat 342px 194px;
    }

    .our-brand-area.referenzen {
        background: url(../Images/cross_back-1366.svg) no-repeat 342px 290px;
    }

    .referenzen-detail .content-image {
        right: -8px;
    }

    .prozess .image {
        background-position: -14px;
    }

    .prozess2-area.prozess .image {
        background-position: -94px;
    }

    #c202 header {
        padding-top: 180px;
    }

    .main-header.landingpage-go_digital .main-header-image:before {
        top: 34%;
        left: 68%;
        width: 380px;
        height: 380px;
    }

    .main-header.landingpage-go_digital .main-header-image:after {
        top: 82%;
        left: 68%;
    }

    .main-header.landingpage-go_digital .btn-to-bottom{
        bottom: -80px;
    }

    .TextCenter_ImageRight_Container .content a:after {
        left: 211px;
    }

    .was-kann-gefordert-werden .row .col-md-6 {
        margin-right: -100px;
    }

    .was-kann-gefordert-werden .single-was-kann-gefordert-werden {
        padding: 30px 12px;
        height: 430px;
        width: 320px;
    }

    .mit-den-folgenden-zielen .content {
        width: 90%;
    }

    .customer-area .section-subtitle {
        width: 67%;
    }

    .ImageLeft_TextRight_Container.landingpage-go_digital img {
        height: 90%;
        margin: 41px 0 0;
    }

    .iseo-forms-p4 {
        font-size: 18px;
        left: 520px;
        width: 320px;
    }

    .iseo-forms-p5 {
        font-size: 16px;
        left: 520px;
        width: 320px;
    }

    .iseo-forms-telephone {
        font-size: 18px;
        left: 515px;
        margin-bottom: -58px;
        width: 320px;
        top: -398px;
    }

    .iseo-forms-email .email_link::after {
        margin-left: 122px;
        width: 158px;
    }

    .main-header.landingpage-industrie .main-header-image:before {
        top: 42%;
        width: 360px;
        height: 360px;
    }

    .main-header.landingpage-industrie .main-header-image:after {
        top: 110%;
        left: 76%;
    }

    .TextLeft_ImageRight_Container.landingpage-industrie .image img {
        width: 90%;
        height: 90%;
    }

    .TextLeft_ImageRight_Container.landingpage-industrie {
        margin-bottom: 100px;
    }

    .iseo-forms-email {
        top: -335px;
        left: 510px;
        width: 380px;
        font-size: 18px;
    }

    .btn-to-bottom.landingpage-industrie {
        bottom: -90px;
    }
}

@media (min-width: 1281px)  and (max-width: 1366px) {
    .navbar-toggle{
        top: 80px;
    }
    .what-we-do-area .single-What-wedo {
        padding: 34px;
        margin-left: 30px;
        margin-right: 26px;
        margin-bottom: 10px;
    }

    .image-text-container {
        margin-top: -82px;
        margin-bottom: 56px;
    }

    .image-text-container .image {
        background-position: top left;
    }

    .image-text-container .image .text .center {
        margin-top: -122px;
    }

    .image-text-container .image .text .content {
        padding: 16px 63px 16px;
    }

    .image-text-container .content h2 {
        margin: 25px 0 40px 0;
    }

    .get-in-touch .content-image {
        width: 539px;
        height: 285px;
        position: absolute;
        right: calc(5% - 64px);
        top: 506px;
    }

    .image-text-container .image .text .content::before {
        right: 103px;
        top: 22px;
        width: 110px;
    }

    .image-text-container.landingpage .text .content::before {
        right: 70px;
        top: -10px;
        width: 140px;
    }

    .slider-text-customer {
        width: 55%;
        padding: 40px 50px;
    }

    .slider-area-customer .owl-carousel .owl-item img {
        width: 670px;
        height: 840px;
        float: right;
    }

    .slider-text-customer p {
        font-size: 17px;
    }

    .slider-img-customer {
        max-height: 946px;
        max-width: 100%;
        bottom: -170px;
        position: absolute;
        right: 0;
        width: 854px;
    }

    #leistungen-home-area .image {
        background-size: 128%;
        background-position: -43px 0;
    }

    #leistungen-home-area.user-experience .image {
        background-size: 114%;
        background-position: -43px 0;
    }

    .TextLeft_ImageRight_Container .image img {
        margin-top: 38px;
    }

    .slider-area-customer.desktop.referenzen .single-slider-customer {
        height: 630px;
    }

    .slider-area-customer.desktop.referenzen .slider-img-customer {
        max-height: 946px;
        max-width: 100%;
        bottom: -250px;
        position: absolute;
        right: 0;
        width: 854px;
        left: -170px;
    }

    .slider-area-customer.desktop.referenzen .slider-text-customer {
        width: 52%;
        left: 28px;
        top: 142px;
        height: 352px;
    }

    .TextLeft_ImageRight_Container.kontakt-area .content h2 {
        margin: 50px 55px 50px 0;
    }

    .prozess-area .list {
        width: 92%;
        font-size: 15px;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .prozess-area .content li a {
        font-size: 13px;
        color: #26303d;
        font-weight: lighter;
    }

    .karriere-area .content .center {
        padding-right: 16px;
    }

    .team-area .content .image {
        width: 280px;
        height: 280px;
    }

    .team-area .content .body {
        padding-left: 18px;
        padding-right: 18px;
        top: 290px;
    }

    .team-area .content .body .subtitle::after {
        top: 88px;
    }

    .custom-links .list {
        width: 96%;
    }

    .custom-links .list li {
        padding: 10px 6px;
    }

    .prozess2-area .image {
        height: 800px;
    }

    #mobile-area {
        margin-top: 120px;
    }

    .ImageLeft_TextRight_Container.referenzen-detail .black-quotes:before {
        top: 107px;
        right: 15%;
    }

    #leistungen-home-area.beratung .image {
        background-size: 128%;
        background-position: -128px 0;
    }

    .image-text-container.beratung .image .text .content {
        top: 140px;
        padding: 20px 50px 25px;
    }

    .image-text-container.beratung.unternehmensanalyse .image .text .content {
        top: 135px;
    }

    .our-brand-area.startseite {
        background: url(../Images/cross_back-1366.svg) no-repeat 385px 130px;
    }

    .our-brand-area.landingpage {
        background: url(../Images/cross_back-1366.svg) no-repeat 385px 194px;
    }

    .our-brand-area.referenzen {
        background: url(../Images/cross_back-1366.svg) no-repeat 385px 294px;
    }

    .prozess .image {
        background-position: -14px;
    }

    .prozess2-area.prozess .image {
        background-position: -94px;
    }

    #c202 header {
        padding-top: 196px;
    }

    .main-header.landingpage-go_digital .main-header-image:before {
        top: 34%;
        left: 70%;
        width: 380px;
        height: 380px;
    }

    .main-header.landingpage-go_digital .main-header-image:after {
        top: 82%;
        left: 68%;
    }

    .main-header.landingpage-go_digital .btn-to-bottom{
        bottom: -80px;
    }

    .TextCenter_ImageRight_Container .content a:after {
        left: 235px;
    }

    .was-kann-gefordert-werden .row .col-md-6 {
        margin-right: -100px;
    }

    .was-kann-gefordert-werden .single-was-kann-gefordert-werden {
        padding: 30px 12px;
        height: 430px;
        width: 320px;
    }

    .mit-den-folgenden-zielen .content {
        width: 90%;
    }

    .customer-area .section-subtitle {
        width: 62%;
    }

    .iseo-forms-p4, .iseo-forms-p5, .iseo-forms-telephone {
        left: 510px;
        width: 380px;
    }

    .main-header.landingpage-industrie .main-header-image:before {
        top: 42%;
        width: 360px;
        height: 360px;
    }

    .main-header.landingpage-industrie .main-header-image:after {
        top: 110%;
        left: 76%;
    }

    .TextLeft_ImageRight_Container.landingpage-industrie .image img {
        width: 90%;
        height: 90%;
    }

    .TextLeft_ImageRight_Container.landingpage-industrie {
        margin-bottom: 100px;
    }

    .iseo-forms-email {
        top: -335px;
        left: 510px;
        width: 380px;
    }

}

@media (min-width: 1701px) and (max-width: 1920px) {

    .slider-area-customer {
        padding: 42px 0 287px;
    }

    .what-we-do-area .single-What-wedo {
        padding: 55px;
        margin-left: 32px;
        margin-right: 42px;
    }

       .image-text-container {
        margin-top: -85px;
    }

    .image-text-container .image .text .content:before {
        top: 66px;
        right: 83px;
    }

    #footer .wrapper .social:before {
        left: -26px;
    }

    #leistungen-home-area .image {
        background-position: top left;
    }

    #leistungen-home-area .content {
        padding: 21% 8% 21% 3%;
    }

    #leistungen-home-area .btn-to-bottom {
        left: 103%;
    }

    .TextLeft_ImageRight_Container .content h2{
        font-size: 38px;
        font-weight: 400;
        margin: 50px 255px 50px 0;
    }

    .TextLeft_ImageRight_Container.kontakt-area .content h2{
        margin: 50px 250px 50px 0
    }

    .referenzen-detail .content-image {
        right: -100px;
    }

    .ImageLeft_TextRight_Container.referenzen-detail .black-quotes:before {
        top: 210px;
    }

    .team-area .content .body .subtitle::after {
        bottom: 226px;
    }

    .image-text-container.beratung.unternehmensanalyse .image .text .content {
        top: 120px;
    }

    .image-text-container.beratung .image .text .content {
        top: 90px;
    }

    .TextLeft_ImageRight_Container.referenzen.tablet .image img {
        object-position: 34px 0;
    }

    .our-brand-area.startseite {
        background: url(../Images/cross_back-1920.svg) no-repeat 526px 120px;
    }

    .our-brand-area.landingpage {
        background: url(../Images/cross_back-1920.svg) no-repeat 526px 194px;
    }

    .our-brand-area.referenzen {
        background: url(../Images/cross_back-1920.svg) no-repeat 526px 290px;
    }

    .team-area .content .body .subtitle::after {
        top: 220px;
    }

    .prozess2-area .image {
        background-position: -122px;
        height: 970px;
    }

    .TextCenter_ImageRight_Container .content a:after {
        left: 392px;
    }

    .customer-area .section-subtitle {
        width: 44%;
    }
}