/*** SLIDER ***/
.ixmimg22 {
width: 100%;
display: block;
z-index: 3;
margin-top: calc(-8vw);
}

.slider .ixmimg22 {
opacity: 0;
}


.sl-l2 { bottom: 5vw; right: 50px; width: auto; z-index: 7; opacity: 0; animation: textFadeIn 0.5s forwards; animation-delay: 4s; }
.sl-l4 { bottom: 4vw; right: 0px; width: 600px; z-index: 7; opacity: 0; animation: btnFadeIn 0.5s forwards; animation-delay: 4.25s; }
.sl-l4 { height: 1px; border-bottom: 1px solid var(--white); }
.sl-lb { bottom: 2vw; left: 50vw; width: auto; z-index: 9; transform: translateX(-50%); opacity: 0; animation: btnFadeIn 0.5s forwards; animation-delay: 5.25s;}

.sl-tr { padding: 5px 15px 3px; background-color: rgba(0,112,186,1); }

@media only screen and (max-width: 1740px) {
.sl-l2 { right: 40px; }
.sl-l4 { width: 570px; }
}

@media only screen and (max-width: 1440px) {
.sl-l2 { right: 30px; }
.sl-l4 { width: 540px; }
.ixmimg22 { margin-top: -7vw; }
}

@media only screen and (max-width: 1240px) {
.sl-l2 { right: 20px; }
.sl-l4 { width: 480px; }
.sl-layer { font-size: 22px; }
.sl-text-small { font-size: 42px; }
.ixmimg22 { margin-top: -6vw; }
}

@media only screen and (max-width: 1080px) {
.sl-l2 { bottom: 10px; right: 15px; }
.sl-l4 { bottom: 53px; right: auto; left: 0px; width: 100%; }
.sl-lb { bottom: 8vw; }
.sl-text-small { font-size: 36px; }
.ixmimg22 { margin-top: -4vw; }
}

@media only screen and (max-width: 840px) {
.sl-lb { bottom: 10vw; }
.sl-text-small { font-size: 30px; }
}

@media only screen and (max-width: 768px) {
.sl-l2 { bottom: 8px; right: 10px; }
.sl-l4 { bottom: 48px; }
.sl-layer { font-size: 20px; }
.sl-text-small { font-size: 24px; }
.sl-lb { display: none; } 
.ixmimg22 { margin-top: 0; }
}

@media only screen and (max-width: 640px) {
.sl-l2 { bottom: 7px; right: 5px; }
.sl-l4 { bottom: 41px; }
.sl-layer { font-size: 18px; }
.sl-tr { padding: 4px 10px 2px; }
.sl-text-small { font-size: 22px; }
}

@media only screen and (max-width: 480px) {
.sl-l2 { bottom: 6px; }
.sl-l4 { bottom: 38px; }
.sl-layer { font-size: 16px; }
.sl-tr { padding: 4px 10px 2px; }
/*.sl-lb { bottom: 11vw; }*/
.sl-text-small { font-size: 20px; }
.ixmimg22 { width: 109vw; margin-left: calc(-4vw) }
}

@media only screen and (max-width: 420px) {
.sl-l2 { bottom: 5px; }
.sl-l4 { bottom: 32px; }
.sl-layer { font-size: 14px; }
.sl-tr { padding: 3px 8px 2px; }
.sl-text-small { font-size: 18px; }
}

@media only screen and (max-width: 359px) {
.sl-l2 { bottom: 4px; }
.sl-l4 { bottom: 28px; }
.sl-layer { font-size: 12px; }
.sl-tr { padding: 3px 6px 2px; }
.ixmimg22 { width: 120vw; margin-left: calc(-10vw) }
}


/*** SLIDER KREISLAUF ***/

@keyframes ixZoom {
    from {transform: scale(0); opacity: 0; }
    to {transform: scale(1); opacity: 1; }
}

@keyframes ixZoomC1 {
    from {transform: scale(0.5); opacity: 0.5; left: 35.68%; top: 38.91%; }
    to {transform: scale(1); opacity: 1; top: 27.5%; left: 0px; }
}

@keyframes ixZoomC2 {
    from {transform: scale(0.5); opacity: 0.5; left: 35.68%; top: 38.91%; }
    to {transform: scale(1); opacity: 1; top: 71.18%; left: 12.4%; }
}

@keyframes ixZoomC3 {
    from {transform: scale(0.5); opacity: 0.5; left: 35.68%; top: 38.91%; }
    to {transform: scale(1); opacity: 1; top: 71.15%; left: 58.8%; }
}

@keyframes ixZoomC4 {
    from {transform: scale(0.5); opacity: 0.5; left: 35.68%; top: 38.91%; }
    to {transform: scale(1); opacity: 1; top: 0px; left: 35.7%; }
}

@keyframes ixZoomC5 {
    from {transform: scale(0.5); opacity: 0.5; top: 38.91%; right: 36.32%; left: auto;}
    to {transform: scale(1); opacity: 1; top: 27.5%; right: 0%; left: auto; }
}

.sl-kl {
    width: 24%;
    display: block;
    position: absolute;
	z-index: 4;
	right: 10vw;
	top: 5vw;
}

.sl-kl-spacer {
	display: block;
    width: 100%;
}

.sl-kl-circle {
position: absolute;
display: block;
width: 28%;
z-index: 5;
left: 35.68%;
top: 38.91%;
opacity: 0;
}

.sl-kl-c1 { animation: ixZoomC1 1.5s forwards; animation-delay: 2s;  }
.sl-kl-c2 { animation: ixZoomC2 1.5s forwards; animation-delay: 2s; }
.sl-kl-c3 { animation: ixZoomC3 1.5s forwards; animation-delay: 2s; }
.sl-kl-c4 { animation: ixZoomC4 1.5s forwards; animation-delay: 2s; }
.sl-kl-c5 { animation: ixZoomC5 1.5s forwards; animation-delay: 2s; }

.sl-kl-c1:hover img { animation: pulse-circleb 2s infinite; }
.sl-kl-c2:hover img { animation: pulse-circlep 2s infinite; }
.sl-kl-c3:hover img { animation: pulse-circlel 2s infinite; }
.sl-kl-c4:hover img { animation: pulse-circleo 2s infinite; }
.sl-kl-c5:hover img { animation: pulse-circled 2s infinite; }

.sl-kl-organo {
position: absolute;
display: block;
width: 30.7%;
z-index: 6;
left: 34.33%;
top: 37.56%;
opacity: 0;
animation: ixZoom 0.75s forwards; animation-delay: 1s;
}

.sl-kl-organo:hover img { animation: pulse-blue 2s infinite; }

.sl-kl-img {
display: block;
width: 100%;
border-radius: 50%;
overflow: hidden;
}

@media only screen and (max-width: 1720px) {
.sl-kl { width: 26%; right: 9vw; }
}

@media only screen and (max-width: 1440px) {
.sl-kl { width: 28%; right: 7vw; }
}

@media only screen and (max-width: 1240px) {
.sl-kl { width: 30%; right: 5vw; }
}

@media only screen and (max-width: 1080px) {
.sl-kl { width: 35%; right: 9vw; }
}

@media only screen and (max-width: 768px) {
.sl-kl { width: 40%; right: 5vw; }
}

@media only screen and (max-width: 580px) {
.sl-kl { top: 6vw; width: 47%; right: 4vw; }
}

@media only screen and (max-width: 480px) {
.sl-kl { top: 11vw; width: 48%; right: 3vw; }
}

@media only screen and (max-width: 360px) {
.sl-kl { top: 12vw; width: 54%; right: 3vw; }
}


/*** KREISLAUF MAIN ***/

.wai2 { display: none; }
.wai2 .container { line-height: 120%; }

.wai1c {
width: 100%;
max-width: 560px;
display: block;
position: relative;
margin: 0 auto;
}

.wai1b {
display: block;
position: absolute;
}

.wai1b1 {
animation: pulse-zoom2 2.1s infinite ease-in-out;
top: 27.5%;
left: 0px;
width: 28%;
}

.wai1b2 {
animation: pulse-zoom2 2.25s 0.5s infinite ease-in-out;
top: 71.18%;
left: 12.4%;
width: 28%;
}

.wai1b3 {
animation: pulse-zoom2 1.95s 0.8s infinite ease-in-out;
top: 71.15%;
left: 58.8%;
width: 28%;
}

.wai1b4 {
animation: pulse-zoom2 2.2s 0.3s infinite ease-in-out;
top: 0%;
left: 35.7%;
width: 28%;
}

.wai1b5 {
animation: pulse-zoom2 1.8s 0.7s infinite ease-in-out;
top: 27.5%;
right: 0%;
width: 28%;
}

.wai1bi {
display: block;
width: 100%;
border-radius: 50%;
overflow: hidden;
}

.wai1b1:hover .wai1bi { animation: pulse-circleb 2s infinite; }
.wai1b2:hover .wai1bi { animation: pulse-circlep 2s infinite; }
.wai1b3:hover .wai1bi { animation: pulse-circlel 2s infinite; }
.wai1b4:hover .wai1bi { animation: pulse-circleo 2s infinite; }
.wai1b5:hover .wai1bi { animation: pulse-circled 2s infinite; }

.wai1t {
display: block;
position: absolute;
opacity: 0.15;
}

.wai1t.active {
opacity: 1;
}

.wai1t1 {
width: 360px;
top: 22%;
left: calc(((100% - 560px) / 2) - 340px);
}

.wai1t2 {
width: 420px;
bottom: 10%;
left: calc(((100% - 560px) / 2) - 360px);
}

.wai1t3 {
width: 410px;
bottom: 15%;
right: calc(((100% - 560px) / 2) - 360px);
}

.wai1t4 {
width: 360px;
top: 3%;
right: calc(((100% - 560px) / 2) - 200px);
}

.wai1t5 {
width: 360px;
top: 30%;
right: calc(((100% - 560px) / 2) - 400px);
}

.wai2 .small {
display: block;
min-height: 48px;
margin-bottom: 10px;
}


@media only screen and (min-width: 1441px) {
.wai1t.xsmall { font-size: 18px; }
}

@media only screen and (max-width: 1440px) {
.wai1t1 { width: 300px; left: calc(((100% - 560px) / 2) - 300px); }
.wai1t2 { width: 360px; left: calc(((100% - 560px) / 2) - 300px); }
.wai1t3 { width: 340px; right: calc(((100% - 560px) / 2) - 280px); }
.wai1t4 { right: calc(((100% - 560px) / 2) - 180px); }
.wai1t5 { width: 300px; right: calc(((100% - 560px) / 2) - 320px); }
}

@media only screen and (max-width: 1240px) {
.wai1t1 { top: 15%; left: calc(((100% - 560px) / 2) - 200px); }
.wai1t2 { bottom: 11%; left: calc(((100% - 560px) / 2) - 260px); }
.wai1t3 { bottom: 10%; right: calc(((100% - 560px) / 2) - 260px); }
.wai1t5 { top: 45%; width: 280px; right: calc(((100% - 560px) / 2) - 290px); }
}

@media only screen and (max-width: 1160px) {
.wai1t2 { left: calc(((100% - 560px) / 2) - 240px); }
.wai1t3 { bottom: 8%; right: calc(((100% - 560px) / 2) - 230px); }
.wai1t5 { width: 260px; top: 50%; right: calc(((100% - 560px) / 2) - 230px); }
}

@media only screen and (max-width: 1080px) {
.wai1t { display: none; }
.wai1 { padding-bottom: 60px; }
.wai2 { display: block; }
.wai2 .one-third { max-width: 480px; margin-left: auto; margin-right: auto; }
.wai2 .one-half { margin-left: auto; margin-right: auto; }
.wai2 .one-half:first-child { margin-left: 14px; }
.wai2 .one-half:last-child { margin-right: 14px; }
.fxwa1 { margin-bottom: 40px; }
}

@media only screen and (max-width: 768px) {
.wai1c { width: calc(100% - 40px); max-width: 480px; }
.wai1 { padding-bottom: 50px; }
.wai2 .small { min-height: auto; }
.wai2 .one-half { max-width: 480px; }
.wai2 .one-half:first-child { margin-left: auto; }
.wai2 .one-half:last-child { margin-right: auto; }
.fxwa1 { display: flex; flex-direction: column; margin-bottom: 30px; }

}

@media only screen and (max-width: 480px) {
.wai1c { max-width: 360px; }
.wai2 .small { font-size: 16px; }
.wai2 .xsmall { font-size: 14px; }
.fxwa1 { margin-bottom: 20px; }
}


/*** IMAGE ORGANETIKER ***/

.os-one-fifth {
width: calc(20% - 20px);
margin-right: 40px;
display: block;
}
.os-four-fifths {
width: calc(80% - 20px);
display: block;
}

.os-one-fourth {
width: calc(30% - 20px);
margin-right: 40px;
display: block;
}
.os-three-fourths {
width: calc(70% - 20px);
display: block;
}


.os-img {
display: block;
width: 100%;
max-width: 200px;
}

.os-one-fourth .os-img {
max-width: 160px;
display: inline-block;
}

.os-one-fourth .os-img:first-child { margin-right: 10px; }

@media only screen and (max-width: 1440px) {
.os-one-fourth { width: calc(35% - 20px); }
.os-three-fourths { width: calc(65% - 20px); }
}

@media only screen and (max-width: 1140px) {
.os-one-fourth { width: calc(40% - 20px); }
.os-three-fourths { width: calc(60% - 20px); }
}

@media only screen and (max-width: 980px) {
.os-one-fourth .os-img { max-width: 135px; }
}

@media only screen and (max-width: 860px) {
.os-one-fourth .os-img { max-width: 160px; }
.os-one-fourth { width: calc(20% - 20px); }
.os-three-fourths { width: calc(80% - 20px); }
}


@media only screen and (max-width: 768px) {
.os-flex { display: flex; }
.os-one-fifth, .os-one-fourth { width: calc(30% - 15px); margin-right: 30px; }
.os-four-fifths, .os-three-fourths { width: calc(70% - 15px); }
}

@media only screen and (max-width: 640px) {
.os-one-fifth, .os-one-fourth { width: calc(30% - 10px); margin-right: 20px; }
.os-four-fifths, .os-three-fourths { width: calc(70% - 10px); }
}

@media only screen and (max-width: 480px) {
.os-flex { display: block; }
.os-one-fifth, .os-one-fourth { width: 100%; margin-right: 0; margin-bottom: 30px; }
.os-four-fifths, .os-three-fourths { width: 100%; }
.os-img { max-width: 160px; }
.os-one-fourth .os-img  { max-width: 140px; }
}

@media only screen and (max-width: 380px) {
.os-one-fourth .os-img  { max-width: calc(50% - 10px); }
}