@charset "utf-8";
/* basic.css eingedampfte Version */

@font-face {
font-family:Anaheim;src:url(https://www.connexo.org/schrift/anaheim-v7-latin-regular.woff2) format('woff2'),url(https://www.connexo.org/schrift/anaheim-v7-latin-regular.woff) format('woff');font-weight:400;font-style:normal
}

@font-face {
font-family:Assistant;src:url(https://www.connexo.org/schrift/assistant-v18-latin-800.woff2) format('woff2'),url(https://www.connexo.org/schrift/assistant-v18-latin-800.woff) format('woff');font-weight:800;font-style:normal
}

*,:after,:before {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0
}

#wrap,body,html {
height:100%
}

body>#wrap {
height:auto;min-height:100%
}

html {
-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none
}

.bg {
margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)
}

.buddha {
margin:0;position:absolute;top:0;left:0; z-index:-1; max-height:100vh;
}

body {
font-family:Anaheim;font-size:17px;color:#555
}

a:hover,a:link {
text-decoration:none
}

.link::after {
content:"";width:11px;height:11px;margin-left:7px;margin-right:7px;background-image:url(https://www.connexo.org/pix/extern.png);background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block
}

a,a>* {
-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;text-decoration:none;color:#555
}

p {
padding:8px
}

.header {
padding:0;width:100%;position:relative;margin:0 auto
}

.logo {
float:right;padding:80px;text-align:right
}

h1,h2,h3,h4 {
font-family:Assistant;font-size:16px;font-weight:800;color:#000;letter-spacing:3px;padding:8px;text-transform:uppercase
}

h2,h3,h4 {
color:#444
}

address {
font-style:normal;font-weight:700;padding-left:8px
}

.container {
padding:0;width:1440px;position:relative;margin:75px auto 50px auto
}

.col1-3 {
width:300px;height:300px;margin:30px;float:left
}

.col1-3-double {
width:300px;height:600px;margin:30px;float:left
}

.col2-3 {
width:660px;height:300px;margin:30px;float:left
}

.col1-3.auto,.col2-3.auto {
height:auto
}

.box {
overflow:hidden
}

.section {
min-height:100vh
}

.section:nth-child(1) {
background:none
}

.section:nth-child(2) {
background:rgb(242,244,250,.6)
}

.section:nth-child(3) {
background:#fff
}

.section:nth-child(4) {
background:rgb(242,244,250,.2)
}

.pfeilposition {
position:relative;margin:0 auto;bottom:0;left:0;text-align:center
}

@keyframes senkrecht {
0% {
transform:translatey(0)
}

50% {
transform:translatey(-20px)
}

100% {
transform:translatey(0)
}


}

@-webkit-keyframes senkrecht {
0% {
transform:translatey(0)
}

50% {
transform:translatey(-20px)
}

100% {
transform:translatey(0)
}


}

@-moz-keyframes senkrecht {
0% {
transform:translatey(0)
}

50% {
transform:translatey(-20px)
}

100% {
transform:translatey(0)
}


}

@-o-keyframes senkrecht {
0% {
transform:translatey(0)
}

50% {
transform:translatey(-20px)
}

100% {
transform:translatey(0)
}


}

@keyframes waagrecht {
0% {
transform:translatex(0)
}

50% {
transform:translatex(20px)
}

100% {
transform:translatex(0)
}


}

@-webkit-keyframes waagrecht {
0% {
transform:translatex(0)
}

50% {
transform:translatex(20px)
}

100% {
transform:translatex(0)
}


}

@-moz-keyframes waagrecht {
0% {
transform:translatex(0)
}

50% {
transform:translatex(20px)
}

100% {
transform:translatex(0)
}


}

@-o-keyframes waagrecht {
0% {
transform:translatex(0)
}

50% {
transform:translatex(20px)
}

100% {
transform:translatex(0)
}


}

.progress-bar {
width:300px;height:35px;margin:10px 0;background:#fafafa
}

.percentage {
display:block;height:100%;background-color:#dadae0;animation:progress 6s ease-in-out 1;white-space:nowrap
}

.beschreibung {
position:relative;top:5px;left:8px
}

.a {
width:21%
}

.b {
width:59%
}

.c {
width:11%
}

.d {
width:9%
}

@keyframes progress {
from {
width:0
}
}

#highlight {
padding-left:5px;padding-right:5px;background-size:200% auto;background-image:linear-gradient(to right,rgb(242,244,250,.6) 50%,#ebfcfb 50%);background-position:0 0;animation-name:highlight;animation-duration:3s;animation-delay:3s;animation-iteration-count:3;animation-fill-mode:forwards
}

@keyframes highlight {
from {
background-position:0 0
}

to {
background-position:-100% 0
}
}

.umbruch {
-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto
}

.animated_up {
position:relative;transform:translateY(150px);opacity:0;transition:2s all ease;transition-delay:1s
}

.animated_up.active {
transform:translateY(0);opacity:1
}

.animated_left {
position:relative;transform:translateX(-150px);opacity:0;transition:2s all ease;transition-delay:1s
}

.animated_left.active {
transform:translateX(0);opacity:1
}

.textanimated_left {
position:relative;transform:translateX(-250px);opacity:0;transition:2s all ease;transition-delay:1.2s
}

.textanimated_left.active {
transform:translateX(0);opacity:1
}

.flip-card {
background-color:transparent;width:100%;height:100%
}

.flip-card-inner {
position:relative;width:100%;height:100%;-o-transition:1s width linear;-webkit-transition:1s width linear;-moz-transition:1s widt linear;transition:transform 1s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d
}

.flip-card:hover .flip-card-inner {
-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)
}

.flip-card-back,.flip-card-front {
position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden
}

.flip-card-front {
background-color:#333;color:#eee;padding:30px;z-index:10
}

.flip-card-back {
background-color:#eee;color:#111;padding:30px;-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:11
}

.btn-flip {
opacity:1;outline:0;color:#fff;line-height:40px;position:relative;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;font-family:Anaheim,sans-serif;text-transform:uppercase;box-shadow:10px 10px 10px #ddd
}

.btn-flip:hover:after {
opacity:1;-ms-transform:translateY(0) rotateX(0);-o-transform:translateY(0) rotateX(0);-webkit-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0)
}

.btn-flip:hover:before {
opacity:0;transform:translateY(50%) rotateX(90deg)
}

.btn-flip:after {
top:0;left:0;opacity:0;width:100%;color:#fff;display:block;transition:.8s;position:absolute;background:#595689;content:attr(data-back);-ms-transform:translateY(-50%) rotateX(90deg);-o-transform:translateY(-50%) rotateX(90deg);-webkit-transform:translateY(-50%) rotateX(90deg);transform:translateY(-50%) rotateX(90deg)
}

.btn-flip:before {
top:0;left:0;opacity:1;color:#fff;display:block;padding:0 30px;line-height:40px;transition:.5s;position:relative;background:#222;content:attr(data-front);-ms-transform:translateY(0) rotateX(0);-o-transform:translateY(0) rotateX(0);-webkit-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0)
}

#zeit {
padding:30px
}

table {
border:0 solid #aaa;border-collapse:collapse
}

th {
color:#666;height:42px;font-weight:400;margin-top:-10px
}

td {
font-family:Anaheim,sans-serif;font-size:17px;color:#444;border:0 solid #ccc;height:40px;width:39px;text-align:center
}

.transitions-enabled.masonry {
-webkit-transition-duration:.7s;-moz-transition-duration:.7s;-ms-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s
}

.transitions-enabled.masonry {
-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width
}

.transitions-enabled.infinite-scroll.masonry {
-webkit-transition-property:none;-moz-transition-property:none;-ms-transition-property:none;-o-transition-property:none;transition-property:none
}

* html .clearfix {
height:1%
}

.clearfix {
display:block
}

.clearfix:after {
content:".";display:block;height:0;clear:both;visibility:hidden
}

footer {
background:#fff;position:relative;color:#555;padding:55px
}

@media only screen and (max-width:1470px) {
.container {
padding:0;width:720px;position:relative;margin:150px auto 50px auto
}
.bg {
display:none
}
}

@media only screen and (max-width:767px) {
.leer {
display:none
}

.container {
padding:0;width:360px;position:relative;margin:50px auto 50px auto
}

.col1-3 {
width:300px;padding-bottom:30px;height:auto
}

.logo {
float:left;padding:30px 50px
}

.flip-card {
display:none
}

footer {
text-align:left
}
}