@charset "UTF-8";
/* media CSS */


/*Medie Queries
############################################################################*/
@media only screen and (min-width: 1340px) {
	.inner {
		margin: 0 auto;
		width: 128em;
	}
}

@media only screen and (max-width: 1400px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		font-size: 7.8em;
	}
	#projekte h1,
	#kontakt h1,
	#zertifikate h1,
	.declaration h1,
	#kontakt p.phone,
	#kontakt p.mail,
	#kontakt p.fax,
	#kontakt p.adress,
	p.trigger {
		/*font-size: 3em;*/
		font-size: 2.8em !important;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		font-size: 18em;
	}
	#leistungen h2,
	.declaration h2,
	#kontakt p.roboto-slab,
	#zertifikate p.roboto-slab,
	.zeitstrahl .toggle-container p.roboto-slab {
		/*font-size: 2.4em;*/
		font-size: 2.2em !important;
	}
	#ueber-uns h2,
	#leistungen h3 {
		/*font-size: 4.8em;*/
		font-size: 4.6em;
	}
	p, .declaration #main ul, .declaration #main ol,
	#sub-nav > ul > li > a,
	.projekt-inner h2 {
		/*font-size: 2.1em;*/
		font-size: 1.9em;
	}
	#nav > ul > li > a {
		/*font-size: 1.5em;*/
		font-size: 1.5em;
	}
	#zertifikate p.zertifikat {
		/*font-size: 1.8em;*/
		font-size: 1.8em !important;
	}
	
	/* HEADER | NAV */
	#header .header-top {
		/*padding: 0 6.5em 1em 8em;*/
		padding: 0 5.5em 1em 7em;
	}
	#nav > ul > li {
		/*margin-right: 7.5em;*/
		margin-right: 5.5em;
	}
	
	/* ICONS */
	#kontakt p.phone a,
	#kontakt p.mail a {
		/*padding-top: 3.8em;
		background-size: 74px;*/
		padding-top: 3.6em;
		background-size: 68px;
	}
	#zertifikate p.zertifikat a {
		/*background-size: 100px;
		padding-top: 8.2em;*/
		background-size: 95px !important;
		padding-top: 8.0em !important;
	}
	
	/* FOOTER */
	#sub-nav {
		/*margin-top: 10.8em;*/
		margin-top: 10.0em;
	}
}


@media only screen and (max-width: 1300px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		/*font-size: 7.8em;*/
		font-size: 7.6em;
	}
	#projekte h1,
	#kontakt h1,
	#zertifikate h1,
	.declaration h1,
	#kontakt p.phone,
	#kontakt p.mail,
	#kontakt p.fax,
	#kontakt p.adress,
	p.trigger {
		/*font-size: 3em;*/
		/*font-size: 2.8em;*/
		font-size: 2.6em !important;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		/*font-size: 18em;*/
		font-size: 17em;
	}
	#leistungen h2,
	.declaration h2,
	#kontakt p.roboto-slab,
	#zertifikate p.roboto-slab,
	.zeitstrahl .toggle-container p.roboto-slab {
		/*font-size: 2.4em;*/
		/*font-size: 2.2em;*/
		font-size: 2.0em !important;
	}
	#ueber-uns h2,
	#leistungen h3 {
		/*font-size: 4.8em;*/
		/*font-size: 4.6em;*/
		font-size: 4.4em;
	}
	p, .declaration #main ul, .declaration #main ol,
	#sub-nav > ul > li > a,
	.projekt-inner h2 {
		/*font-size: 2.1em;*/
		/*font-size: 1.9em;*/
		font-size: 1.8em;
	}
	#nav > ul > li > a {
		/*font-size: 1.5em;*/
		/*font-size: 1.5em;*/
		font-size: 1.5em;
	}
	#zertifikate p.zertifikat {
		/*font-size: 1.8em;*/
		/*font-size: 1.8em;*/
		font-size: 1.7em !important;
	}
	
	/* PROPORTIONS */
	.declaration #main {
		/*padding: 24em 0 12em 0;*/
		padding: 22em 0 10em 0;
	}
	#footer {
		/*padding: 27.5em 0 3em 0;*/
		padding: 25.5em 0 3em 0;
	}
	
	/* HEADER | NAV */
	#header .header-top {
		/*padding: 0 6.5em 1em 8em;*/
		/*padding: 0 5.5em 1em 7em;*/
		padding: 0 4.5em 1em 6em;
	}
	#nav > ul > li {
		/*margin-right: 7.5em;*/
		/*margin-right: 5.5em;*/
		margin-right: 4.5em;
	}
	
	/* ICONS */
	#kontakt p.phone a,
	#kontakt p.mail a {
		/*padding-top: 3.8em;
		background-size: 74px;*/
		/*padding-top: 3.6em;
		background-size: 68px;*/
		padding-top: 3.4em;
		background-size: 58px;
	}
	#zertifikate p.zertifikat a {
		/*background-size: 100px;
		padding-top: 8.2em;*/
		/*background-size: 95px !important;
		padding-top: 8.0em !important;*/
		background-size: 90px !important;
		padding-top: 7.8em !important;
	}
	
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		width: 35%;
	}
	
	/* FOOTER */
	#sub-nav {
		/*margin-top: 10.8em;*/
		/*margin-top: 10.0em;*/
		margin-top: 9.4em;
	}
}


@media only screen and (max-width: 1200px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		/*font-size: 7.8em;*/
		/*font-size: 7.6em;*/
		font-size: 7.4em;
	}
	#projekte h1,
	#kontakt h1,
	#zertifikate h1,
	.declaration h1,
	#kontakt p.phone,
	#kontakt p.mail,
	#kontakt p.fax,
	#kontakt p.adress,
	p.trigger {
		/*font-size: 3em;*/
		/*font-size: 2.8em;*/
		/*font-size: 2.6em;*/
		font-size: 2.4em !important;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		/*font-size: 18em;*/
		/*font-size: 17em;*/
		font-size: 16em;
	}
	#leistungen h2,
	.declaration h2,
	#kontakt p.roboto-slab,
	#zertifikate p.roboto-slab,
	.zeitstrahl .toggle-container p.roboto-slab {
		/*font-size: 2.4em;*/
		/*font-size: 2.2em;*/
		/*font-size: 2.0em;*/
		font-size: 2.0em !important;
	}
	#ueber-uns h2,
	#leistungen h3 {
		/*font-size: 4.8em;*/
		/*font-size: 4.6em;*/
		/*font-size: 4.4em;*/
		font-size: 4.2em;
	}
	p, .declaration #main ul, .declaration #main ol,
	#sub-nav > ul > li > a,
	.projekt-inner h2 {
		/*font-size: 2.1em;*/
		/*font-size: 1.9em;*/
		/*font-size: 1.8em;*/
		font-size: 1.8em;
	}
	#nav > ul > li > a {
		/*font-size: 1.5em;*/
		/*font-size: 1.5em;*/
		/*font-size: 1.5em;*/
		font-size: 1.5em;
	}
	#zertifikate p.zertifikat {
		/*font-size: 1.8em;*/
		/*font-size: 1.8em;*/
		/*font-size: 1.7em;*/
		font-size: 1.6em !important;
	}
	
	/* PROPORTIONS */
	.declaration #main {
		/*padding: 24em 0 12em 0;*/
		/*padding: 22em 0 10em 0;*/
		padding: 20em 0 8em 0;
	}
	section {
		/*padding-top: 6em;*/
		padding-top: 5em;
	}
	section span.anchor {
		/*top: -4em;*/
		top: -5.5em;
	}
	#leistungen .inner {
		/*margin-top: 6em;*/
		margin-top: 5em;
	}
	.zeitstrahl {
		/*padding: 6em 0 6em 0;*/
		padding: 5em 0 5em 0;
	}
	.slider {
		/*margin-top: 8em;*/
		margin-top: 6em !important;
	}
	#zertifikate {
		/*padding-bottom: 6em;*/
		padding-bottom: 5em;
	}
	#zertifikate .box-zertifikate {
		/*margin-top: 9em;*/
		margin-top: 8em;
	}
	#footer {
		/*padding: 27.5em 0 3em 0;*/
		/*padding: 25.5em 0 3em 0;*/
		padding: 22.5em 0 3em 0;
	}
	
	/* HEADER | NAV */
	#header .header-top {
		/*padding: 0 6.5em 1em 8em;*/
		/*padding: 0 5.5em 1em 7em;*/
		/*padding: 0 4.5em 1em 6em;*/
		padding: 0 3.5em 1em 5em;
	}
	#header.large .logo {
		/*width: 26.5em;*/
		width: 25.5em;
	}
	#nav > ul > li {
		/*margin-right: 7.5em;*/
		/*margin-right: 5.5em;*/
		/*margin-right: 4.5em;*/
		margin-right: 3.5em;
	}
	
	/* ICONS */
	#kontakt p.phone a,
	#kontakt p.mail a {
		/*padding-top: 3.8em;
		background-size: 74px;*/
		/*padding-top: 3.6em;
		background-size: 68px;*/
		/*padding-top: 3.4em;
		background-size: 58px;*/
		padding-top: 3.2em;
		background-size: 48px;
	}
	#zertifikate p.zertifikat a {
		/*background-size: 100px;
		padding-top: 8.2em;*/
		/*background-size: 95px !important;
		padding-top: 8.0em !important;*/
		/*background-size: 90px !important;
		padding-top: 7.8em !important;*/
		background-size: 85px !important;
		padding-top: 7.6em !important;
	}
	
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		/*width: 35%;*/
		width: 40%;
	}
	
	/* FOOTER */
	#sub-nav {
		/*margin-top: 10.8em;*/
		/*margin-top: 10.0em;*/
		/*margin-top: 9.4em;*/
		margin-top: 9.3em;
	}
}


@media only screen and (max-width: 1100px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		/*font-size: 7.8em;*/
		/*font-size: 7.6em;*/
		/*font-size: 7.4em;*/
		font-size: 7.2em;
	}
	#projekte h1,
	#kontakt h1,
	#zertifikate h1,
	.declaration h1,
	#kontakt p.phone,
	#kontakt p.mail,
	#kontakt p.fax,
	#kontakt p.adress,
	p.trigger {
		/*font-size: 3em;*/
		/*font-size: 2.8em;*/
		/*font-size: 2.6em;*/
		/*font-size: 2.4em;*/
		font-size: 2.2em !important;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		/*font-size: 18em;*/
		/*font-size: 17em;*/
		/*font-size: 16em;*/
		font-size: 15em;
	}
	#leistungen h2,
	.declaration h2,
	#kontakt p.roboto-slab,
	#zertifikate p.roboto-slab,
	.zeitstrahl .toggle-container p.roboto-slab {
		/*font-size: 2.4em;*/
		/*font-size: 2.2em;*/
		/*font-size: 2.0em;*/
		/*font-size: 2.0em;*/
		font-size: 2.0em !important;
	}
	#ueber-uns h2,
	#leistungen h3 {
		/*font-size: 4.8em;*/
		/*font-size: 4.6em;*/
		/*font-size: 4.4em;*/
		/*font-size: 4.2em;*/
		font-size: 4.0em;
	}
	p, .declaration #main ul, .declaration #main ol,
	#sub-nav > ul > li > a,
	.projekt-inner h2 {
		/*font-size: 2.1em;*/
		/*font-size: 1.9em;*/
		/*font-size: 1.8em;*/
		/*font-size: 1.8em;*/
		font-size: 1.6em;
	}
	#nav > ul > li > a {
		/*font-size: 1.5em;*/
		/*font-size: 1.5em;*/
		/*font-size: 1.5em;*/
		/*font-size: 1.5em;*/
		font-size: 1.4em;
	}
	#zertifikate p.zertifikat {
		/*font-size: 1.8em;*/
		/*font-size: 1.8em;*/
		/*font-size: 1.7em;*/
		/*font-size: 1.6em;*/
		font-size: 1.5em !important;
	}
	
	/* PROPORTIONS */
	.declaration #main {
		/*padding: 24em 0 12em 0;*/
		/*padding: 22em 0 10em 0;*/
		/*padding: 20em 0 8em 0;*/
		padding: 18em 0 6em 0;
	}
	section {
		/*padding-top: 6em;*/
		padding-top: 5em;
	}
	section span.anchor {
		/*top: -4em;*/
		top: -5.5em;
	}
	#leistungen .inner {
		/*margin-top: 6em;*/
		margin-top: 5em;
	}
	.zeitstrahl {
		/*padding: 6em 0 6em 0;*/
		padding: 5em 0 5em 0;
	}
	.slider {
		/*margin-top: 8em;*/
		/*margin-top: 6em;*/
		margin-top: 4em !important;
	}
	#zertifikate {
		/*padding-bottom: 6em;*/
		/*padding-bottom: 5em;*/
		padding-bottom: 4em;
	}
	#zertifikate .box-zertifikate {
		/*margin-top: 9em;*/
		/*margin-top: 8em;*/
		margin-top: 6em;
	}
	#footer {
		/*padding: 27.5em 0 3em 0;*/
		/*padding: 25.5em 0 3em 0;*/
		/*padding: 22.5em 0 3em 0;*/
		padding: 18.5em 0 3em 0;
	}
	
	/* HEADER | NAV */
	#header .header-top {
		/*padding: 0 6.5em 1em 8em;*/
		/*padding: 0 5.5em 1em 7em;*/
		/*padding: 0 4.5em 1em 6em;*/
		/*padding: 0 3.5em 1em 5em;*/
		padding: 0 2.5em 1em 2.5em;
	}
	#header.large .logo {
		/*width: 26.5em;*/
		/*width: 25.5em;*/
		width: 25.5em;
	}
	#nav > ul > li {
		/*margin-right: 7.5em;*/
		/*margin-right: 5.5em;*/
		/*margin-right: 4.5em;*/
		/*margin-right: 3.5em;*/
		margin-right: 3.0em;
	}
	
	/* ICONS */
	#kontakt p.phone a,
	#kontakt p.mail a {
		/*padding-top: 3.8em;
		background-size: 74px;*/
		/*padding-top: 3.6em;
		background-size: 68px;*/
		/*padding-top: 3.4em;
		background-size: 58px;*/
		/*padding-top: 3.0em;
		background-size: 38px;*/
		padding-top: 3.0em;
		background-size: 38px;
	}
	#zertifikate p.zertifikat a {
		/*background-size: 100px;
		padding-top: 8.2em;*/
		/*background-size: 95px !important;
		padding-top: 8.0em !important;*/
		/*background-size: 90px !important;
		padding-top: 7.8em !important;*/
		/*background-size: 85px !important;
		padding-top: 7.6em !important;*/
		background-size: 85px !important;
		padding-top: 7.8em !important;
	}
	
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		/*width: 35%;*/
		/*width: 40%;*/
		width: 45%;
	}
	
	/* FOOTER */
	#sub-nav {
		/*margin-top: 10.8em;*/
		/*margin-top: 10.0em;*/
		/*margin-top: 9.4em;*/
		/*margin-top: 9.3em;*/
		margin-top: 8.2em;
	}
	
	/* PARALLAX */
	.parallax {
		height: 30em;
		background-image: url(../img/team-img-parallax-02.jpg);
	}

}


@media only screen and (max-width: 1000px) {
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		/*width: 35%;*/
		/*width: 40%;*/
		/*width: 45%;*/
		width: 50%;
	}
	
	/* FOOTER */
	#sub-nav {
		/*margin-top: 10.8em;*/
		/*margin-top: 10.0em;*/
		/*margin-top: 9.4em;*/
		/*margin-top: 9.3em;*/
		/*margin-top: 8.2em;*/
		margin-top: 8.1em;
	}
}

@media only screen and (max-width: 950px) {
	/* RESPONSIVE NAV */
	#header .header-top {
		position: absolute;
	}
	#header.small .header-top {
		background: none;
	}
	#header.small .logo {
		width: 25.5em;
		margin-top: 1.5em;
	}
	#header.large .logo {
		margin-top: 1.5em;
	}
	#open-nav {
		display: block;
	}
	#nav {
		display: none;
	}
	section span.anchor {
		top: 3px;
	}
	
	/* PROJEKTE */
	.projekt-inner {
		margin: 0 2em;
	}
	.white-background {
		width: 89.6875%; /* 1028/1280 */
	}
}


@media only screen and (max-width: 900px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		/*font-size: 7.8em;*/
		/*font-size: 7.6em;*/
		/*font-size: 7.4em;*/
		/*font-size: 7.2em;*/
		font-size: 6.2em;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		/*font-size: 18em;*/
		/*font-size: 17em;*/
		/*font-size: 16em;*/
		font-size: 14em;
	}
	#ueber-uns h2,
	#leistungen h3 {
		/*font-size: 4.8em;*/
		/*font-size: 4.6em;*/
		/*font-size: 4.4em;*/
		/*font-size: 4.2em;*/
		/*font-size: 4.0em;*/
		font-size: 3.8em;
	}
	
	/* PROPORTIONS */
	#footer {
		/*padding: 27.5em 0 3em 0;*/
		/*padding: 25.5em 0 3em 0;*/
		/*padding: 22.5em 0 3em 0;*/
		/*padding: 18.5em 0 3em 0;*/
		padding: 14.5em 0 3em 0;
	}
	
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		/*width: 35%;*/
		/*width: 40%;*/
		/*width: 45%;*/
		/*width: 50%;*/
		width: 55%;
	}
	
	/* SLIDER */
	.unslider-arrow.next,
	.unslider-arrow.prev {
		/*width: 68px;
		height: 68px;
		background-size: 68px 68px;*/
		width: 58px !important;
		height: 58px !important;
		background-size: 58px 58px !important;
	}
	
	/* ZEITSTRAHL */
	.zeitstrahl ul li {
		width: 33%;
		height: 40px;
	}
	.zeitstrahl .toggle-container {
		width: 60%;
		/*bottom: 16em;*/
	}
	.zeitstrahl .trigger {
		font-size: 2.0em;
		height: 40px;
		padding-right: 54px;
		padding-top: 4px;
	}
	.zeitstrahl .trigger.trigger_active {
		line-height: 1.3em;
		padding-top: 0;
		padding-right: 94px;
		font-size: 2.8em;
	}
}


@media only screen and (max-width: 800px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		/*font-size: 7.8em;*/
		/*font-size: 7.6em;*/
		/*font-size: 7.4em;*/
		/*font-size: 7.2em;*/
		/*font-size: 6.2em;*/
		font-size: 6.0em;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		/*font-size: 18em;*/
		/*font-size: 17em;*/
		/*font-size: 16em;*/
		/*font-size: 14em;*/
		font-size: 13em;
	}
	#ueber-uns h2,
	#leistungen h3 {
		/*font-size: 4.8em;*/
		/*font-size: 4.6em;*/
		/*font-size: 4.4em;*/
		/*font-size: 4.2em;*/
		/*font-size: 4.0em;*/
		/*font-size: 3.8em;*/
		font-size: 3.6em;
	}
	
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		/*width: 35%;*/
		/*width: 40%;*/
		/*width: 45%;*/
		/*width: 50%;*/
		/*width: 55%;*/
		width: 60%;
	}
	
	/* FOOTER */
	.footer-left,
	#sub-nav {
		clear: both;
		float: none;
	}
	#sub-nav {
		margin-top: 1em;
	}
}


@media only screen and (max-width: 700px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		/*font-size: 7.8em;*/
		/*font-size: 7.6em;*/
		/*font-size: 7.4em;*/
		/*font-size: 7.2em;*/
		/*font-size: 6.2em;*/
		/*font-size: 6.0em;*/
		font-size: 5.0em;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		/*font-size: 18em;*/
		/*font-size: 17em;*/
		/*font-size: 16em;*/
		/*font-size: 14em;*/
		/*font-size: 13em;*/
		font-size: 11em;
	}
	#ueber-uns h2,
	#leistungen h3 {
		/*font-size: 4.8em;*/
		/*font-size: 4.6em;*/
		/*font-size: 4.4em;*/
		/*font-size: 4.2em;*/
		/*font-size: 4.0em;*/
		/*font-size: 3.8em;*/
		/*font-size: 3.6em;*/
		font-size: 3.2em;
	}
	
	/* PROPORTIONS */
	#footer {
		/*padding: 27.5em 0 3em 0;*/
		/*padding: 25.5em 0 3em 0;*/
		/*padding: 22.5em 0 3em 0;*/
		/*padding: 18.5em 0 3em 0;*/
		/*padding: 14.5em 0 3em 0;*/
		padding: 10.5em 0 3em 0;
	}
	
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		/*width: 35%;*/
		/*width: 40%;*/
		/*width: 45%;*/
		/*width: 50%;*/
		/*width: 55%;*/
		/*width: 60%;*/
		width: 65%;
	}
	
	/* SLIDER */
	.unslider-arrow.next,
	.unslider-arrow.prev {
		/*width: 68px;
		height: 68px;
		background-size: 68px 68px;*/
		/*width: 58pxt;
		height: 58px;
		background-size: 58px 58px;*/
		width: 48px !important;
		height: 48px !important;
		background-size: 48px 48px !important;
	}
	
	/* PARALLAX */
	.parallax {
		display: none;
	}
	img.non-parallax {
		display: block !important;
	}
	
	/* ZEITSTRAHL */
	.zeitstrahl ul li {
		width: 25%;
		height: 32px;
	}
	.zeitstrahl .toggle-container {
		width: 70%;
		/*bottom: 8em;*/
	}
	.zeitstrahl .trigger {
		font-size: 1.6em;
		height: 32px;
		padding-right: 50px;
		padding-top: 4px;
	}
	.zeitstrahl .trigger.trigger_active {
		line-height: 1.2em;
		padding-top: 0;
		padding-right: 75px;
		font-size: 2.2em;
		background: url(../img/zeitstrahl-trigger-active-mobile.png) center right no-repeat;
	}
	.zeitstrahl ul li.top {
		height: 45px;
	}
	.zeitstrahl ul li.bottom {
		height: 50px;
	}
}


@media only screen and (max-width: 600px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		/*font-size: 7.8em;*/
		/*font-size: 7.6em;*/
		/*font-size: 7.4em;*/
		/*font-size: 7.2em;*/
		/*font-size: 6.2em;*/
		/*font-size: 6.0em;*/
		/*font-size: 5.0em;*/
		font-size: 4.0em;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		/*font-size: 18em;*/
		/*font-size: 17em;*/
		/*font-size: 16em;*/
		/*font-size: 14em;*/
		/*font-size: 13em;*/
		/*font-size: 11em;*/
		font-size: 9em;
	}
	#ueber-uns h2,
	#leistungen h3 {
		/*font-size: 4.8em;*/
		/*font-size: 4.6em;*/
		/*font-size: 4.4em;*/
		/*font-size: 4.2em;*/
		/*font-size: 4.0em;*/
		/*font-size: 3.8em;*/
		/*font-size: 3.6em;*/
		/*font-size: 3.2em;*/
		font-size: 2.8em;
	}
	#kontakt p.phone,
	#kontakt p.mail,
	#kontakt p.fax,
	#kontakt p.adress,
	#kontakt p.roboto-slab,
	#zertifikate p.roboto-slab {
		font-size: 1.8em !important;
	}
	
	/* ICONS KONTAKT */
	#kontakt p.phone a {
		padding-top: 3.1em;
	}
	#kontakt p.mail a {
		padding-top: 2.9em;
	}
	
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		/*width: 35%;*/
		/*width: 40%;*/
		/*width: 45%;*/
		/*width: 50%;*/
		/*width: 55%;*/
		/*width: 60%;*/
		/*width: 65%;*/
		width: 70%;
	}
	
	/* 1-SPALTER */
	.inner .col.left, 
	.inner .col.right,
	#kontakt p.phone.left,
	#kontakt p.mail.right {
		float: none;
	}
	.inner .col,
	#kontakt p.phone,
	#kontakt p.mail {
		width: 100%;
	}
	.inner .col.left {
		padding-right: 0;
	}
	#leistungen h3,
	#ueber-uns h2 {
		margin-bottom: 0.8em;
	}
	
	/* HEADER */
	#header.large .logo,
	#header.small .logo {
		/*width: 25.5em;*/
		width: 23.5em;
	}
	
	/* ZEITSTRAHL */
	.zeitstrahl .toggle-container {
		position: static;
		width: 75%;
		right: 0em;
		margin-left: 2em;
		bottom: 0em;
		padding: 2em 0;
	}
	.zeitstrahl ul li {
		width: 95%;
		height: auto;
	}
	.zeitstrahl .toggle-container p {
		margin-bottom: 0 !important;
	}
}


@media only screen and (max-width: 500px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		/*font-size: 7.8em;*/
		/*font-size: 7.6em;*/
		/*font-size: 7.4em;*/
		/*font-size: 7.2em;*/
		/*font-size: 6.2em;*/
		/*font-size: 6.0em;*/
		/*font-size: 5.0em;*/
		/*font-size: 4.0em;*/
		font-size: 3.8em;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		/*font-size: 18em;*/
		/*font-size: 17em;*/
		/*font-size: 16em;*/
		/*font-size: 14em;*/
		/*font-size: 13em;*/
		/*font-size: 11em;*/
		/*font-size: 9em;*/
		font-size: 7em;
	}
	#ueber-uns h2,
	#leistungen h3 {
		/*font-size: 4.8em;*/
		/*font-size: 4.6em;*/
		/*font-size: 4.4em;*/
		/*font-size: 4.2em;*/
		/*font-size: 4.0em;*/
		/*font-size: 3.8em;*/
		/*font-size: 3.6em;*/
		/*font-size: 3.2em;*/
		/*font-size: 2.8em;*/
		font-size: 2.6em;
	}
	
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		/*width: 35%;*/
		/*width: 40%;*/
		/*width: 45%;*/
		/*width: 50%;*/
		/*width: 55%;*/
		/*width: 60%;*/
		/*width: 65%;*/
		/*width: 70%;*/
		width: 75%;
	}
	
	/* SLIDER */
	.unslider-arrow.next,
	.unslider-arrow.prev {
		/*width: 68px;
		height: 68px;
		background-size: 68px 68px;*/
		/*width: 58pxt;
		height: 58px;
		background-size: 58px 58px;*/
		/*width: 48px;
		height: 48px;
		background-size: 48px 48px;*/
		width: 38px !important;
		height: 38px !important;
		background-size: 38px 38px !important;
	}
	
	/* PROJEKTE */
	.projekt-images .left,
	.projekt-images .right {
		float: none;
	}
	.projekt-images .large,
	.projekt-images .small {
		width: 100%;
	}
	.projekt-images img,
	.varia-01 .projekt-images img.top,
	.varia-02 .projekt-images img.top {
		margin-bottom: 1.8em !important;
	}
	.varia-02 .white-background {
		bottom: 20%;
	}
	
}


@media only screen and (max-width: 400px) {
	/* TYPO */
	#header h1 {
		/*font-size: 8em;*/
		/*font-size: 7.8em;*/
		/*font-size: 7.6em;*/
		/*font-size: 7.4em;*/
		/*font-size: 7.2em;*/
		/*font-size: 6.2em;*/
		/*font-size: 6.0em;*/
		/*font-size: 5.0em;*/
		/*font-size: 4.0em;*/
		/*font-size: 3.8em;*/
		font-size: 3.6em;
		margin: 0 0 1em 3%;
	}
	#ueber-uns h1 {
		/*font-size: 19em;*/
		/*font-size: 18em;*/
		/*font-size: 17em;*/
		/*font-size: 16em;*/
		/*font-size: 14em;*/
		/*font-size: 13em;*/
		/*font-size: 11em;*/
		/*font-size: 9em;*/
		/*font-size: 7em;*/
		font-size: 5em;
	}
	
	/* ZERTIFIKATE */
	#zertifikate p.zertifikat a {
		/*width: 30%;*/
		/*width: 35%;*/
		/*width: 40%;*/
		/*width: 45%;*/
		/*width: 50%;*/
		/*width: 55%;*/
		/*width: 60%;*/
		/*width: 65%;*/
		/*width: 70%;*/
		/*width: 75%;*/
		width: 100%;
	}
	
	/* HEADER */
	#header.large .logo,
	#header.small .logo {
		/*width: 25.5em;*/
		/*width: 23.5em;*/
		width: 21.5em;
	}
	#header .header-top {
		/*padding: 0 6.5em 1em 8em;*/
		/*padding: 0 5.5em 1em 7em;*/
		/*padding: 0 4.5em 1em 6em;*/
		/*padding: 0 3.5em 1em 5em;*/
		/*padding: 0 2.5em 1em 2.5em;*/
		padding: 0 1.5em 1em 1.5em;
	}
	#open-nav {
		top: 1.20em;
	}
	
	/* FOOTER */
	#footer p.left {
		float: none;
		margin-right: 0;
	}
	#sub-nav {
		margin-top: 4em;
	}
}