@font-face {
  font-family: 'typicons';
  src: url("typicons/typicons.eot");
  src: url("typicons/typicons.eot?#iefix") format('embedded-opentype'),
       url("typicons/typicons.woff") format('woff'),
       url("typicons/typicons.ttf") format('truetype'),
       url("typicons/typicons.svg#typicons") format('svg');
  font-weight: normal;
  font-style: normal;
}
a > img{
    border: 0;
}

html, body {
  background-color: #FFF;
  margin: 0px;
  padding: 0px;
  height: 100%;
  height: 100vh;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.body-no-scroll{
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: green;
}

a {
  cursor: pointer !important;
}

h1 {
  z-index: 000;
  position: fixed;
  top: -3000px;
  left: -3000px;
  opacity: 0; 
  -ms-filter: "alpha(opacity = 0)"; 
}

.main-box {
  margin: 0 0 0 9.0909%;
  margin: 0 0 0 9.0909vw;
  width: 81.8181818%;
  width: 81.8181818vw;
  min-height: 63%;
  min-height: 63vh;
}

.error-box {
    background: url('../404/404_oops.jpg');
    background-size: cover;
    background-position: center;
    height: 100%;
    height: 100vh;
    margin: 0;
  width: 100%;
  width: 100vw;
}

.box {
  width: 33.33333%;
  width: 27.272727vw;
  height: 27.272727vw;
  float: left;
}

.box .img-s {
  display: block;
  width: 100%;
  width: 9.090909vw;
}

.box .img-m {
  display: block;
  width: 100%;
  width: 18.181818vw;
}

.box .img-l {
  display: block;
  width: 100%;
  width: 27.272727vw;
}

/* .picture_s .img-s, .picture_m .img-m, .picture_l .img-l {
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transition: transform 0.2s ease-in; 
  -webkit-transition: 0.2s ease-in; 
  -moz-transition: transform 0.2s  ease-in; 
  -o-transition: transform 0.2s ease-in; 
  -ms-transition: transform 0.2s  ease-in; 
}

.picture_s .img-s:hover, .picture_m .img-m:hover, .picture_l .img-l:hover{

  transform: scale(1.5,1.5);
  -webkit-transform: scale(1.5,1.5);
  -moz-transform: scale(1.5,1.5);
  -ms-transform: scale(1.5,1.5);
  transition: transform 0.4s 0.4s; 
  -webkit-transition: 0.4s 0.4s; 
  -moz-transition: transform 0.4s 0.4s; 
  -o-transition: transform 0.4s 0.4s; 
  -ms-transition: transform 0.4s 0.4s; 
  position: relative;
  z-index: 9999;
} */

.box div {
  float: left;
}

.box-l {

}

.box-m {

}

.box-r {

}

.box-onecol {
  clear: both;
}

.empty-box {
  padding-bottom: 34.33333%;
  padding-bottom: 0vw;
}

.last-box {
  margin-top: -1%;
  margin-top: 0vw;
  padding-bottom: 11.11111%;
  padding-bottom: 9.090909vw;
}

.menu-title {
  font-size: 0.9em;
  font-size: 1.3vw;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #FFF;
  position: absolute;
  bottom: 5%;
  left: 7%;
  font-weight: 500;
}

.menu-title-small {
  font-size: 0.75em;
  font-size: 1.1vw;
}

.menu-button {
  position: relative;
}

.menu-button-01 {
  background-color: #e05a4c;
}

.menu-button-02 {
  background-color: #8868c7;
}

.menu-button-03 {
  background-color: #e1ca2c;
}

.menu-button-04 {
  background-color: #56b042;
}

.menu-button-05 {
  background-color: #555555;
}

.menu-button-f {
  background-color: #000;
}

.menu-button-f .menu-title {
  bottom: 0;
  top: 7%;
}

.menu-button-profil {
  background-color: #e85400;
}

.cox_logo{
  width: 100%;
  height: 9.090909vw;
  margin: 0 33.33333% 0 -33.33333%;
  margin: 0 9.090909vw 0 -9.090909vw;
}

.picture_s {
  width: 33.33333%;
  height: 33.33333%;
  width: 9.090909vw;
  height: 9.090909vw;
}

.picture_m {
  width: 66.66666%;
  height: 66.66666%;
  width: 18.181818vw;
  height: 18.181818vw;
}

.picture_l {
  width: 100%;
  height: 100%;
  width: 27.272727vw;
  height: 27.272727vw;
}

.Mtop {
  margin-top: 33.33333%;
  margin-top: 9.090909vw;
}

.MtopNeg {
  margin-top: -33.33333%;
  margin-top: -9.090909vw;
}

.Mright {
  margin-right: 33.33333%;
  margin-right: 9.090909vw;
}

.Mright2 {
  margin-right: 66.666%;
  margin-right: 18.181818vw;
}

.Mbottom {
  margin-bottom: 33.33333%;
  margin-bottom: 9.090909vw;
}

.Mleft {
  margin-left: 33.33333%;
  margin-left: 9.090909vw;
}

.Mleft2 {
  margin-left: 66.666%;
  margin-left: 18.181818vw;
}

.contact-box {
  margin:  2em 0 0 0;
  margin: 9vw 0 0 0;
}

.contact-box a {
  text-decoration: none;
  color: #000000;
}

.contact-box h2 {
  font-size: 0.8em;
  font-size: 1.3vw !important;
  font-weight: 500;
  line-height: 1.6vw !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin:  0.8em 0 0 0;
}

.contact-box p {
  font-size: 0.8em;
  font-size: 1.3vw !important;
  line-height: 1.6vw !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin:  0.8em 0 0 0;
    font-weight: 500;
}

.contact-icons span{
  font-size: 1.3em !important;
  font-size: 2.9vw !important;
  text-decoration: none;
  color: #000000;
  line-height: 1em;
}

.textbox {
  width: 66.666666%;
  width: 54.545454vw;
  float: left;
  margin-top: -33%;
  margin-top: -27.77vw;
}

.imprint {
  margin-top: 0% !important;
  margin-top: 0vw !important;
}

.imprint .text {
  margin: 16.181818% 0 18.181818% 0%;
}

.imprint .text p {
  font-size: 0.9em;
  line-height: 1.4em;
}

.textboxrow2{
  margin-top: 0 !important;
}

.text {
  margin: 16.181818% 0 18.181818% 18.181818%;
}

.text h2 {
  font-size: 1.6em;
  font-size: 2.1vw;
  margin: 1.3em 0 -0.5em 0;
  margin: 2.5vw 0 -1vw 0;
}

.text h1, .likeh1 {
  font-size: 2.2em;
  font-size: 3vw;
  z-index: 999;
  position: relative;
  top: 0;
  left: 0;
  opacity: 1; 
  -ms-filter: "alpha(opacity = 1)"; 
}

.likeh1 {
  margin: 1.7em 0 0 0;
  margin: 8vw 0 0 0;
}

.text p, .text ul {
  font-weight: 400;
  font-size: 1.2em;
  font-size: 1.7vw;
  line-height: 1.4em;
  line-height: 2.3vw;
  list-style-type: none;
  padding-left: 0;
}

.text a {
  text-decoration: none;
  color: #000000;
}

.ulfreelancer {
  margin-bottom: -0.3em;
  margin-bottom: -0.9vw;
}

.teamfunction {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  letter-spacing: 0.15vw;
  font-weight: 400;
  font-size: 1em;
  font-size: 1vw;
  line-height: 1.9em;
  line-height: 1.9vw;
}

.teamfunction:nth-child(3) {
  margin-top: -0.5vw;
  margin-top: -0.5em;
}

.footer {
  clear: both;
  background-color: #000;
  width: 72.7272727%;
  width: 72.727272vw;
  margin: 27.2727273% 0 0 27.2727273%;
  margin: 27.2727273vw 0 0 27.2727273vw;
  padding: 9.0909091% 0 0 0 ;
  padding: 0vw 0 0 0 ;
  height: 9.090909vw;
}

.footer div {
  float: left;
}

.quote {
  margin: 5% 5% 5% 10%;
}


.quote-style {
  font-size: 130%;
  font-style: italic;
  line-height: 130%;
  font-weight: 600;
}

.cc_container {
    margin: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 0 50px !important;
    font-size: 12px !important;
    font-family: Roboto, Sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #000 !important;
}

.cc_container .cc_message {
    line-height: 1.3em !important;
    margin-bottom: -3px !important;
}

.cc_container .cc_more_info {
    text-decoration: underline !important;
    color: #000 !important;
}

.cc_container .cc_btn {
    margin-bottom: 0px !important;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #fff !important;
    background-color: #999 !important;
    letter-spacing: 1px !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

@media only screen and (min-width: 500px) { 

.cc_container .cc_message {
    margin-bottom: -35px !important;
}

.cc_container .cc_btn {
    margin-bottom: -23px !important;
}

}




@media only screen and (max-width: 1025px) { 

.contact-box h2, .contact-box p {
  font-size: 0.7em;
  letter-spacing: 0.04em;
  font-size: 1.5vw !important;
  line-height: 1.8vw !important;
  line-height: 1.2em;
}

.contact-icons span {
  font-size: 3.6em !important;
  font-size: 5.9vw !important;
  line-height: 2.5em;
}

.contact-box {
  margin: 33% 0 0 11%;
  margin: 11vw 0 0 4vw;
}

.main-box {
  margin: 0 0 0 0%;
  margin: 0 0 0 0vw;
  width: 100%;
  width: 100vw;
}

.box {
  height: 33.333333vw;
  width: 33.333333%;
  width: 33.333333vw;
}

/*.last-box {
  margin-top: -1%;
}*/

.menu-title {
  font-size: 0.8em;
  font-size: 1.5vw;
}


.menu-title-small {
  font-size: 0.62em;
  font-size: 1.4vw;
}

.picture_s {
  width: 11.111111vw;
  height: 11.111111vw;
}

.picture_m {
  width: 22.222222vw;
  height: 22.222222vw;
}

.picture_l {
  width: 33.333333vw;
  height: 33.333333vw;
}

.box .img-s {
  width: 11.111111vw;
}

.box .img-m {
  width: 22.222222vw;
}

.box .img-l {
  width: 33.333333vw;
}

.last-box {
  padding-bottom: 11.11111%;
  padding-bottom: 11.11111vw;
}

.cox_logo{
  height: 11.111111vw;
  margin: 0 0vw 0 0vw;
  margin: 0 0 0 0;
}

.Mtop {
  margin-top: 11.111111vw;
}

.MtopNeg {
  margin-top: -11.111111vw;
}

.Mright {
  margin-right: 11.111111w;
}

.Mright2 {
  margin-right: 22.222222vw;
}

.Mbottom {
  margin-bottom: 11.111111vw;
}

.Mleft {
  margin-left: 11.111111vw;
}

.Mleft2 {
  margin-left: 22.222222vw;
}


.footer {
  width: 66.666666%;
  width: 66.666666vw;
  margin: 33.333333% 0 0 33.333333%;
  margin: 33.333333vw 0 0 33.333333vw;
  padding: 11.111111% 0 0 0 ;
  padding: 0vw 0 0 0 ;
  height: 11.111111vw;

}

.imprint .text {
  margin: 36.181818% 0 18.181818% 0%;
}

.textbox {
  margin-top: -31.5vw;
}

.text h1, .likeh1 {
  font-size: 2em;
  font-size: 4vw;
}

.text h2 {
  font-size: 1.6em;
  font-size: 2.9vw;
  margin: 1.3em 0 -0.5em 0;
  margin: 3vw 0 -1.5vw 0;
}

.text p, .text ul {
  font-size: 1.3em;
  font-size: 2.7vw;
  line-height: 1.44em;
  line-height: 3.5vw;
}

.teamfunction {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  letter-spacing: 0.2vw;
  font-weight: 400;
  font-size: 0.6em;
  font-size: 1.4vw;
  line-height: 1.9em;
  line-height: 2.5vw;
}

}


@media only screen and (max-width: 650px) { 

.contact-box h2, .contact-box p {
  font-size: 0.5em;
  letter-spacing: 0.03em;
  line-height: 1.15em;
}

.menu-title {
  font-size: 0.65em;
  font-size: 1.5vw;
} 


.menu-title-small {
  font-size: 0.54em;
  font-size: 1.45vw;
} 

}



@media only screen and (max-width: 550px) { 

.contact-box h2, .contact-box p {
  font-size: 0.7em;
  letter-spacing: 0.04em;
  font-size: 2.5vw !important;
  line-height: 2.8vw !important;
  line-height: 1.2em;
}

.contact-box {
  margin: 16vw 0 0 5vw;
}

.contact-icons span {
  font-size: 4em !important;
  font-size: 9.9vw !important;
  line-height: 1.5em;
}

.box {
  height: 50vw;
  height: 50%;
  width: 50vw;
  width: 50%;
}

.empty-box {
  padding-bottom: 0%;
}

.last-box {
  margin-top: 0%;
}


.menu-title {
  font-size: 0.55em;
  font-size: 2.3vw;
  letter-spacing: 0.06em;
} 


.menu-title-small {
  font-size: 0.5em;
  font-size: 2.3vw;
  letter-spacing: 0.06em;
} 

.picture_s {
  height: 16.666666vw;
  width: 16.666666vw;
}

.picture_m {
  height: 33.333333vw;
  width: 33.333333vw;
}

.picture_l {
  height: 50vw;
}

.box .img-s {
  width: 16.666666vw;
}

.box .img-m {
  width: 33.333333vw;
}

.box .img-l {
  width: 50vw;
}

.last-box {
  padding-bottom: 16.66666%;
  padding-bottom: 16.66666vw;
}

.cox_logo{
  height: 16.666666vw;
  margin: 0 0vw 0 0vw;
  margin: 0 0 0 0;
}

.Mtop {
  margin-top: 16.666666vw;
}

.MtopNeg {
  margin-top: -16.666666vw;
}

.Mright {
  margin-right: 16.666666w;
}

.Mright2 {
  margin-right: 33.333333vw;
}

.Mbottom {
  margin-bottom: 16.666666vw;
}

.Mleft {
  margin-left: 16.666666vw;
}

.Mleft2 {
  margin-left: 33.333333vw;
}

.footer {
  width: 50%;
  width: 50vw;
  margin: 50% 0 0 50%;
  margin: 50vw 0 0 50vw;
  padding: 16.666666% 0 0 0 ;
  padding: 0vw 0 0 0 ;
  height: 16.666666vw;
}

.box-onecol {
  clear: none;
}

.imprint .text {
  margin: 20% 0 18% 16%;
}

.textbox {
  width: 83%;
  width: 83vw;
  margin-top: 0;
}

.text h2 {
  font-size: 5vw;
  font-size: 1.6em;
}


.text h1, .likeh1  {
  font-size: 7vw;
  font-size: 1.6em;
}

.text p {
  font-size: 1.2em;
  font-size: 4.9vw;
  line-height: 1.3em;
  line-height: 6.4vw; 
}

.text ul {
  font-size: 0.85em;
  font-size: 4.3vw;
  line-height: 1.3em;
  line-height: 5.4vw;
}

.teamfunction {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  letter-spacing: 0.3vw;
  font-weight: 400;
  font-size: 0.6em;
  font-size: 2.4vw;
  line-height: 1.9em;
  line-height: 4vw;
}

}