body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
    margin: 0; padding: 0; border: 0;
}

body {
	background-image: url();
    background-repeat: none;
    background-color: ;
    font-family: "HelveticaNeue-CondensedBol","helvetica","arial","sans serif";
    font-weight: ;
  	font-style:   normal;
  	font-stretch: normal;
    font-size: 18px;
    /*font-size: 20px;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 2px; 
    /*letter-spacing: 0.05em;*/
    color: black;
    text-align: left;
    line-height: 30px;
    padding: ;
    margin:;
    height: 100%;
}


ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}


a {
    padding: ;
    border-bottom: px solid; 
    color: #000;
    background-color:;
    border: px solid black;
    padding-bottom: px;  
    text-decoration: none;
}

a:hover {
    border-bottom: px solid;
    font-family: "HelveticaNeue-CondensedBold","helvetica","arial","sans serif";
    font-weight: ;
    font-style: italic;
    border-color: ;
    color: #000;
    text-decoration: none;
}

/* ----------------------Splash Screen & Loader----------------------*/

#splash {
    


    background-color: ;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:800;
    text-align: center;

}

#logostartpage {
    position: fixed;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}

.loader {
    background-color: white ;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:900;
    text-align: center;
}


#splashbackground {
  z-index: -10;
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#splashbackground img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}


/* ----------------------Header----------------------*/


header {
	position: fixed;
	border: px solid red;
	margin-left: ;
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
	width: 100%;
    z-index: 2000;
}


/* ----------------------Navigation----------------------*/
.menuwrappertop {
	z-index: 1000;
	margin-left: 5%;
}

nav {
	border: px solid blue;
	position: fixed;
	margin-top: 195px;
	margin-left: 20px;
	height: ;
    z-index: 1000;
}

ul.menu2 {
	margin-left: 20px;
}


.menu1 :not(.menu1b) a.current {
  font-family: "HelveticaNeue-CondensedBold","helvetica","arial","sans serif";
  font-weight: ;
  font-style: italic;
  background:;
  color:;
}



/* ----------------------Mobile Navigation----------------------*/

#nav-trigger {
  background-color: #fff;
  display: none;
  text-align: right;
  padding-top: 14px; 
  padding-right: 12px;
  position: fixed;
  z-index: 3000;
  width: 100%;
  top:0;
  right:0;
  height: 38px;
}


#nav-trigger span {
    background-color: #;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    text-transform: uppercase; 
}
    
    
#nav-trigger span:hover {
    background-color: ; 
}


#nav-mobile {
    position: relative;
    display: none; 
    z-index: 3010;
    position: fixed;
    width: 100%;
    top:52px;
    left:0;
}

#nav-mobile ul.menu1 {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #fff; 
}

#nav-mobile ul.menu2 {
    margin: 0;

}

#nav-mobile li {
    display: block;
    padding: 10px;
    margin: ;
    border-top: solid 1px #000; 
}

#nav-mobile li:last-child {
    border-bottom: solid 1px #000; 
}

#nav-mobile li.last:last-child {
    border-bottom: solid 0px #000; 
}

#nav-mobile a {
    display: block;
    color: #000;
    padding: 0px; 
}

#nav-mobile a:hover {
    background-color: ;
    color: ; 
}



/* ----------------------Content----------------------*/

#container {
    background-color: ;
    max-width: 1020px; 
    margin: 0 auto;
    border: px solid red;
}

#content {
    background-color: ;
    border: px solid green;
    padding: 0 auto; 
    overflow: hidden;
    margin: ;
    margin-top: px;
}

#content .portfolio-item {
    background-color: ;
    width: 300px; 
    padding: px; 
    border: px solid blue;
    text-align: center;
    float: left; 
}

img.portfolio-item {
    width: 80%;
}

.portfolio-item {
    margin: 0px 20px 60px 20px;
}


.imagewrapper {
    margin-top: 200px;
}


.maintextleft {
    margin: -5px 100px 60px 160px;
    max-width: 1020px;
}

.maintextcenter {
    margin: -5px 100px 60px 100px;
    max-width: 1020px;
    text-align: center;
}



section {
    background-color: ;
    width: ;
}

.outer {
    background-color: ;
    border: px solid red;
    z-index: -100;
    text-align: center;
    margin-top: 165px;
}


.project {
	border: px solid black;
	z-index: -100;
	text-align: center;
}

.project img {
	margin-bottom: 80px;
}

.one {
	text-align: ;
}

.three {
	text-align: ;
}

.abouttext {
    text-align: left;
    margin-top: 160px;
    padding-left: 33.3%;
    width: 75%;
    

}


/* ----------------------Footer Navigation----------------------*/

.menuwrapperbottom {
	z-index: 1000;
	margin-left: 5%;
}

footer {
	border: px solid green;
	position: fixed;
	bottom: 100px;
	margin-left: 20px;
	height:;
    z-index: 1000;
}



/* ----------------------Media Queries----------------------*/

/* -------1 Bild---------*/


@media (min-width: 320px) and (max-width: 480px) {
    #container {
        background-color: ;
        max-width: 320px; 
        margin: 0 auto;
        border: px solid red;
    }

    #content .portfolio-item {
        background-color: ;
        width: 280px; 
        padding: px; 
        border: px solid blue;
        text-align: center;
        float: ; 
    }

    .maintextleft {
        margin: -5px 0px 60px 0px;
        max-width: 1020px;
        padding-left: 10px; /* Abstand Text links und rechts iPhone 4, 5 und 6 */
        padding-right: 10px;
    }

    .maintextcenter {
        margin: -5px 0px 60px 0px;
        max-width: 1020px;
        text-align: center;
    }

    #splashbackground {
    z-index: -10;
    position: fixed; 
    top: -100%; 
    left: -100%; 
    width: 100%; 
    height: 100%;
    }

    #splashbackground img {
      position: absolute; 
      top: 0; 
      left: 0; 
      right: 0; 
      bottom: 0; 
      margin: auto; 
      min-width: 10%;
      min-height: 10%;
    }
    

    /* Mobile Navigation*/

    #nav-trigger {
        display: block; 
    }

    nav {
        display: none; 
    }

    #nav-mobile {
        display: block; 
    }
    
    .menuwrapperbottom {
        z-index: 1000;
        margin-left: 0;
    }
    
    footer {
        display: block;
        width: 300px;
        text-align: center;
        position: relative;
        margin: 0 auto;
        margin-top: 100px;
        border: px solid green;
    }
}


@media (min-width: 481px) and (max-width: 850px) {
    #container {
        background-color: ;
        max-width: 481px; 
        margin: 0 auto;
        border: px solid red;
    }

    #content .portfolio-item {
        background-color: ;
        width: 441px; 
        padding: px; 
        border: px solid blue;
        text-align: center;
        float: ; 
    }

    .maintextleft {
        margin: -5px 0px 60px 0px;
        max-width: 1020px;
    }

    

    /* Mobile Navigation*/


    #nav-trigger {
        display: block; 
    }

    nav {
    display: none; 
    }

    #nav-mobile {
        display: block; 
    }

    .menuwrapperbottom {
        z-index: 1000;
        margin-left: 0;
    }
    
    footer {
        display: block;
        width: 300px;
        text-align: center;
        position: relative;
        margin: 0 auto;
        margin-top: 100px;
        border: px solid green;
    }

}



/* -------2 Bilder---------*/

@media (min-width: 851px) and (max-width: 979px) {
    #container {
        background-color: ;
        max-width: 580px; 
        margin: 0 auto;
        border: px solid red;
    }

    #content .portfolio-item {
        background-color: ;
        width: 250px; 
        padding: px; 
        border: px solid blue;
        text-align: center;
        float: left; 
    }

    .maintextleft {
        margin: -5px 0px 60px 70px;
        max-width: 1020px;
    }
}


@media (min-width: 980px) and (max-width: 1199px) {
    #container {
        background-color: ;
        max-width: 680px; 
        margin: 0 auto;
        border: px solid red;
    }

    #content .portfolio-item {
        background-color: ;
        width: 300px; 
        padding: px; 
        border: px solid blue;
        text-align: center;
        float: left; 
    }

    .maintextleft {
        margin: -5px 0px 60px 30px;
        max-width: 1020px;
    }

}


/* -------3 Bilder---------*/

@media (min-width: 1200px) and (max-width: 1400px) {

    #container {
    background-color: ;
    max-width: 870px; 
    margin: 0 auto;
    border: px solid red;
    }


    #content .portfolio-item {
        background-color: ;
        width: 250px; 
        padding: px; 
        border: px solid blue;
        text-align: center;
        float: left; 
    }

    .portfolio-item {
        margin: 0px 20px 60px 20px;
    }


    .maintextleft {
        margin: -5px 100px 60px 160px;
        max-width: 1020px;
    }

}