@font-face{font-family:"GroupUi-MAN";font-display:block;src:url(../fonts/maneuropecondensed_bold_eot.eot) format("eot"),url(../fonts/maneuropecondensed_bold_woff2.woff2) format("woff2"),url(../fonts/maneuropecondensed_bold_woff.woff) format("woff"),url(../fonts/maneuropecondensed_bold_ttf.ttf) format("truetype"),url(../fonts/maneuropecondensed_bold_svg.svg) format("svg");font-weight:700}@font-face{font-family:"GroupUi-MAN";font-display:block;src:url(../fonts/maneurope_light_eot.eot) format("eot"),url(../fonts/maneurope_light_woff2.woff2) format("woff2"),url(../fonts/maneurope_light_woff.woff) format("woff"),url(../fonts/maneurope_light_ttf.ttf) format("truetype"),url(../fonts/maneurope_light_svg.svg) format("svg");font-weight:400}


html, body {
    height: 100%;

    background-repeat:repeat-x;
    margin: 0; 
    padding: 0;
    font-family: "GroupUi-MAN";
    line-height:var(--groupui-man-line-height), "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-display: swap;
    font-stretch: condensed;
    font-size: 1rem;
    font-weight: 300;
    color:#303c49
}

table, tr, td, th {
    font-family: "GroupUi-MAN";
    line-height:var(--groupui-man-line-height);
    font-display: swap;
    font-stretch: condensed;
    font-size: 1rem;
}

.l-c1 {background:#f4f5f6;border-bottom:2px solid #fff;}

.align-right {
 text-align:right;
  
}
.align-center {
  text-align:center;
}
.clear { clear:both; }



* { box-sizing:border-box;    -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale; }

.team .c33,
img,
.top, .top .main, .nav,
.teaser img, input, .nbar, .st0, .st1,
a, li {
    -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;    
  }
img {
  border:0px;
}


.all {
  width:100%;
  min-width:100%;
  padding-left:40px;
  padding-right:40px;
}
.main {
  max-width:1600px;
  margin: 0px auto;
  padding:0px;
  position:relative;
  text-align: left;
}
.main:after { content:''; display:table; clear:both; }




.cStage {display: flex;margin:0 -15px;flex-wrap: wrap;}
.cStage.bottom {align-items: center}
.cStage > div{padding:0 15px;}



.c33 { -ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%; max-width: 33.3333%; }
.c66 { -ms-flex: 0 0 66.6666%;flex: 0 0 66.6666%; max-width: 66.6666%; }
.c16 { -ms-flex: 0 0 16.6666%;flex: 0 0 16.6666%; max-width: 16.6666%; }

.c30 { -ms-flex: 0 0 30%;flex: 0 0 30%; max-width: 30%; }
.c70 { -ms-flex: 0 0 70%;flex: 0 0 70%; max-width: 70%; }
.c40 { -ms-flex: 0 0 40%;flex: 0 0 40%; max-width: 40%; }
.c20 { -ms-flex: 0 0 20%;flex: 0 0 20%; max-width: 20%;}
.c50 { -ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;}
.c25 { -ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%; }
.c75 { -ms-flex: 0 0 75%;flex: 0 0 75%; max-width: 75%; }
.c30 { -ms-flex: 0 0 30%;flex: 0 0 30%; max-width: 30%;}
.c35 { -ms-flex: 0 0 35%;flex: 0 0 35%; max-width: 35%; }
.c60 { -ms-flex: 0 0 60%;flex: 0 0 60%; max-width: 60%; }


a + p,
.main div > *:first-child {margin-top:0px;}

.ce-gallery[data-ce-columns="3"] .ce-column {
    width:calc(33.3333% - 15px)
}
.ce-gallery[data-ce-columns="2"] .ce-column {
    width:calc(50% - 15px)
}

a, a:focus, a:hover {
    outline: 0;
}
a {
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
a {
    color: #303c49;
    text-decoration: none;
    background-color: transparent;
}

.header {position: relative}
.header .main {min-height:1000px;display: flex;    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    justify-content: flex-end;
    color:#fff;
    z-index: 2;
    padding-bottom:30px;
}
.header:after {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.8)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);
    background-repeat: repeat-x;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;

}

img {max-width:100%;height:auto;}

h2,
.h1, h1 {
    line-height: 1.0666666667;
    font-size: 3rem;
    text-transform: uppercase;
    margin:0 0 1.5rem 0;
}

.header  h1 {font-size:3.75rem}

.h3, h3 {
    font-size: 2.0rem;
    line-height: 1.2;
    margin:0 0 1.5rem 0;

}

.content .main {
    padding: 4rem 0;
}

.main-header .main {
    position: relative;
    padding: .75rem 0 0;

}
.main-header .page-name {
    color: #acb1b6;
    font-size: .8125rem;
    margin: auto 0;
}
nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-top: .5rem;
    margin-bottom: 1rem;
    max-width: calc(100% - 9.0625rem - 5rem);
    min-height: 1.5rem;
}

.footer nav {margin:.5rem 0}

.main-header .header-border-wrapper {
    width: 100%;
    display: block;
}
.main-header .header-border-wrapper .header-border {
    height: .0625rem;
}
.main-header .header-border-wrapper .header-border:after {
    background: linear-gradient(to left,transparent 0,transparent 100px,#d6d8db 200px);
    content: '';
    display: block;
    width: 90%;
    height: .0625rem;
    left: 0;
    position: absolute;
}
.main-header .logo {
    position: absolute;
    right: 0;
    top: .25rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 9.0625rem;
    height: auto;
    z-index: 2;
}
nav a {
    text-transform: uppercase;
    font-size: .8125rem;
    line-height: 1rem;
    font-weight:700;
    margin-right: 1rem;
    margin-bottom: .5rem;
}
nav a:hover,
nav a.active {color:#E40046}


.footer .main {padding:20px 0;}

@media (max-width: 1100px) {

	.projects .c25 {width:33.3333%;}

    .ce-textpic.ce-intext .ce-gallery {max-width:50%;}


}

/* Only Phones */
@media (max-width: 900px) {


    * {hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto}

    .cStage {display: block;}
    .cStage > div {width:100%;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100%!important;
        max-width: 100% !important;
    }
    .cStage > div + div {padding-top:60px;}

    .header .main {min-height:500px;}
    .all {padding-left:20px; padding-right:20px;}

	.c50, .c40, .c60 {width:100%;}

	.c50.first,
	.c40.first,
	.c60.first {padding-bottom:60px;}
	
	.c50.first,
	.c50.last,
	.c40.first,
	.c40.last,
	.c60.first,
	.c60.last {padding-left:0px;padding-right:0px;}

	.projects .c25 {width:50%;}

	.footer .c35 {
		font-size: 20px;
		line-height: 32px;
	}

	span.big {
		font-size: 30px;
		line-height: 40px;
	}
}

@media (max-width: 650px) {

    .content .ce-left .ce-gallery,
    .content .ce-right .ce-gallery {
        float: none;
    }
    .content .ce-intext.ce-right .ce-gallery {
        margin-left: 0px;
    }
    .content .ce-intext.ce-left .ce-gallery {
        margin-right: 0px;
    }

	.c30, .c35 {width:100%; padding-bottom:20px;}
}




/* Formulare */


.frame-type-form_formframework p { font-size:90%; }

input[type="checkbox"] { margin-right:15px; }
.control-label { display:none; }
.form-group input[type="text"],
.form-group textarea,
.csc-form-element-textline input {
  font-family:inherit;
  font-size:inherit;
  color:#fff;
  background:transparent;
  width:70%;
  border:2px solid #222e59;
  padding:8px 15px;

  margin-bottom:6px;
}
.form-group input[type="text"]:focus,
.form-group textarea:focus {
  background:#222e59;
}
.btn-group button:before { content:''; width:100px;border-top:7px solid #222e59; position:absolute; right:0px; display:block; top:0px; }
.btn-group button { border:0px; float:right; color:#fff; max-width:250px; background:transparent;position:relative; font-size: 26px;text-transform: uppercase;font-weight: 300; text-align:right; padding:0; cursor:pointer; padding-top:10px; margin-top:30px; }
.btn-group button:hover { color:#222e59; }


/* The container */
.form-check-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.form-check-label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border:2px solid #222e59;
}
.form-check-label span.required { position:relative;width:auto; height:auto; border:0px; }

/* On mouse-over, add a grey background color */
.form-check-label:hover input ~ span {
  background-color: #222e59;
}

/* When the checkbox is checked, add a blue background */
.form-check-label input:checked ~ span {
  background-color: #222e59;
}

/* Create the checkmark/indicator (hidden when not checked) */
span:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form-check-label input:checked ~ span:after {
  display: block;
}

/* Style the checkmark/indicator */
.form-check-label span:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}