.jarallax-keep-img {

    position: relative;

    z-index: 0;

}

.jarallax-keep-img > .jarallax-img {

    position: relative;

    display: block;

    max-width: 100%;

    height: auto;

    z-index: -100;

}


.jarallax-img {
	object-fit: cover;
	object-position: 50% 50%;
	max-width: none;
	position: fixed;
	top: 100px;
	left: 0px;
	width: 1900px;
	height: 1000px;
	overflow: hidden;
	pointer-events: none;
	margin-top: 102.25px;
	transform: translate3d(0px, -413.5px, 0px);
	}


.jarallax {
    min-height: 100px;
}


.jarallax-keep-img.demo-float-left {
    margin-right: 15px;
    margin-left: -60px;
}

.jarallax-keep-img.demo-float-right {
    margin-left: 15px;
    margin-right: -60px;
}



@media screen and (max-width: 600px) {

    .jarallax-keep-img.demo-float-left,

    .jarallax-keep-img.demo-float-right {
        margin-right: 0;
        margin-left: 0;
        float: none;
    }

}


/* hero block */

.demo-table {
    display: table;
    width: 100%;
    height: 600px;
    background-color: rgba(39, 35, 51, 0.6);
    color: #fff;
}

.index-table {
    display: table;
    width: 100%;
    height: 850px;
    color: #fff;
}



.index-table-2 {
    display: table;
    width: 100%;
    height: 150px;
    color: #fff;
    background: rgba(33, 96, 157, 0.45);
}

.index-table-danke {
    display: table;
    width: 100%;
    height: 750px;
    color: #fff;
}

@media screen and (max-width: 740px){
	.index-table-danke {
	    display: table;
	    width: 100%;
	    height: 550px;
	    color: #fff;
	}
}

@media screen and (max-width: 420px){
	.index-table-danke {
	    display: table;
	    width: 100%;
	    height: 350px;
	    color: #fff;
	}
}




.index-table-3 {
    display: table;
    width: 100%;
    height: 850px;
    color: #fff;
    background: rgb(33,96,157);
    background: linear-gradient(90deg, rgba(33,96,157,0.5886729691876751) 31%, rgba(255,255,255,0) 62%);
}



.index-table-2 h2{color: #fff; font-size: 2em; padding: 20px 0; margin: 0; hyphenate-limit-chars: 20 4 4;}
@media screen and (max-width: 480px){.index-table-2 h2{font-size: 1.8em;}}

.index-table p{color: #666}


.index-table-2-cta {
    display: table;
    min-height: 200px;
    color: #fff;
    background: rgba(0, 105, 170, 0.85);
    padding: 50px 15px;
	}

.index-table-2-cta h2{color: #fff; font-size: 2em; padding: 20px 0; margin: 0; 	justify-self: left;}
.index-table-cta p{color: #fff; text-align: left}

.index-table-2-cta-innnen {border: solid 1px #f90;}



.index-table-innen {margin-left: 50px}
.index-table-innen p {margin: 0 0 0 0; color: #666;}

.index-table h2{color: #666; font-size:3em;}
.index-table p{color: #666}

.danke-div {}
.danke-div h2{
	/*font-size: 22px; font-size: 1.4rem; line-height: 1.3; margin: 1.8rem 0 1.2rem 0;*/
	color: #048fa7;
	font-weight: 600;
	font-size: 2.5vw;
	text-align: center;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}


@media screen and (min-width: 2000px){
.danke-div h2{
	color: #048fa7;
	font-weight: 600;
	font-size: 2.5vw;
	text-align: center;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}

}


@media screen and (max-width: 1028px){
.danke-div h2{
	color: #048fa7;
	font-weight: 600;
	font-size: 5vw;
	text-align: center;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}

}
@media screen and (max-width: 650px){
.danke-div h2{
	color: #048fa7;
	font-weight: 600;
	font-size: 5vw;
	text-align: center;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}

}

@media screen and (max-width: 420px){
.danke-div h2{
	color: #048fa7;
	font-weight: 600;
	font-size: 5vw;
	text-align: center;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}

}

.cmd-table {
    display: table;
    width: 100%;
    height: 750px;
   /* background-color: rgba(39, 35, 51, 0.6);*/
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 20% , rgba(255,255,255,0)); 
    color: #fff;
}
.cmd-table h2{color: #fff}
.cmd-table p{color: #fff}

.invisalign-table {
    display: table;
    width: 100%;
    height: 600px;
    /*background-color: rgba(39, 35, 51, 0.6);*/ //für abdunkel oder farbe überbild legen
    color: #fff;
}
.team-table {
    display: table;
    width: 100%;
    height: 750px;
    /*background-color: rgba(39, 35, 51, 0.6);*/ //für abdunkel oder farbe überbild legen
    color: #fff;
}



.jarallax-table-cell {
    display: table-cell;
    vertical-align: middle;
}




.jarallax-table-cell-zitat {border: solid 0px #f90; width: fit-content; margin: 0 auto;}
@media screen and (max-width: 1200px){.jarallax-table-cell-zitat {max-width: 95%; margin: 0 auto}}

.jarallax-table-cell-zitat h2{margin: 0; padding: 0;}
.jarallax-table-cell-zitat h3{margin: 0; padding: 0; color: #fff; text-align: right; }
.jarallax-table-cell-zitat h3 span{font-size: 0.95em;}






.jarallax-table-cell-inner {
	border: solid 0px #f90;
	margin: 0 0 0 2%;
	width: 45%;
	color: #fff;
	}

@media screen and (max-width: 740px){.jarallax-table-cell-inner {margin: 0 0 0 1%;width: 65%;}}
@media screen and (max-width: 480px){.jarallax-table-cell-inner {margin: 0 0 0 1%;width: 90%;}}


.jarallax-table-cell-inner h2 {
	color: #fff;
	font-size: 2.2em;
	}
@media screen and (max-width: 740px){.jarallax-table-cell-inner h2 {font-size: 1.8em;}}	
@media screen and (max-width: 480px){.jarallax-table-cell-inner h2 {font-size: 1.5em;}}	

.jarallax-container-0 {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: -100;}


.jarallax-zitat {max-width: 80%; margin: 0 auto;}
.jarallax-zitat h2{font-size: 1.85em;}
.jarallax-zitat h2 span{font-size: 0.55em; font-style: italic}


.jarallax-inner-text {border: solid 0px #f90; width: 40%; text-align: left; padding:0 25px}
@media screen and (max-width: 740px){.jarallax-inner-text {width: 55%;}}
@media screen and (max-width: 460px){.jarallax-inner-text {width: 90%; padding: 0; margin: 0 15px}}

.jarallax-inner-text-fff {border: solid 0px #f90; width: 40%; text-align: left; padding:0 25px; }
.index-table h2.color-fff {color: #fff}
.index-table p.color-fff {color: #fff}
.jarallax-inner-text-fff p {color:fff !important}

@media screen and (max-width: 740px){.jarallax-inner-text-fff {width: 55%;}}
@media screen and (max-width: 460px){.jarallax-inner-text-fff {width: 90%; padding: 0; margin: 0 15px}}



/* gap */

.demo-gap {

    padding: 50px;

    overflow: hidden;

}

.demo-gap h1,

.demo-gap h2,

.demo-gap h3 {

    text-align: center;

}

.demo-gap .container {

    max-width: 800px;

    margin: 0 auto;

}

.demo-gap-half {

    display: table;

    width: 100%;

}

.demo-gap-half > div {

    display: table-cell;

    width: 50%;

}

.demo-gap-half .demo-gap-1 .jarallax,

.demo-gap-half .demo-gap-2 .jarallax {

    padding-top: 56.25%;

    min-height: 0;

    height: 0;

}

.demo-gap-half .demo-gap-1 .jarallax {

    padding-top: 112.5%;

}



/* Demo Content */

.demo-content {

    background-color: #f7f7f7;

    padding: 80px;

}





/* Float */

.demo-float-left {

    float: left;

}

.demo-float-right {

    float: right;

}





/* Carousel */

.demo-carousel {

    background-color: rgb(39, 35, 51);

}

.demo-carousel .demo-carousel-item {

    width: 33.33%;

    min-height: 300px;

}

@media screen and (max-width: 780px) {

    .demo-carousel .demo-carousel-item {

        width: 50%;

    }

}

@media screen and (max-width: 400px) {

    .demo-carousel .demo-carousel-item {

        width: 100%;

    }

}





/* Mobile */

@media screen and (max-width: 500px) {

    .demo-gap,

    .demo-content {

        padding: 50px 30px;

    }

}


@media screen and (max-width: 375px) {


.index-table-innen {margin-left: 10px}


}