::selection { background: #ffb3d0; color: #fff; }
::-moz-selection { background: #ffb3d0; color: #fff; }
#devstatus {
    position:absolute;
    left:10Px;
    top:13Px;
    background-color:#FFF;
    color:#999;
    z-index:1000;
    padding:5Px 10Px !important;
    line-height:normal;
    font-size:10Px;
}
html {
    width: 100%;
    overflow-x:hidden;*/
    -webkit-text-size-adjust:none;
}
body {
    margin:0;
    padding:0;
    font-family: "adelle";
    font-weight:400;
    font-size:20Px;
    line-height:30Px;
    background-color:#f7f7f7;
    color:#999;
    width:100%;
    overflow-x:hidden;
}
a {
    color:inherit;
    padding-left:1Px;
    padding-right:1Px;
}
img {
    border-style:none;
}

#pause {
    position: fixed;
    bottom: 0px;
    width: 100%;
    min-height: 150px;
    background: #e6e6e6;
    color: #1a1a1a;
    text-align: center;
    opacity: 0.95;
    z-index: 100;
    margin-top: 60px;
}

.pausetext {
    position: relative;
    margin: auto;
    max-width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media screen and (max-width:640px) {
    .pausetext {
        width: 80%;
        line-height: 16px;
    }
}
#menu {
    position:absolute;
    top:1000Px;
    width:100%;
    background: #d50a59;
    /* HIER LÖSCHEN, UM VERLAUF ZU ENTFERNEN */
    background: -moz-linear-gradient(left, #d50a59 0%, #d5007f 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d50a59), color-stop(100%,#d5007f));
    background: -webkit-linear-gradient(left, #d50a59 0%,#d5007f 100%);
    background: -o-linear-gradient(left, #d50a59 0%,#d5007f 100%);
    background: -ms-linear-gradient(left, #d50a59 0%,#d5007f 100%);
    background: linear-gradient(to right, #d50a59 0%,#d5007f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50a59', endColorstr='#d5007f',GradientType=1 );
    /* BIS HIER LÖSCHEN */
    min-height:20Px;
    padding-top:15Px;
    padding-bottom:15Px;
    margin-bottom:-50Px;
    font-family:"adelle-sans";
    font-weight:600;
    letter-spacing:4Px;
    font-size:0.6em;
    /*position:fixed;*/
    text-align:center;
    color:#FFF;
    z-index:100;
    opacity:0.9;
}
#menu a {
    padding:0 20Px;
    text-decoration:none;
    transition: color 0.5s, background-color 0.5s;
    -webkit-transition: color 0.5s, background-color 0.5s;
}
#menu a:hover, .menuactive {
    color:#cc2a41;
    background-color:#FFF;
}
.menufixed {
    position:fixed!important;
    top:0!important;
}
.section {
    position:relative;
    margin-bottom:0Px;
    margin-left:auto;
    margin-right:auto;
    max-width:1080Px;
    width:100%;
}

/* Start */
#start {
    padding-top:0Px !important;
    margin-top:0px !important;
    margin-bottom:0Px;
    padding-bottom:0Px;
}
#start img {
    width:100%;
}
#logo {
    line-height:normal!important;
    font-size:35Px;
    margin-bottom:0Px;
    margin-top:0Px;
}
#logo img {
    padding:0;
    margin:0;
    border:none;
    width:229Px;
    height:68Px;
    
}
/* About */

.personline {
    width:100%;
    background-color:#FFF;
    border-bottom:1px solid #ccc;
}
.personline:first-child {
    margin-top:5Px;
}
.person {
    width:1080Px;
    margin:0 auto;
    height:400Px;
    clear:both;
}   
.person-text {
    width:670Px;
    max-width:670Px;
    padding:20Px;
    float:left;
    height:350Px;
    position:relative;
}
.persondescription {
    position:absolute;
    bottom:20Px;
    text-align:left;
    color:#999;
    margin-top:20Px;
    margin-bottom:0;
    font-size:0.7em;
    line-height:18Px;
    width:500Px;
    font-family:"adelle";
    font-style:italic;
    font-weight:300;
}
.person img {
    width:370Px;
    float:left;
}
.person h1 {
    width:50%;
    text-align:left;
    color:#999;
    margin:0;
    font-family:"adelle-sans";
    font-weight:600;
    letter-spacing:-1Px;
    font-size:2em;
    line-height:35Px;
}
.person-text h1:first-line {
    color:#333 !important;
}
.person h2 {
    text-align:left;
    font-family:"adelle-sans";
    font-weight:600;
    color:#999;
    font-size:0.75em;
    letter-spacing:1Px;
    margin-top:20Px;
}
.person span {
    vertical-align:text-bottom;
}
.personimgleft, .personimgright {
    display:none;
}
#facebook {
	background-color:#437bba;
	background-color:#f0f0f0;
	width:100%;
	text-align:center;
    max-width:none;
    padding:50Px 0;
    font-size:10Px;
    color:#999;
	line-height:0;
}
#facebook a {
	padding:0;
}
#facebook img {
    width:100%;
	margin:100Px 0;
	margin-top:150Px;
	max-width:1080Px;
}
#facebook p, #facebooklink {
	bottom:50Px;
	font-family: "museo-sans";
	margin-top:-250Px;
	line-height:normal;
	text-align:center;
	color:#FFF;
	font-size:22Px;
	height:100Px;
	margin-bottom:200Px;
}
#facebook p strong {
    font-weight:700;
}
#facebook p a {
    font-size:10Px;
    font-weight:700;
    line-height:5Px!important;
}
/*V3*/

/* References */
#portfolio {
    clear:left;
    padding-top:200Px;
    padding-bottom:200Px;
}
.setoption {
    cursor:pointer;
    font-size:12Px;
    padding:3Px 10Px;
    border-left:1px solid #ddd;
    font-family: "adelle-sans"!important;
    letter-spacing:2px;
    font-weight:600;
}
.setactive, .setoption:hover {
    background-color:#d50a59;
    color:#FFF;
}

#video {
    background-color:black;
    width:100%;
    height:100%;
    z-index:1;

}
#video_container {
    display: inline-block;
    position: relative;
    width: 100%;
}
#video_dummy {
    margin-top: 56.25%;
}
#video_content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.field {
    position:relative;
    float:left;
    background-color:#d50a59;
    color:transparent;
    font-family:"jaf-bernino-sans-comp";
    font-weight:800;
    font-weight:600;
    overflow:hidden;
    line-height:0Px;
    width:33.33333333%;
}
.fieldcontent {
    position:absolute;
    height:100%;
    bottom:0;
    width:100%;
    background-color:#d50a59;
    opacity:0;
    filter:alpha(opacity = 0);
    color:#FFF;
    -webkit-transition:opacity 0.2s;
    transition:opacity 0.2s;
}
.field img {
    border:none!important;
    margin:0!important;
    padding:0!important;
}
.active {
    cursor:pointer;
}
.nonactive {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity:0.75;

}
.active:hover .fieldcontent, .selected .fieldcontent {
    opacity:1!important;
}
.fieldcontent h1 {
    line-height:0.8em;
    font-size:2.5em;
    padding-left:10Px;
    margin-top:0Px;
}
.fieldcontent h2 {
    padding-top:90Px;
    padding-left:10Px;
    font-size:14Px;
}

/* Portfolio */
#wedo img {
    width:100%;
}
#wedo img {
    width:100%;
}
/* Contact */
#contact>img {
    width:100%;
}
.contactimage {
    width:75%;
}
.contactdoor {
    transition: width 1s, left 1s;
    -webkit-transition: width 1s, left 1s;
    width:100%;
    height:100%;
    left:0Px;
    position:absolute;
    
}
.contactdoorborder {
    width:214Px;
    height:435Px;
    border:10Px solid #FFF;
    float:right;
    margin-top:50Px;
    position:relative;
    margin-right:15Px!important;
}
.contactdoor:hover, .contactdooropen {
    left:224Px;
}
.car {
    width:100%;
    height:100%;
    overflow:hidden;
}
.car img {
    width:400Px;
    height:200Px;
    margin-top:244Px;
    margin-left:500Px;
}
#map {
    width:100%;
    max-width:none;
    height:500Px;
    padding-top:0;
    padding-bottom:0;
    border-top:10Px solid #149a5c;
    line-height:1.5;
    font-size:10Px;
    color:#999;
}
#contactsection a {
    color:#FFF;
}
#contactsection ::selection { background: #97dea3; color: #fff; }
#contactsection ::-moz-selection { background: #97dea3; color: #fff; }

#scrollplace {
    height:1Px;
    width:100%;
    background-color:#149a5c;
}
#target {
    width:30Px;
    height:18Px;
    background-image:url(target.png);
    position:fixed;
    bottom:10Px;
    left:50%;
    margin-left:-15Px;
    z-index:1000;
}

.text h1 {
    text-align:center;
}
.text h1 span {
    padding-left:30Px;
    padding-right:30Px;
    padding-top:10Px;
    padding-bottom:10Px;
    line-height:normal;
    font-family:"museo-sans";
    font-weight:100;
    letter-spacing:1Px;
    opacity:0.8;
    filter:alpha(opacity=80);
    background-color:#FFF;
    color:#9d8a78;
}
.headline span strong {
    font-weight:700;
}
.content {
    width:80%;
    margin-left:auto;
    margin-right:auto;
    font-style:italic;
    text-align:center;
    color:#FFF;
}
.textcontact {
    position:relative!important;
    margin-top:50px;
}

.text {
    position:absolute;
    max-width:1080Px;
    bottom:50Px;
    line-height:1.5em;
}
 #start .text .content, #wedo .text .content {
    text-shadow: 0px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}
#wedo {
    padding-bottom:0;
    padding-top:0;
}
#contact {
    width:100%;
    background-color:#149a5c;
    overflow:hidden;
}
.feuermelderlink {
    text-decoration:none;
}

.feuermelderlink:hover {
    background-color:inherit !important;
}
.crashed {
    background-image:url(splash.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .crashed {
    background-image: url('splash@2x.png');
    background-size: 149px 148px;
  }
}
#starttext {
    height:300Px;
    margin-top:-350Px;
}
#wedo, #start {
    line-height:0px;
}
.newsletter {
    margin-top:50Px;
    width:100%;
    height:75Px;
    padding-top:25Px;
    font-size:75Px;
    font-family:"adelle-sans";
    font-weight:700;
    border:none;
    border-bottom:5px solid #FFF;
    color:#FFF;
    background-color:transparent;
    letter-spacing:-5Px;
    vertical-align:bottom;
}
#footer {
    text-align:center;
    font-size:10Px;
    color:#FFF;
    line-height:2;
    padding-bottom: 170px;
}
#createlink {
    cursor:pointer;
    font-size:10Px;
    padding:3Px 10Px;
    font-family: "adelle-sans"!important;
    font-weight:600;
    position:absolute;
    color:#f0f0f0;
    right:0;
}
#mitlieberevolutioniert {
	width:179Px;
	height:14Px;
}
@media screen and (min-width: 1080px){
    #startleft {
        height:1000Px;
        width:740Px;
        background-image:url(startleft.jpg);
        margin-left:-740Px;
        margin-top:-1000Px;
    }
    #startright {
        height:1000Px;
        width:740Px;
        background-image:url(startright.jpg);
        margin-left:1080Px;
        margin-top:-1000Px;
    }
    
    #wedoleft {
        height:1300Px;
        width:740Px;
        background-image:url(portfolioleft.jpg);
        margin-left:-740Px;
        margin-top:-1300Px;
    }
    #wedoright {
        height:1300Px;
        width:740Px;
        background-image:url(portfolioright.jpg);
        margin-left:1080Px;
        margin-top:-1300Px;
    }
    .personimgleft {
        display:block !important;
        margin-left:-570Px;
        width:200Px !important;
    }
    .personimgright {
        display:block !important;
        width:200Px !important;
        margin-top:-400Px;
        margin-left:100%;
    }
    #about {
        padding-top:50Px;
    }
}
@media screen and (max-width: 870px){
    .persondescription {
        width:50%!important;
    }
}

@media screen and (max-width: 1080px){
    .section {
        overflow:hidden!important;
    }
    .personline {
        position:relative;
    }
    .right img {
        position:absolute;
        right:0;
    }
    #menu {
        display:none;
    }
    .contactdoorborder {
        border:none!important;
        width:20%!important;
        margin-top:5%!important;
        height:auto!important;
    }
    .contactdoor {
        width:100%!important;
        height:auto!important;
    }
    .car {
        display:none;
    }
	
	#facebook {
		padding:0;
	}
	#facebook img {
		margin:0;
	}

	#facebook p, #facebooklink {
		margin-bottom:0;
	}
}
@media screen and (max-width: 600px){
    body {
        font-size:12Px;
    }
    .content {
        line-height:1.2em;
    }
    #map {
        height:200Px!important;
    }
    #start, #wedo {
        background-color:#f0f0f0;
    }
    #start img {
        width:100%;
    }
    #start .text {
        position:relative!important;
    }
    .content {
        text-shadow:none!important;
        color:#333!important;
    }
    #wedo img {
        width:100%;
    }
    #wedo .text {
        position:relative;
        margin-top:-70Px!important;
    }
    .textcontact .content {
        color:#FFF!important;
    }
}