@charset "utf-8";

@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: normal;
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; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;} 

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


body { font-family:'Anaheim', sans-serif; font-size:17px; color:#555; }

a, a > * {-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration:none; color:#555;}
p{ padding:8px }

ul {
list-style-position: outside;
padding-left: 30px; /* Abstand von links anpassen */
}

li {
list-style-type: decimal-leading-zero;
padding-left: 8px; /* Abstand zwischen Nummer und Text */
}

b {color:#000}

.header {padding:0px; width:100%; position:relative; margin:0px auto;}
.logo {font-family: "Assistant"; font-size:16px; float:right; padding: 80px; font-weight:800; text-align:right}


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

h1 {
font-size:24px;
}

h2, h3, h4 {
font-size:16px; 	
}


.container { padding:0px; width:1440px; position:relative; margin:75px auto 50px auto;}
.col1-3 { width:300px; height:300px; margin:30px; float:left;  /* background:#fcfcfc */ }
.overflow, .box {overflow:hidden; }
.auto {height:auto;}

.section {
min-height: 100vh;
}
.section:nth-child(1){
background: #fff;
}
.section:nth-child(2){
background: #fafafa;
} 
.section:nth-child(3){
background: #fff;
}



.section_black {
background: #222;
font-size: calc(16px + (40 - 17) * ((100vw - 300px) / (1600 - 300)));
color:#feffef;
width:50%;
float: left;
padding:7vw;
}

.section_darkgray {
background: #444;
font-size: calc(16px + (40 - 17) * ((100vw - 300px) / (1600 - 300)));
color:#feffef;
width:50%;
float: right;
padding:7vw;
}

.footer {
float: left;
background: #fff;
font-size: 17px;
padding:50px 0 100px 0;
color:#222;
width:100%;
text-align:center;
}


.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: 0.8s;
position: absolute;
background: #908db8;
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: 0.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);
}

.centered {
text-align:center;
}


.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.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.masonry  .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}


/* disable transitions on container */
.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; }
#toTop, #backtotop{ color:#aaa; margin-bottom:30px; display:none;}



@media only screen and (max-width: 1439px) {
.leer {display:none;}
.container { padding:0px; width:720px; position:relative; margin:50px auto 50px auto;}
.col1-3 { width:300px; padding-bottom:30px; height:auto;}
}

@media only screen and (max-width: 768px) {
.leer {display:none;}
.container { padding:0px; width:360px; position:relative; margin:50px auto 50px auto;}
.col1-3 { width:300px; padding-bottom:30px; height:auto;}
}