body {
		font-family: "GT Alpina", Georgia, serif;
		hyphens:auto;
		background:#f7f7f7;
		color:#171719;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
		text-rendering: optimizeSpeed;
		font-size:16px;
		line-height:19px;
		letter-spacing:0.1px;
		margin:0;
		}
	section {
		background:#fff;
		}
	a {
		color:inherit;position:relative;
		text-decoration:none;
		border:1px solid transparent;border-radius:16px;
		padding:0.2em 0.5em 0.12em 0.5em;margin-left:-0.5em;
		transition: all 0.2s;}
	.txt h2 a {
		color:inherit;position:relative;
		text-decoration:none;
		border:1px solid #ddd;border-radius:32px;
		padding:0.0em 0.5em 0.2em 0.5em;
		margin-bottom:0.2em;
		line-height:1.4em;
		display:inline-block;
		margin-right:0.5em;
		margin-left:-0.5em;
		transition: all 0.2s;}

	.hidmeymail b {display:none}
	a:hover {text-decoration:none;
	background:#e1e1e1;
	border:1px solid transparent;
	}
	h1 a {transition: opacity 0.1s}
	h1 a:hover {text-decoration:none;
	background:transparent;
	opacity:0.66;
	border:1px solid transparent;
	}
	a.nobackground:hover {background:transparent;opacity:1;
	transition: all 0s;color:transparent;}
	a.nobackground:hover:before {content:'\219C \00A0 \00A0 zurück ';color:#111;}
	img, div {
		width:100%; max-width:100%;
		}
	div {
		box-sizing: border-box;
		-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);
	}
	section > div {
		padding:0em 1em;
		}
	h1, h2, h3, h4 {
		font-weight:400;
		font-family:"neue-haas-unica",  sans-serif;line-height:1.1em;margin:0;
		max-width:600px;hyphens:none;
		word-break:break-word;
		}
	h1 {
		font-size:5em;letter-spacing:-0.012em;
		line-height:0.89em;padding:0.1em 0;max-width:100%;
		margin:0 -6px}
	h2 {
		font-size:2em;
		}
	h2 > a {border-radius:2em}
	hr {
		height:1px;background:white;
		border:none;margin-bottom:-0.2em;
		}
	.alp {
		font-family: "GT Alpina", Georgia, serif;
		}
	
	.topblock {
		background:#f7f7f7;
		display:block;
		color:#171719;
		}
	.topblock hr {
		background:#171719;
		}


	.topblock .flexme {
		display:flex;margin-top:0em
		}
	.topblock .flexme p:nth-child(1),
	.topblock .flexme div:nth-child(1) {
		width:50vw;
		}
	.topblock .flexme div:nth-child(2) {
		width:50vw;
		}
		
	.topblock .flexme p:nth-child(2) {
		width:25vw;
		}
	.topblock .flexme p:nth-child(3) {
		width:25vw;
		}
	.topblock .flexme.onel p:nth-child(2) {
		width:50vw;
		}
	.topblock .flexme p {
		margin: 1em 0 0.2em 0 ;
		}
	
	.topblock .flexme p span {
		display:block;max-width:800px;
		padding-right:20px;
		}
	.topblock > div:first-child {position:relative;top:0.5em;left:0;
	}
	.topblock > div > h2:last-child {margin-bottom:0em;}

	.topblock {
		display:flex;
		}
	.topblock > div {
		width:54%;
		}
	#slider {
		position:relative;
		overflow:hidden;
		align-self: flex-end;
		padding:0;
		width:46vw;
		margin:0 0 auto auto;
		}

	#slider ul {
		position:relative;
		height:97vh;
		list-style:none;
		margin:0;
		padding:0;
		}

	#slider ul li {
		position:relative;
		display:block;
		float:left;
		width:50vw;
		height:99vh;
		background:#ccc;
		text-align:center;
		line-height:300px;
		margin:0;
		padding:0;
		}
	#slider ul {position:relative;}
	#slider ul li {top:0;left:0;position:absolute;z-index:3;}
	#slider ul li:first-child {z-index:9}
	#slider ul li:nth-child(2) {z-index:8}
	#slider ul li img {object-fit:cover;object-position:center;height:100%;width:100%}	
	#slider ul li p {
		margin:0;height:20px;padding:8px 0px 5px 0px;display:block;
		position:absolute;bottom:0;left:0;
		text-align:left;
		background:#f7f7f7;line-height:1em;
		border-bottom:1px solid;
		opacity:0;
		}




	.txt.lineme h2 {
		font-family:"GT Alpina", Georgia, serif;
		text-align:center;
		position:relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		transform: translateX(-50%);
		max-width:100%;}

	div.txt  {
		height:inherit;
		}
	.projectcontainer .txt,
	.projectcontainers .txt {opacity:0;transition-delay: opacity 0.6s; transition: opacity .5s} 
	.projectcontainer.itson.ats .txt,
	.projectcontainers.itson.ats .txt {opacity:1} 

	div.txt p {
		margin: auto 0 7px 0;
		width:80%;
		vertical-align:middle;
		max-width:290px;
		text-align:left;
		padding:0 2em
		overflow: hidden;
		display:block;
		position:absolute;bottom:0;
		transition:opacity 0.05s;
		}
	div.txt p:nth-child(2) {opacity:0;top:7px;
	font-family:"neue-haas-unica", sans-serif;font-size:0.9em;line-height:1.2em}
	div.txt:hover p:nth-child(1) {opacity:1}
	div.txt:hover p:nth-child(2) {opacity:0.5;}
	.lineme {
		max-width:calc(100% - 2em);
		margin: 0em 1em 2.1em 1em;
		display:inline-block;
		text-align:left;vertical-align:top;
		border :0px solid;
		border-width:1px 0px;
		transform:translateY(0.9em);
		padding:1em 0;
		}
	.txts.lineme {padding:0}
	.jQueryMosaic{width:100%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.jQueryMosaic>a,.jQueryMosaic>div,.jQueryMosaic>img,.jQueryMosaic>video{float:left}.jQueryMosaic>.item{position:relative}.jQueryMosaic>.item.withImage{background-size:cover}.jQueryMosaic>.item>.overlay{opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out}.jQueryMosaic>.item:hover>.overlay{opacity:1}.jQueryMosaic>.item>.overlay>.texts{position:absolute;left:0;right:0;bottom:0;padding:15pt;background:rgba(0,0,0,.2);color:#fff}.jQueryMosaic>.item>.overlay>.texts h1,.jQueryMosaic>.item>.overlay>.texts h2{margin:0;line-height:1.3em}.jQueryMosaic>.item>.overlay>.texts h1{font-size:17pt}.jQueryMosaic>.item>.overlay>.texts h2{font-size:13pt}
	.jQueryMosaic {margin-bottom: 0 !important}
	#textme {	
		position: fixed;
		border: 0;
		bottom: 6px;
		left: 0;
		text-align: center;
		opacity:0;
		transition: opacity .4s;
		-webkit-animation: opme 0.3s 0.2s forwards; /* for less modern browsers */
        animation: opme 0.3s 0.2s forwards;
		}
	#textme p {
		/*background: black;
		display: inline-block;
		padding: 6px 9px;
		border-radius: 33px;		
		*/
		}

	@keyframes opme {
	  from {opacity: 0;}
	  to {opacity: 1}
	}
		
	.projectcontainer {min-height:50px;position:relative}
	.red {height:auto;}
	img.lz {display:none;opacity:0;transition:opacity .92s}
	.loaded img {opacity:1}
	.projectcontainer > div {height:0.0px;opacity:1;transition:opacity .92s}
	.projectcontainer > div.loaded {opacity:1}
	div.vime {overflow:hidden;}


	.imgcnt {background:url(loader2.gif) 50% 50% no-repeat;
		background-size:16px;
		overflow:hidden;}
	.imgcnt img {display:block;opacity:0;
	transition:opacity 0.92s, transform .2s cubic-bezier(.2,0,.2,1) !important;
	transition-property: opacity, transform cubic-bezier(.2,0,.2,1) !important;
	transition-duration: 0.92s, 0.2s !important;
	transition-delay: 0.0s, 0s !important;
	-webkit-transition:opacity 0.92s, transform .2s cubic-bezier(.2,0,.2,1) !important;-moz-transition:opacity 0.92s, transform .2s cubic-bezier(.2,0,.2,1) !important;-ms-transition:opacity 0.92s, transform .2s cubic-bezier(.2,0,.2,1) !important;-o-transition:opacity 0.92s, transform .2s cubic-bezier(.2,0,.2,1) !important;transition:opacity 0.92s, transform .2s cubic-bezier(.2,0,.2,1) !important;
	-webkit-transition-property: opacity, transform cubic-bezier(.2,0,.2,1) !important;-moz-transition-property: opacity, transform cubic-bezier(.2,0,.2,1) !important;-ms-transition-property: opacity, transform cubic-bezier(.2,0,.2,1) !important;-o-transition-property: opacity, transform cubic-bezier(.2,0,.2,1) !important;transition-property: opacity, transform cubic-bezier(.2,0,.2,1) !important;
	-webkit-transition-duration: 0.92s, 0.2s !important;-moz-transition-duration: 0.92s, 0.2s !important;-ms-transition-duration: 0.92s, 0.2s !important;-o-transition-duration: 0.92s, 0.2s !important;transition-duration: 0.92s, 0.2s !important;
	-webkit-transition-delay: 0.0s, 0s !important;-moz-transition-delay: 0.0s, 0s !important;-ms-transition-delay: 0.0s, 0s !important;-o-transition-delay: 0.0s, 0s !important;transition-delay: 0.0s, 0s !important;
	}
	.imgcnt img.loaded {opacity:1;display:block;}

	.wyp > div {
	opacity:0;
		-webkit-transition-property: opacity;
		transition-property: opacity;
		-webkit-transition-duration: 0.92s;
		transition-duration: 0.92s;
		-webkit-transition-delay: 0.0s;
		transition-delay: 0.0s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
	}
	.wyp.inview > div {opacity:1}


	.ghostblock {
		background:#f7f7f7;display:block;width:100%;position:absolute;
		top:-100vh;left:0;height:100vh;z-index:9999;padding:0;
		}



@media (max-width:768px) {
	/*img {opacity:1;transition:none;}*/
	#textme {
		top:6px;
		}
	a {word-break:break-all}
	h2 a {display:block;}

	.topblock {flex-direction:column;}
	.topblock .flexme.onel.impr {display:block;}
	.topblock .flexme p:nth-child(1),
	.topblock .flexme div:nth-child(1) {
		width:100%;
		}
	.topblock .flexme div:nth-child(2) {
		width:100%;
		}
	.topblock .flexme.onel p:nth-child(2) {
		width:100%;
		}
		
	.topblock .flexme p:nth-child(2) {
		width:100%;
		}
	.topblock .flexme p:nth-child(3) {
		width:100%;
		}
	.topblock > div:first-child {position:relative;top:0.5em;left:0;}
	.topblock > div > h2:last-child {margin-bottom:3em}
	.topblock {
		display:block;
		}
	.topblock > div {
		width:100%;
		}
	#slider {
		position:relative;
		overflow:hidden;
		align-self: flex-end;
		padding:0;
		width:100vw;
		margin:0 0 auto auto;
		}
	#slider ul, #slider ul li {
		height:70vh;width:100vw;
		} 
	.emptyforphone {
		height:100px !important;
		}

	}