@charset "utf-8";

@font-face {
font-family:'Anaheim';
font-style:normal;
font-weight:400;
src: url('../fonts/anaheim-v7-latin-regular.eot'); 
src: local('Anaheim'), local('Anaheim-Regular'),
url('../fonts/anaheim-v7-latin-regular.eot?#iefix') format('embedded-opentype'), 
url('../fonts/anaheim-v7-latin-regular.woff2') format('woff2'), 
url('../fonts/anaheim-v7-latin-regular.woff') format('woff'), 
url('../fonts/anaheim-v7-latin-regular.ttf') format('truetype'), 
url('../fonts/anaheim-v7-latin-regular.svg#Anaheim') format('svg'); 
}

@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 800;
src: url('../fonts/assistant-v18-latin-800.eot'); 
src: local(''),
url('../fonts/assistant-v18-latin-800.eot?#iefix') format('embedded-opentype'), 
url('../fonts/assistant-v18-latin-800.woff2') format('woff2'),
url('../fonts/assistant-v18-latin-800.woff') format('woff'), 
url('../fonts/assistant-v18-latin-800.ttf') format('truetype'), 
url('../fonts/assistant-v18-latin-800.svg#Assistant') format('svg'); 
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
body { font-family:'Anaheim'; font-size:17px; color:#111; }
.logo {padding:80px; }
h1, h2 { line-height: 24px; font-family:'Assistant'; font-size:28px; color:#111; text-transform:uppercase; }
h2 { color:#666; }
a, a > * {color:#444; text-decoration:none}
a:hover{color:#000;}
p { line-height:1.5; padding:25px; } 
.fett { font-family: 'Assistant'; font-size:17px } 
.header {padding:0px; position:relative; margin:0px auto;}
.container { padding:0px; width:1280px; position:relative; margin:50px auto;}
.col1-3 { width:300px; height:300px; margin:10px; float:left; border:1px solid #eee}
.col2-3 { width:620px; height:300px; margin:10px; float:left; border:1px solid #eee}
.col1-3.auto, .col2-3.auto {height:auto; }
/* img {clip-path: inset(0px 0px 0px 0px);} */

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

a: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
}

.site-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 20px;
}

.language-switch {
display: flex;
align-items: center;
gap:3px;
}

.language-switch select {
font-family:'Anaheim'; font-size:17px; color:#555;
padding: 10px;
margin-right:90px;
border: 0px solid #ccc;
border-radius: 0px;
background: #fff;
cursor: pointer;
}

.globe-icon {
margin-top:5px;
}

/* Screenreader-only Text */
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
}




.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;
}

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

footer { position:relative; color:#aaa; padding:45px 0; text-align:center; }
#toTop, #backtotop{ color:#aaa; margin-bottom:30px; display:none;}

@media screen and (min-width: 768px) and (max-width: 1450px) {
.container { width:640px; position:relative; }
}

@media screen and (max-width: 767px) {
.container { width:320px; position:relative; }
footer {text-align:left;}

.site-header {
display: block;
text-align:center;
}

.language-switch {
display: block;
align-items: center;
}

.language-switch select {
margin-right:0px;
}

.globe-icon {
margin-top:10px;
}

}