/*
Rot: #7e4455
Blau: #0055a4
Text: #363636
*/


/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-slab-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v10-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v10-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

html { font-size: 17px; }
body { margin: 0 5% 7.5rem 5%; font-family: 'Lato', sans-serif; color: #363636; line-height: 1.4rem; opacity: 0; animation-duration: 1s; animation-fill-mode: both; animation-delay: .5s; -webkit-animation-name: fadeIn; animation-name: fadeIn; }
body.no-scrolling { overflow: hidden; } 

@media screen and (max-width:700px) {
	body { margin: 0 2rem 7rem 2rem; }
	html { font-size: 15px; }
}


.section-outer { max-width: 1300px; margin: auto; position: relative; padding: 1rem 0; box-sizing: border-box; }

.section-navi { padding: 2rem 0 0 0; }
	.section-navi .logo { position: absolute; left: -23px; top: 1rem; width: 250px; height: auto; }
	.section-navi nav { text-align: right; }

	.section-navi #btn-navi-mobile { float: right; font-size: 1.7rem; display: none; margin-top: .75rem; cursor: pointer; }
	.section-navi #btn-navi-mobile:hover { text-decoration: none; }

	ul.navi, ul.navi ul { list-style-type: none; margin: 0; padding: 0; }
	ul.navi > li { display: inline-block; position: relative; padding-bottom: 1rem; }
	ul.navi > li:first-child { display: none; }
	ul.navi > li > a { text-transform: lowercase; font-weight: 700; font-family: 'Roboto Slab', serif; margin-left: 3rem; }
	ul.navi > li:first-child > a { margin-left: 0; } 
	ul.navi > li.navi-active > a { color: #7e4455; } 

	ul.navi > li > ul { display: none; position: absolute; border-top: 3px solid #7e4455; text-align: left; z-index: 1000; width: 210px; top: 2.2rem; left:2rem; background-color: rgba(255,255,255,0.85); 
										-webkit-box-shadow: 2px 2px 2px 0px rgba(204,204,204,0.5); -moz-box-shadow: 2px 2px 2px 0px rgba(204,204,204,0.5); box-shadow: 2px 2px 2px 0px rgba(204,204,204,0.5); }
	ul.navi > li:hover > ul { display: block; }
	ul.navi > li > ul > li { padding: .5rem 1rem; display: block; border-bottom: 1px solid #E9E9E9; }
	ul.navi > li > ul > li:last-child { border-bottom: 0; }
	ul.navi > li > ul > li a { font-family: 'Roboto Slab', serif; color: #7e4455; font-weight: 400; }

	@media screen and (max-width: 1080px) {
		ul.navi > li > a { margin-left: 1.5rem; }
	}

	@media screen and (max-width: 980px) {
		.section-navi #btn-navi-mobile { display: inline-block; }
		.section-navi nav { display: none; }
		.section-navi { padding: 1rem 0 1rem 0; }
	}

.navi-mobile { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; padding: 2rem; box-sizing: border-box; background-color: #FFF; z-index: 10000; }
	.navi-mobile-inner { }
	#btn-close-navi-mobile { font-size: 1.7rem; float: right; position: fixed; top: 1rem; right: 2rem; cursor: pointer; }
	#btn-close-navi-mobile:hover { text-decoration: none; }

.navi-mobile ul.navi { margin-top: 2rem; margin-right: 2rem; }
.navi-mobile ul.navi > li { display: block; border-top: 1px solid #E9E9E9; padding: 0; }
.navi-mobile ul.navi > li > a { display: block; margin: .75rem 0 .75rem 0; font-size: 1.1rem; }
.navi-mobile ul.navi > li > ul { display: block; position: relative; top: 0; left: 0; width: auto; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-top: 0px none; }
.navi-mobile ul.navi > li > ul > li { border-bottom: 0; border-top: 1px solid #E9E9E9; padding: 0; }
.navi-mobile ul.navi > li > ul > li > a { display: block; padding-left: 0; padding: .75rem 0; }
.navi-mobile ul.navi > li > ul > li a:before { content: '- ';}

#btn-scroll-top { padding: .4rem 1rem .6rem 1rem; position: fixed; bottom: 6.7rem; right: 5%; display: none; background-color: #7e4455; font-size: 2.5rem; color: #FFF; cursor: pointer; z-index: 10000; transition: all .75s; -webkit-transition: all .75s; }
#btn-scroll-top:hover { opacity: .7; }

@media screen and (max-width:700px) {
	#btn-scroll-top { right: 2rem; }
}

.section-footer { border-top: 3px solid #7e4455; text-align: right; padding-top: .5rem; }
	.section-footer .square-blue { background-color: #0055a4; position: relative; margin-left: .3rem; padding: .75rem; display: inline-block;  }
	.section-footer a.footer-link { text-transform: lowercase; font-family: 'Roboto Slab', serif; margin-left: 1rem; margin-right: 2rem; }
	.section-footer a.phone { font-weight: 700; position: absolute; left: 0; top: 1rem; margin-left: 0; padding-left: 1.5rem; }
	.section-footer a.phone:before { font-family: 'FontAwesome'; content: '\f095'; left: 0; top: .1rem; position: absolute; }

@media screen and (max-width: 1080px) {
	.section-footer a.footer-link { margin-right: 1rem; }
}

@media screen and (max-width: 850px) {
	.section-footer a.footer-link { display: block; margin-left: 0; margin-right: 0; margin: .4rem 0; }
	.section-footer .square-blue { margin-top: 1rem; }
}

.clear-float { clear: both; }

/*Editmode*/
.box-editmode { padding: 1rem; background-color: #E9E9E9; margin-bottom: 2rem; }
.box-editmode-left { display: inline-block; width: 47.5%; vertical-align: top; float: left; box-sizing: border-box; }
.box-editmode-right { display: inline-block; width: 47.5%; vertical-align: top; float: right; box-sizing: border-box; padding-right: 1rem; }

/*Typo*/
a { color: #0055a4; text-decoration: none;  }
a:hover { text-decoration: underline; }

.section-content a { color: #7e4455; }

h1, h2, h3, h4, h5, h6 { color: #7e4455; margin-top: 0; font-family: 'Roboto Slab', serif; font-weight: 700; }

.ha0 { font-size: 2.94rem; line-height: 1.32em; }
h1,.h1 { font-size: 1.8rem; line-height: 2rem; }
h2,.h2 { font-size: 1.6rem; line-height: 1.8rem; }
h3,.h3 { font-size: 1.4rem; line-height: 1.6rem; }
h4, h5, h6 { font-size: 1.2rem; line-height: 1.5rem; }


.bg-blue { background-color: #0055a4; color: #fff; }
	.bg-blue * { color: #fff; }

hr.red { border: 0px none; border-top: 3px solid #7e4455; margin-top: 0; }

/*Formulare*/
input[type=text], textarea { display: block; padding: 0.3rem; width: 100%; font-size: 1rem; }

/*Kacheln*/
.image-tile { position: relative; display: inline-block; margin-bottom: 2rem; }
.image-tile > img { position: relative; display: block; width: 100%; height: auto; z-index: 10; }

a.image-tile:after { content: '\a'; z-index: 11; display: block; position: absolute; width: 100%; height:100%; top:0; left:0; background:rgba(128,68,85,0.6); opacity: 0; transition: all .75s; -webkit-transition: all .75s; }
a.image-tile:hover:after { opacity: 1; }

.tile-red { background-color: #7e4455; padding: 1rem; box-sizing: border-box; color: #FFF; display: inline-block; position: relative; text-decoration: none !important; }

.tile-label { font-family: 'Roboto Slab', serif; text-transform: lowercase; position: absolute; display: block; text-decoration: none !important; padding-left: 1.3rem; color: #FFF; z-index: 100; font-size: 1.2rem; }
.tile-label:before { content: '+'; top: .3rem; left: 0; position: absolute; font-size: 1.4rem; }

.tile-label.pos-top-left { top: 1rem; left: 1rem; }
.tile-label.pos-top-right { top: 1rem; right: 1rem; }
.tile-label.pos-bottom-left { bottom: 1rem; left: 1rem; }
.tile-label.pos-bottom-right { bottom: 1rem; right: 1rem; }

@media screen and (max-width: 700px) {
	.image-tile { width: 100% !important; position: relative !important; }
	.tile-square { width: 100% !important; margin-bottom: 2rem; }
}

/*Spalten*/
.col-half-left { display: inline-block; float: left; vertical-align: top; width: 50%; box-sizing: border-box; position: relative; }
.col-half-right { display: inline-block; float: left; vertical-align: top; width: 50%; box-sizing: border-box; padding-left: 2rem; position: relative; }

@media screen and (max-width: 800px) {
	.col-half-left { display: block; width: 100%; }
	.col-half-right { display: block; width: 100%; padding-left: 0; }
}

/*Startseite*/
.tile-container-start-top { display: flex; flex-direction: row; justify-content: space-between; }

	.tile-start-top-left { }
		.tile-start-team { display: block; margin-bottom: 2rem; } 
	.tile-start-top-right {}

	.tile-start-introtext { border-top: 3px solid #7e4455; width: 55%; padding-top: 1.5rem; padding-right: 0; box-sizing: border-box; }
	.tile-start-introtext.mobile { display: none; width: 100%; margin-bottom: 2rem; }
	.tile-start-top-right .tile-start-jobs { position: absolute; width: 55%; bottom: 0; left: 2rem; }

.tile-container-start-bottom { display: flex; flex-direction: row; justify-content: space-between; }
	.tile-container-start-bottom-left { display: inline-block; float: left; vertical-align: top; width: 50%; box-sizing: border-box; position: relative; text-align: right; }
		.tile-start-leistungen { width: 50%; float: right; }
		.tile-start-jubilaeum { width: 70%; float: right; }
		.tile-start-jubilaeum2 { width: 70%; }
	.tile-container-start-bottom-right { float: left; vertical-align: top; width: 50%; box-sizing: border-box; padding-left: 2rem; position: relative;  }
		.tile-start-projekte { width: 100%; margin-bottom: 0; }

@media screen and (max-width: 1250px) {
	.tile-start-top-right .tile-start-introtext { width: 100%; }
}

@media screen and (max-width: 1080px) {
	.tile-start-top-right .tile-start-jobs { display: none; }
	.tile-start-team {  margin-bottom: 2rem; } 
}


@media screen and (min-width: 701px) {
.item-team:last-of-type {
  width: 100%;
}
.item-team:last-of-type .item-team-image {
  width: 309px;
}
.item-team:last-of-type .item-team-text {
  width: calc(100% - 310px);
}
}

@media screen and (max-width: 800px) {
	.tile-start-top-left { padding-right: 1rem; }
	.tile-start-top-right { padding-left: 1rem; }
	.tile-start-bottom-left { padding-right: 1rem; }
	.tile-start-bottom-right { padding-left: 1rem; }
	
	.tile-start-introtext { display: none; }
	.tile-start-introtext.mobile { display: block; }
	.tile-start-top-right .tile-start-jobs { left: 0; display: block; }
	.tile-start-projekte { left: 0; padding-left: 0; }
}

@media screen and (max-width: 500px) {
	.tile-container-start-top { display: block; }
	.tile-container-start-bottom { display: block; }
	
	.tile-start-top-left { padding-right: 0; display: block; width: 100% !important; clear: both; float: none; }
	.tile-start-top-right { padding-left: 0; display: block; width: 100% !important; clear: both; float: none; }
	.tile-start-bottom-left { padding-right: 0; display: block; width: 100% !important; clear: both; float: none; }
	.tile-start-bottom-right { padding-left: 0; display: block; width: 100% !important; clear: both; float: none; }
}

/*Ingenieurbüro/Unternehmen*/
.section-ingbuero {}

	.section-ingbuero-top {  }
		.section-ingbuero-top-left {}
			.section-ingbuero-intro-text { border-top: 3px solid #7e4455; padding-top: 1.5rem; margin-bottom: 2rem; }

		.section-ingbuero-top-right {}
		
	.section-ingbuero-bottom {}

		.section-ingbuero-bottom-left {}
			.tile-ingbuero-stellenangebote { width: 55%; float: right; margin-bottom: 2rem;}
			.tile-ingbuero-projekte { padding: 5rem; float: right; clear: both;  }

		.section-ingbuero-bottom-right {}
			.tile-ingbuero-team { width: 75%; }

		.tile-ingbuero-usp {}
			.tile-ingbuero-usp-content { position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; padding: 3rem; z-index: 500; color: #FFF; font-family: 'Roboto Slab', serif; }
			.tile-ingbuero-usp-content ul { margin: 0; padding: 0; display: block; }
			.tile-ingbuero-usp-content ul li { color: #FFF; display: block; color: #FFF; font-size: 1.3rem; color: #FFF; padding: .5rem 0; font-weight: 700; }

		.tile-ingbuero-historie { padding: 20%; }

	@media screen and (max-width: 800px) {
		.tile-ingbuero-usp-content { padding: 1.5rem; }
		.tile-ingbuero-usp-content ul li { font-size: 1.1rem; } 
	}

/*Team*/
.section-team {}

.section-team-top { width: 70%; margin-bottom: 2rem; }
	.section-team-intro-text { padding-top: 1rem; border-top: 3px solid #7e4455; display: none; }

.section-team-container { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
	.item-team { margin-bottom: 2rem; width: 47.5%; }
	.item-team-image { display: inline-block; float: left; width: 50%; box-sizing: border-box; padding-right: 2rem; }
		.item-team-image > img { width: 100%; height: auto; }
	.item-team-text { display: inline-block; float: right; width: 50%; box-sizing: border-box; border-top: 3px solid #7e4455; padding-top: 1rem; }
		.team-name { margin-bottom: 0.3rem; }
		.team-position { font-size: 1.05rem; font-family: 'FontAwesome'; color: #7e4455; font-family: 'Roboto Slab', serif; margin-top: 0; }

@media screen and (max-width: 700px) {
	.section-team-top { width: 100%; }
	.item-team { width: 100%; }
}

/*Animations*/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0; 
    }
    to {
        opacity: 1; 
    }
}

@keyframes fadeIn {
    0% {
				opacity: 0; 
    }
    to {
				opacity: 1; 
    }
}


/*Historie*/
.section-historie { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
	.section-historie-left { width: 50%; box-sizing: border-box; padding-top: 1rem; border-top: 3px solid #7e4455; text-align: right; font-size: .9rem; }
	.section-historie-right { width: 50%; box-sizing: border-box; padding-left: 2rem; font-size: .9rem; }
	.section-historie-left p { margin-bottom: 1.5rem; padding-left: 4rem; }
	.section-historie-right p { margin-bottom: 1.5rem; padding-right: 4rem; }

	.tile-historie-intro.mobile { display: none; }

	.tile-historie-intro {}
		.historie-intro-headline { position: absolute; top: 2rem; left: 2rem; z-index: 5000; color: #FFF; }
		.historie-intro-headline * { color: #FFF; }
		.historie-intro-headline h4 { margin-bottom: 0.4rem; }

	.historie_datum { color: #7e4455; font-size: 1.2rem; line-height: 1.6rem; font-family: 'Roboto Slab', serif; font-weight: bold; }
	.historie_titel { color: #7e4455; font-size: 1.1rem; line-height: 1.6rem; font-family: 'Roboto Slab', serif; }

	@media screen and (max-width: 620px) {
		.section-historie-left { width: 100%; text-align: left; }
			.section-historie-left img { width: 100% !important; }
			.section-historie-left p { margin-bottom: 1.5rem; padding-left: 0; padding-right: 2rem; }
		.section-historie-right { width: 100%; padding-left: 0; }
			.section-historie-right img { width: 100% !important; } 
			.section-historie-right p { margin-bottom: 1.5rem; padding-right: 2rem; }
		
		.tile-historie-projekte { display: none; }
		.tile-historie-intro { display: none; }
		.tile-historie-intro.mobile { display: block; }
	}

	/*Leistungen*/
	.section-leistungen { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }

		.section-leistungen-images { width: 50%; box-sizing: border-box; padding-top: 2rem; padding-bottom: 2rem; border-top: 3px solid #7e4455; }
			.section-leistungen-images img { width: 50%; box-sizing: border-box; height: auto; display: inline-block; vertical-align: top; float: left;  }
			.section-leistungen-images img:nth-child(1) { border-right: 1rem solid #FFF; border-bottom: 1rem solid #FFF; } 
			.section-leistungen-images img:nth-child(2) { border-left: 1rem solid #FFF; border-bottom: 1rem solid #FFF; } 
			.section-leistungen-images img:nth-child(3) { border-right: 1rem solid #FFF; border-top: 1rem solid #FFF; } 
			.section-leistungen-images img:nth-child(4) { border-left: 1rem solid #FFF; border-top: 1rem solid #FFF; }

		.section-leistungen-text { width: 50%; box-sizing: border-box; padding-left: 3rem; } 
			.section-leistungen-text ul { list-style-type: none; display: block; margin: 0; padding: 0; font-size: 1.2rem; line-height: 1.5rem; color: #7e4455; font-family: 'Roboto Slab', serif;}
			.section-leistungen-text ul li { display: block; padding: .75rem 0 .75rem 1.5rem; position: relative; box-sizing: border-box; }
			.section-leistungen-text ul li:before { content: '+'; position: absolute; left: 0; bottom: 0.5rem; font-size: 1.3rem; }

	@media screen and (max-width: 800px) {
		.section-leistungen-images { width: 100%; display: block; }
		.section-leistungen-text { padding-left: 0; width: 100%; display: block; }
	}

	/*Textseiten*/
	.section-text {}
		.section-text-content { width: 70%; padding-top: 2rem; border-top: 3px solid #7e4455; }

	@media screen and (max-width: 800px) {
		.section-text-content { width: 100%; }
	}

	/*Projektübersicht*/
	.section-projekte { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
		.section-projekte-left { border-top: 3px solid #7e4455; padding-top: 1rem; text-align: right; }
		.section-projekte-left .section-projekte-intro { text-align: left; margin-bottom: 2rem; }
		.section-projekte-right { }
		
		.section-projekte .image-tile { margin-bottom: 2rem; }

			.tile-projekte-oeffentlich { width: 100%; }
			.tile-projekte-bestand { width: 65%; }
			.tile-projekte-landwirtschaft { width: 45%; }
			.tile-projekte-efh { width: 70%; }
			.tile-projekte-wohnungsbau { width: 55%; }
			.tile-projekte-gewerbebauten {}
			.tile-projekte-besonderes { width: 50%; }

	@media screen and (max-width: 600px) {
		.section-projekte .image-tile { width: 100% !important; }
	}

	/*Kontakt*/
	.section-kontakt { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
		.section-kontakt-map {  min-height: 600px; border-right: 2rem solid #FFF; }
		.section-kontakt-text { border-top: 3px solid #7e4455; padding-top: 1rem; padding-left: 0; }

	.section-kontakt-buttons { margin-top: 3rem; position: absolute; bottom: 0; }
		.section-kontakt-buttons a { display: inline-block; padding: .5rem .5rem .65rem .5rem; margin-right: .5rem; background-color: #0055a4; color: #FFF; font-size: 1.2rem; }

	.tile-kontakt-buero { width: 50%; padding-left: 3rem; }

	@media screen and (max-width: 800px) {
		.section-kontakt-map { border-right: 0px none; margin-bottom: 1rem; order: 2; }
		.section-kontakt-text { order: 1; margin-bottom: 2rem; }
		.section-kontakt-buttons { position: relative; margin-top: 1rem; }
		.tile-kontakt-buero { margin-bottom: 2rem; }
	}

	/*Projekte Detailansicht*/
	.section-projekte-detail {}
		.section-projekte-detail-top { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2rem; }
			.section-projekte-detail-top .col-half-left { padding-right: 2rem; }
			.section-projekte-detail-top .col-half-right { padding-left: 0; border-top: 3px solid #7e4455; padding-top: 1rem; }

		.section-projekte-detail-bottom { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1rem; }
			.section-projekte-detail-bottom .col-half-left { text-align: right; padding-right: 2rem; }
			.section-projekte-detail-bottom .col-half-left .image-tile { width: 60%; }
			.section-projekte-detail-bottom .col-half-left .tile-red { padding: 25%; }

			.section-projekte-detail-bottom .col-half-right { padding-top: 1rem; border-top: 3px solid #7e4455; padding-left: 0; padding-right: 0; }
			.section-projekte-detail-bottom .col-half-right .image-tile { width: 100%; } 

		.projekt-image { width: 100%; height: auto; display: block; }
			
		.slider-navi { position: absolute; width: 100%; bottom: 0; height: 50px; }
			.slider-navi a.slidernav { display: inline-block; float: left; margin: 0; padding: .5rem .2rem; background-color: #0055a4; color: #FFF; cursor: pointer; }
			.slider-navi a.slidernav i.fa { font-size: 2rem; }
			.slider-navi a.slidernav.flex-next { margin-left: .5rem; }

		#projekte-slider-container { position: absolute; width: 100%; bottom: 65px; display: block; }
		#projekte-slider { }
			#projekte-slider ul.slides { }
			#projekte-slider ul.slides li { }
			#projekte-slider ul.slides li h4 { margin-bottom: .2rem; }
			#projekte-slider ul.slides li p { margin-top: 0; }

	.section-projekte-teaser {}
		.section-projekte-teaser .col-half-left { padding-right: 2rem; border-top: 0px none; padding-top: 0; }
		.section-projekte-teaser .col-half-right { padding-left: 0; }

	@media screen and (max-width: 800px) {
		.section-projekte-detail-top .col-half-left { padding-right: 0; }
		.section-projekte-detail-bottom .col-half-left { padding-right: 0; order: 2; }
			.section-projekte-detail-bottom .col-half-left .tile-red { margin-bottom: 0; }
		.section-projekte-detail-bottom .col-half-right { order: 1; }
		
		.slider-navi { position: relative; height: auto; bottom: auto; } 
			.slider-navi a.slidernav { padding: .5rem .2rem;  }
			.slider-navi a.slidernav i.fa { font-size: 2rem; }
		
		#projekte-slider-container { position: relative; bottom: auto; }
		
		.section-projekte-teaser .col-half-left { padding-right: 0; }
		
	}

	/*Stellenangebote*/
	.section-stellenangebote {}
		.section-stellenangebote img { width: 100%; height: auto; }

	.section-stellenangebote-top {  }
		.section-stellenangebote-top-left {}
			.section-stellenangebote-intro-text { border-top: 3px solid #7e4455; padding-top: 1.5rem; margin-bottom: 2rem; }
			.tile-stellenangebote-image1 { clear: both; }
			.tile-stellenangebote-image2 { width: 55%; float: right; clear: both; }
			.tile-stellenangebote-image3 { width: 83%; float: right; clear: both; }
			.tile-stellenangebote-image4 { width: 83%; float: left; clear: both; }
			.tile-stellenangebote-image5 { width: 66%; float: left; clear: both; margin-bottom: 2em; }
			.tile-stellenangebote-text1 { width: calc(100% - 10vw); padding: 5vw; margin-bottom: 2em; clear: both; }
				.tile-stellenangebote-text1 h4 { color: #fff; font-size: 1.5em; line-height: 1.3em; }
					.tile-stellenangebote-text1 h4 span { font-weight: 100; }
		.section-stellenangebote-top-right {}

	.section-stellenangebote-quote { position: relative; margin-bottom: 7rem; }
		.section-stellenangebote-quote .image { width: 30%; }
			.section-stellenangebote-quote .image img { width: 100%; height: auto; }
		.section-stellenangebote-quote p { position: absolute; top: 10%; left: 25%; color: #0055a4; font-weight: 600; font-family: 'Roboto Slab', serif; font-size: 30px; line-height: 39px; }
			.section-stellenangebote-quote p span { width: 100%; display: block; font-size: 20px; font-weight: 100; padding-top: 10px; }
	@media(max-width:800px) { .section-stellenangebote-quote { margin-bottom: 27rem; padding-bottom: 20rem; } }
		
	.section-stellenangebote-bottom {}

		.section-stellenangebote-bottom-left {}
			.tile-stellenangebote-ingbuero { width: 50%; float: right; clear: both; }
			.tile-stellenangebote-projekte { padding: 20%; float: right; clear: both; margin-bottom: 1rem; }

		.section-stellenangebote-bottom-right {}
			.tile-stellenangebote-team { width: 75%; }

		ul.berufe { display: block; list-style-type: none; margin: 0; padding: 0;  margin-bottom: 2rem; }
			ul.berufe li { display: block; padding: .3rem 0; color: #7e4455; font-family: 'Roboto Slab', serif; font-size: 1.1rem; }

	/*Jubiläum*/
	.section-jubilaeum {}
		.section-jubilaeum-top {}
			.section-jubilaeum-top .tile-jubilaeum-image1 { width: 100%; }
			.section-jubilaeum-intro-text { border-top: 3px solid #7e4455; padding-top: 1rem; }
		.section-jubilaeum-bottom {}

	a.download-images { display: block; padding: .75rem 1rem; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; }
		a.download-images i.fa { margin-right: 1rem; font-size: 1.2rem; }

	.tile-jubilaeum-image1 .tile-label { text-shadow: 2px 2px 4px #000000; }

	.masonry-grid { margin-right: -3rem; }
	.masonry-grid .grid-sizer, .masonry-grid .grid-item { width: 33.33333%;  }
	.masonry-grid .grid-item--width2 { width: 66.66666%; }

	.jubilaeum-image { margin-bottom: 3rem; box-sizing: border-box; padding-right: 3rem; }
	.jubilaeum-image img { display: block; width: 100%; height: auto; }
	.jubilaeum-image .jubilaeum-image-text { padding: 1rem 0; border-bottom: 3px solid #7e4455; }

	@media screen and (max-width: 800px) {
		.masonry-grid .grid-sizer, .masonry-grid .grid-item { width: 50%;  }
		.masonry-grid .grid-item--width2 { width: 50%; }
	}

	/*fancybox*/
	.fancybox-bg {
    background: #E9E9E9 !important;
	}