/*********** STUFE 1 PHONE ***********/
@media (max-width: 767px) {
	/* ------ Bilder ------ */
	.slider-home .teaser-img {
		display: block !important;
	}
	.slider-home .banner-black {
		height: 30%;
	}
	.moodpicture, .teaser-video {
		height: 100vh !important;
	}
	.teaser-heads {
		height: 60vh !important;
		width: 100%;
		background-position: 0% 0% !important;
	}
	.header-zoom {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100vh !important;
		height: 100%;
		background-attachment: fixed;
	    background-position: bottom;
	    background-repeat: no-repeat;
	    background-size: cover;
	    z-index: -1;
	}
	.teaser-portfolio {
		height: 440px;
	}
		.teaser-portfolio h2 {
			font-size: 33px !important;
			margin-top: 0px;
		}
	.teaser-team {
		height: 100vh;
	    background-position: 70%;
	}
	.parallax {
		background-position: 80% !important;
	}
	.migros {
		background-position: 20%;
	}
	.references {
		height: 426px;
		position: relative;
		margin-bottom: -2px;
		background-position: center;
	}
		.references-title {
			bottom: 30px;
			left: 30px;
		}
	.photographythumbs {
		height: 300px;
		position: relative;
		margin-bottom: -2px;
		background-position: center;
	}
	.employee {
		width: 100%;
		height: 426px;
		margin-bottom: -2px;

	}
		.employee h3 {
			font-size: 30px;
			margin-top: 0px;
		}
		.employee p {
			margin-bottom: 0px;
			font-size: 20px;
		}
		.employee-title {
			bottom: 20px;
			left: 20px;
		}
		.hashtag {
			opacity: 1 !important;
		}
	.rsDefault .rsTabs, .rsDefaultInv .rsTabs {
		bottom: 100px !important;
	}
	.box-service img, .service-fullwidth img {
		height: 90px;
	}
	.imagesteigerung {
		margin-top: -400px;
	}
	.suggestions {
		height: 250px;
		position: relative;
	}
		.suggestions-title {
			position: absolute;
			bottom: 20px;
			left: 40px;
		}
	.services-slider {
		height: 500px;
		width: 100%;
	}
	.migros-flags {
		max-height: 400px;
		margin: 40px auto 0px auto;
	}
	/* ------ Icons ------ */
	#service-question svg {
		height: 90px;
	}
	.container-service .moodpicture h1 {
		line-height: 34px;
	}
	.arrow-beige {
		height: 18px;
	}
	.arrow {
		height: 18px;
	}
	.link-arrow-black h2:after {
		background-size: 18px;
		height: 23px;
		width: 40px;
		background-position: right;
	}
	.link-arrow-white h2:after {
		background-size: 18px;
		height: 26px;
		width: 40px;
		background-position: right;
	}
	.link-arrow-black h3:after {
		background-size: 18px;
		height: 35px;
		width: 50px;
		margin-bottom: -9px;
		background-position: right;
	}
	.link-arrow-black p:after {
		background-size: 18px;
		height: 18px;
		width: 40px;
		margin-bottom: -2px;
		background-position: right;
	}
	.link-arrow-black-left p:before {
		background-size: 18px;
		height: 29px;
		width: 40px;
		background-position: left;
	}
	.link-arrow-white p:after {
		height: 40px;
	    background-size: 15px;
	    background-position: 68% 55%;
	    margin-bottom: -12px;
	    width: 25px;
	}
	.link-arrow-white h3:after {
		content: "";
		display: inline-block;
	    background-size: 18px;
	    background-position: 76% 53%;
	    margin-bottom: -3px;
	    width: 50px;
	    height: 25px;
	}
	.link-arrow-white-left p:before, .link-arrow-black-left p:before {
		background-size: 15px;
		height: 18px;
		width: 40px;
		margin-bottom: -2px;
		background-position: left;
	}
	.arrow-beige {
		height: 30px;
	}
	.center-arrow {
		-moz-transition: bottom 0.1s;
	    -webkit-transition: bottom 0.1s;
	    transition: bottom 0.1s;
	    bottom: auto;
	   	margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottom: 20px;
		left: 0;
		right: 0;
	}
	.arrow-quote {
		bottom: 0 !important;
		top: 45%;
	}
	.box-service svg, .service-fullwidth svg {
		height: 90px;
	}
	.socialmedia, .mail-icon {
		margin-top: 20px;
	}
	.form-signin input, .form-signin textarea {
		width: 100%;
		font-size: 17px;
		padding-left: 10px;
	}
	.icon-portfolio {
		width: 100%;
	}
		.icon-portfolio .icons {
			text-align: center;
		}
	/* ------ Banner ------ */
	.banner-black {
		height: 100%;
    	padding-top: 40px;
    	padding-bottom: 40px;
	}
		.banner-black h2 {
			margin-top: 0px;
			margin-bottom: 30px;
		}
	.slider-services-black {
		height: 530px;
	}
	.banner {
		padding-top: 20px;
    	padding-bottom: 20px;
	}
	/* ------ Navigation ------ */
	.cross{
		float: right;
		position: absolute !important;
		right: 29px;
		top: 44px;
	}
	#navbar {
		border-top: none;
		height: 100vh !important;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.75);
		padding-left: 45px;
		right: -100%;
	}
	.navbar {
	    right: 0px;
	    z-index: 1;
	    position:fixed;
	    top: 110px;
	}
	.navbar-nav>li {
		float: none;
		text-transform: uppercase;
		font-size: 30px;
	}
	.logo {
		max-height: 27px;
		margin-left: 25px;
		position: absolute;
		left: 0px;
		top: 47px;
	}
	/* ------ Buttons ------ */
	.btn-book {
		width: 100%;
	}
	.btn-send {
		background-color: white;
		color: black;
		width: 70%;
		height: 82px;
		border: none;
		text-align: center;
	}
		.btn-send p {
			margin: 0px;
		}
	/* ------ Boxes ------ */
	.margin-content-top		{ margin-top: 120px; }
	.margin-light 			{ margin: 5px 0px; }
	.margin-strong-top		{ margin-top: 40px; }
	.margin-strong-bottom	{ margin-bottom: 40px; }
	.margin-medium-top		{ margin-top: 20px; }
	.margin-medium-bottom	{ margin-bottom: 20px; }
	.margin-light-top		{ margin-top: 15px; }
	.margin-light-bottom	{ margin-bottom: 15px; }

	.space-strong			{ height: 40px;}

	.padding-light 			{ padding: 5px 0px; }
	.padding-strong-top		{ padding-top: 40px; }
	.padding-strong-bottom	{ padding-bottom: 40px; }
	.padding-medium-top		{ padding-top: 20px; }
	.padding-medium-bottom	{ padding-bottom: 20px; }
	.padding-light-top		{ padding-top: 15px; }
	.padding-light-bottom	{ padding-bottom: 15px; }

	.phone-strong-top		{ margin-top: 40px; }
	.phone-strong-bottom	{ margin-bottom: 40px; }
	.phone-medium-top		{ margin-top: 15px; }
	.phone-medium-bottom	{ margin-bottom: 15px; }
	.phone-light-top		{ margin-top: 10px; }
	.phone-light-bottom		{ margin-bottom: 10px; }

	.padding-strong			{ padding-top: 50px; padding-bottom: 50px; }
	.padding-text			{ padding: 0px 10px; }
	.padding-light 			{ padding: 20px 0px; }
	.phone-margin 			{ margin-bottom: 40px; }
	.branding				{ padding-top: 20px; padding-bottom: 40px;}
	.service-fullwidth		{ height: 107px; margin-bottom: 30px; }
	.box-service, .service-open .box-service, .service-open .service-fullwidth { height: 213px; margin-bottom: 30px;}


	/* ------ Text ------ */
	.moodpicture h1, .teaser-video h1 {
		font-size: 65px;
	}
	h1 {
		font-size: 34px;

	}
	.teaser-team h1 {
		font-size: 60px;
		line-height: 50px;
	}
	h2 {
		font-size: 25px;
	}
		h2.h2-large {
			font-size: 57px;
			line-height: 57px;
			padding-top: 70px;
			padding-bottom: 40px;
		}
	h3 {
		font-size: 20px;
	}
	.references-title p {
		font-size: 20px;
		margin-bottom: 0px;
	}
	.references-title h3 {
		font-size: 28px;
		margin-top: 0px;
	}
	.home-title h1,h2 {
		margin: 0px;
	}
	p {
		font-size: 17px;
	}
	.hide-service {
		margin-top: 250px;
	}
	.link-impress {
		padding: 5px 10px 10px 10px !important;
	}
	.teaser-quotes h2 {
		font-size: 21px;
    	letter-spacing: 1.4px;
	}
	/* ------ Displays ------ */
	.visible-desktop{ display: none !important; }
	.visible-mobile	{ display: block !important; }
	.hidden-desktop	{ display: block !important; }
	.hidden-mobile	{ display: none !important; }
}

/********** STUFE 2 TABLET **********/
@media (min-width: 768px) and (max-width: 1191px) {
	/* ------ Bilder ------ */
	.slider-home .teaser-img {
		display: block !important;
	}
	.slider-home .banner-black {
		padding-top: 30px;
		height: 30%;
	}
		.slider-home .banner-black h2 {
			margin-top: 0px;
		}
	.teaser-heads {
		height: 70% !important;
		width: 100% !important;
		background-position: 20%;
	}
	.hashtag {
		opacity: 1 !important;
	}
	.moodpicture, .teaser-video {
		height: 100vh !important;
	}
		.moodpicture h1, .teaser-video h1 {
			line-height: 80px !important;
		}
	.header-zoom {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-attachment: fixed;
	    background-position: bottom;
	    background-repeat: no-repeat;
	    background-size: cover;
	    z-index: -1;
	}
	.parallax {
		background-position: center !important;
	}
	.teaser-portfolio {
		height: 990px;
	}
		.teaser-portfolio img {
			margin-top: 20px;
		}
		.teaser-portfolio h2 {
			font-size: 106px;
		}
	.teaser-team {
		height: 100vh;
	    background-position: 70%;
	}
	.references {
		height: 426px;
	}
		.references-title {
			bottom: 40px;
			left: 50px;
		}
		.cross{
			float: right;
		}
	.photographythumbs {
		height: 300px;
	}
	.employee {
		width: 100%;
		height: 427px;
	}
		.employee h3 {
			font-size: 40px;
			margin-top: 0px;
		}
		.employee p {
			margin-bottom: 0px;
			font-size: 27px;
		}
	.rsDefault .rsTabs, .rsDefaultInv .rsTabs {
		bottom: 200px !important;
	}
	.box-service img, .service-fullwidth img {
		height: 90px;
	}
	#service-question svg {
		height: 90px;
	}
	.suggestions {
		height: 300px;
		position: relative;
	}
		.suggestions-title {
			position: absolute;
			bottom: 20px;
			left: 40px;
		}
		.suggestions-title h3 {
			font-size: 30px;
		}
	.services-slider {
		height: 700px;
		width: 100%;
	}
	.migros-flags {
		max-height: 300px;
	}
	/* ------ Banner ------ */
	.banner-black, .slider-services-black {
		height: 520px;
	}
		.banner-black h2 {
			margin-bottom: 60px;
		}
	.banner {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	/* ------ Navigation ------ */
	.navbar-nav>li {
		float: none;
		text-transform: uppercase;
		font-size: 30px;
	}
	.navbar-nav>li>a {
		padding-left: 0px;
		padding-right: 0px;
	}
	#navbar {
		border-top: none;
		height: 100vh !important;
		width: 400px;
		background-color: rgba(0, 0, 0, 0.75);
		padding-left: 56px;
		position: fixed;
		right: -400px;
	}
	.logo {
		max-height: 27px;
	}
	.navbar {
	    right: 0px;
	    z-index: 1;
	    position:fixed;
	    top: 110px;
	}
	/* --- Icons --- */
	.arrow-beige {
		height: 25px;
	}
	.arrow {
		height: 25px;
	}
	.link-arrow-black h2:after {
		background-size: 25px;
		height: 62px;
		width: 40px;
		background-position: right;
	}
	.link-arrow-white h2:after {
		background-size: 18px;
		height: 62px;
		width: 40px;
		background-position: right;
	}
	.link-arrow-white p:after {
	    height: 40px;
	    background-size: 18px;
	    background-position: 68% 55%;
	    margin-bottom: -12px;
	    width: 33px;
	}
	.link-arrow-white h3:after {
		content: "";
		display: inline-block;
	    background-size: 18px;
	    background-position: 76% 53%;
	    margin-bottom: 0px;
	    width: 50px;
	    height: 28px;
	}
	.link-arrow-white-left p:before, .link-arrow-black-left p:before {
		background-size: 18px;
		height: 18px;
		width: 40px;
		margin-bottom: -2px;
		background-position: left;
	}
	.link-arrow-black h3:after {
		background-size: 18px;
		height: 35px;
		width: 50px;
		margin-bottom: -4px;
		background-position: right;
	}
	.link-arrow-black p:after {
		background-size: 18px;
		height: 29px;
		width: 40px;
		margin-bottom: -7px;
		background-position: right;
	}
	.arrow-beige {
		height: 40px;
	}
	.arrow-quote {
		bottom: 0 !important;
		top: 60%;
	}
	.center-arrow {
		-moz-transition: bottom 0.1s;
	    -webkit-transition: bottom 0.1s;
	    transition: bottom 0.1s;
	    bottom: 45px;
	   	margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		left: 0;
		right: 0;
	}
		.center-arrow:hover {
			bottom: 38px;
			-moz-transition: bottom 0.1s;
	    -webkit-transition: bottom 0.1s;
	    transition: bottom 0.1s;
		}
	.hide-service {
		margin-top: 250px;
	}
	.box-service svg, .service-fullwidth svg {
		height: 90px;
	}
	/* ------ Buttons ------ */
	.btn-book {
		width: 350px;
	}
	.btn-send {
		background-color: white;
		color: black;
		width: 350px;
		height: 82px;
		border: none;
		text-align: center;
	}
		.btn-send p {
			margin: 0px;
		}
	/* ------ Boxes ------ */
	.margin-content-top		{ margin-top: 120px; }
	.margin-light 			{ margin: 5px 0px; }
	.margin-strong-top		{ margin-top: 40px; }
	.margin-strong-bottom	{ margin-bottom: 40px; }
	.margin-medium-top		{ margin-top: 20px; }
	.margin-medium-bottom	{ margin-bottom: 20px; }
	.margin-light-top		{ margin-top: 15px; }
	.margin-light-bottom	{ margin-bottom: 15px; }

	.space-strong			{ height: 40px;}

	.padding-light 			{ padding: 5px 0px; }
	.padding-strong-top		{ padding-top: 40px; }
	.padding-strong-bottom	{ padding-bottom: 40px; }
	.padding-medium-top		{ padding-top: 20px; }
	.padding-medium-bottom	{ padding-bottom: 20px; }
	.padding-light-top		{ padding-top: 15px; }
	.padding-light-bottom	{ padding-bottom: 15px; }
	.branding				{ padding-top: 50px; padding-bottom: 80px;}
	.service-fullwidth		{ height: 106.5px; margin-bottom: 30px; }
	.box-service, .service-open .box-service, .service-open .service-fullwidth 			{ height: 213px; margin-bottom: 30px;}

	.padding-strong			{ padding-top: 50px; padding-bottom: 50px; }
	.padding-text			{ padding: 0px 40px; }
	.padding-light 			{ padding: 20px 0px; }


	/* ------ Text ------ */
	h1 {
		font-size: 93px;
	}
	.teaser-team h1 {
		font-size: 70px;
		line-height: 60px;

	}
	h2 {
		font-size: 45px;
	}
		h2.h2-large {
			font-size: 104px;
			line-height: 104px;
			padding-top: 70px;
			padding-bottom: 40px;
		}
	h3 {
		font-size: 40px;
	}
	p, #content ul li, form label {
		font-size: 17px;
	}
	.display-inline {
		display: inline-block;
	}
	.home-title h1 {
		margin: -10px;
	}
	.home-title h2 {
		margin: 0px;
	}
	.employee-title {
		bottom: 20px;
		left: 20px;
	}
	.interests {
		padding-top: 20px;
		padding-bottom: 20px;
		height: 300px;
	}
	.container-service .moodpicture h1 {
		line-height: 80px !important;
	}
	.h1-small {
		font-size: 70px !important;
	}
	.form-signin input, .form-signin textarea {
		font-size: 17px;
		padding-left: 10px;
		width: 500px;
	}
	.input-name {
		margin-bottom: 18px;
		margin-top: 15px;
	}
	/* ------ Displays ------ */
	.visible-desktop	{ display: none !important; }
	.visible-mobile		{ display: block !important; }
	.hidden-desktop 	{ display: block !important; }
	.hidden-mobile		{ display: none !important; }
}

/*********** STUFE 3 DESKTOP ***********/
@media (min-width: 1192px) and (max-width: 1719px) {

	/* ------ Bilder ------ */
	.moodpicture, .teaser-video {
		height: 100vh !important;
	}
	.teaser-heads {
		height: 100% !important;
		width: 100% !important;
		background-position: center;
	}
	.aq-logo {
		max-width: 100%;
	}
	.header-zoom {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	    -moz-transition: all 20s;
	    -webkit-transition: all 20s;
	    transition: all 20s;
	    -moz-transform: scale(2,2);
	    -webkit-transform: scale(2,2);
	    transform: scale(2,2);
	    background-position: bottom;
	    background-repeat: no-repeat;
	    background-size: cover;
	    z-index: -1;
	}
	.parallax {
		background-size: cover;
		background-attachment: fixed;
	}
	.teaser-portfolio {
		height: 990px;
	}
		.teaser-portfolio img {
			margin-top: 75px;
		}
		.teaser-portfolio h2 {
			font-size: 106px;
		}
	.teaser-team {
		height: 100vh;
		background-attachment: fixed;
	}
	.zoomout {
	    -moz-transform: scale(1,1) !important;
	    -webkit-transform: scale(1,1) !important;
	    transform: scale(1,1) !important;
	}
	.references {
		height: 426px;
	}
	.photographythumbs {
		height: 300px;
	}
	.employee {
		width: 100%;
		height: 427px;
	}
	.rsDefault .rsTabs, .rsDefaultInv .rsTabs {
		bottom: 100px !important;
	}
	.slider-fade {
		height: 500px;
	}
	.box-service img, .service-fullwidth img {
		height: 90px;
	}
	.suggestions {
		height: 250px;
		position: relative;
	}
		.suggestions-title {
			position: absolute;
			bottom: 20px;
			left: 40px;
		}
	.services-slider {
		height: 700px;
		width: 100%;
	}
	/* ------ Icons ------ */
	#service-question svg {
		height: 90px;
	}
	.container-service .moodpicture h1 {
		line-height: 120px;
	}
	.arrow {
		height: 25px;
	}
	.arrow-beige {
		height: 25px;
	}
	.link-arrow-black h2:after {
		background-size: 25px;
		height: 62px;
		width: 40px;
		background-position: right;
	}
	.link-arrow-white h2:after {
		background-size: 25px;
		height: 62px;
		width: 40px;
		background-position: 66% 43%;
	}
	.link-arrow-black h3:after {
		background-size: 25px;
		height: 35px;
		width: 40px;
		margin-bottom: -2px;
		background-position: right;
	}
	.link-arrow-white-left p:before, .link-arrow-black-left p:before {
		background-size: 25px;
		height: 29px;
		width: 40px;
		margin-bottom: -4px;
		background-position: left;
	}
	.link-arrow-white p:after, .link-arrow-black p:after {
		font-size: 32px;
		height: 33px;
	    background-size: 25px;
	    background-position: 76% 53%;
	    margin-bottom: -8px;
	    width: 50px;
	}
	.link-arrow-white h3:after {
		content: "";
		display: inline-block;
	    background-size: 25px;
	    background-position: 76% 53%;
	    margin-bottom: -8px;
	    width: 50px;
	    height: 44px;
	}
		.references:hover .link-arrow-white h3:after, .btn-book:hover h3:after, .references:hover .link-arrow-white p:after, .link-arrow-white p:hover:after, .references:hover .link-arrow-black h3:after, .link-arrow-black p:hover:after, .employee:hover .link-arrow-white h3:after {
			background-position: 101% 53%;
		}
	.link-arrow-white-left p:hover:before {
		background-position: -10%;
	}
	.link-arrow-white h2:hover:after {
    	background-position: 88% 43%;
	}
	.arrow-beige {
		height: 40px;
	}
	.center-arrow {
		-moz-transition: bottom 0.1s;
	    -webkit-transition: bottom 0.1s;
	    transition: bottom 0.1s;
	    bottom: 45px;
	   	margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		left: 0;
		right: 0;
	}
		.center-arrow:hover {
			bottom: 38px;
			-moz-transition: bottom 0.1s;
		    -webkit-transition: bottom 0.1s;
		    transition: bottom 0.1s;
		}
	.center-arrow-right {
		position: absolute;
		-moz-transition: left 0.1s;
	    -webkit-transition: left 0.1s;
	    transition: left 0.1s;
	    left: 45px;
	   	margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}
		.center-arrow-right:hover {
			left: 10px;
			-moz-transition: left 0.1s;
		    -webkit-transition: left 0.1s;
		    transition: left 0.1s;
		}
	.socialmedia, .mail-icon {
		margin-top: -13px;
	}
	.box-service svg, .service-fullwidth svg {
		height: 90px;
	}
	/* ------ Banner ------ */
	.banner-black, .slider-services-black {
		height: 520px;
	}
		.banner-black h2 {
			margin-bottom: 60px;
		}
	.banner {
		height: 420px;
	}
	/* ------ Navigation ------ */
	.cross{
		float: right;
	}
	#navbar {
		border-top: none;
		height: 100vh !important;
		width: 400px;
		background-color: rgba(0, 0, 0, 0.75);
		padding-left: 56px;
		right: -400px;
	}
	.navbar {
	    right: 0px;
	    z-index: 1;
	    position:fixed;
	    top: 110px;
	}
	.navbar-nav>li {
		float: none;
		text-transform: uppercase;
		font-size: 30px;
	}
	.navbar-nav>li>a {
		padding-left: 0px;
		padding-right: 0px;
	}
	.logo {
		max-height: 27px;
	}
	/* ------ Buttons ------ */
	.btn-book {
		width: 350px;
	}
	.btn-send {
		background-color: white;
		color: black;
		width: 350px;
		height: 82px;
		border: none;
		text-align: center;
	}
		.btn-send p {
			margin: 0px;
		}
	/* ------ Boxes ------ */
	.margin-content-top		{ margin-top: 120px; }
	.margin-light 			{ margin: 10px 0px; }
	.margin-strong-top		{ margin-top: 150px; }
	.margin-strong-bottom	{ margin-bottom: 150px; }
	.margin-medium-top		{ margin-top: 20px; }
	.margin-medium-bottom	{ margin-bottom: 20px; }
	.margin-light-top		{ margin-top: 12px; }
	.margin-light-bottom	{ margin-bottom: 12px; }

	.space-strong			{ height: 150px;}

	.padding-light 			{ padding: 10px 0px; }
	.padding-strong-top		{ padding-top: 45px; }
	.padding-strong-bottom	{ padding-bottom: 45px; }
	.padding-medium-top		{ padding-top: 20px; }
	.padding-medium-bottom	{ padding-bottom: 20px; }
	.padding-light-top		{ padding-top: 12px; }
	.padding-light-bottom	{ padding-bottom: 12px; }
	.branding				{ padding-top: 50px; padding-bottom: 80px;}
	.service-fullwidth		{ height: 107px; margin-bottom: 30px; }
	.box-service, .service-open .box-service, .service-open .service-fullwidth 			{ height: 213px; margin-bottom: 30px;}
	.wrapper 				{ height: 837px;}

	.padding-strong			 { padding-top: 50px; padding-bottom: 50px; }
	.padding-text			{ padding: 0px 20px; }
	.padding-light			{ padding: 20px 0px; }


	/* ------ Text ------ */
	h1 {
		font-size: 150px;
		line-height: 140px;
	}
		.teaser-team h1 {
			font-size: 80px;
			line-height: 70px;
		}
	h2 {
		font-size: 50px;
		line-height: 45px;
	}
		h2.h2-large {
			font-size: 104px;
			line-height: 104px;
			padding-top: 70px;
			padding-bottom: 40px;
		}
	h3 {
		font-size: 37px;
	}
	p, form label, #content ul li {
		font-size: 23px;
	}
	.display-inline {
		display: inline-block;
	}
	.home-8le h1 {
		margin: -10px;
	}
	.home-title h2 {
		margin: 0px;
	}
	.form-signin input, .form-signin textarea {
		font-size: 23px;
		padding-left: 10px;
		width: 500px;
	}
	.input-name {
		margin-bottom: 18px;
		margin-top: 10px;
	}
	.interests {
		height: 250px;
	}
	.employee-title {
		bottom: 20px;
		left: 20px;
	}
	.references-title {
		bottom: 40px;
		left: 50px;
	}
	.hide-service {
		margin-top: 250px;
	}
	.h1-small {
		font-size: 120px !important;
	}
	/* ------ Displays ------ */
	.visible-desktop{ display: block !important; }
	.visible-mobile	{ display: none !important; }
	.hidden-desktop { display: none !important; }
	.hidden-mobile	{ display: block !important; }
}

/*********** STUFE 4 DESKTOP ***********/
@media (min-width: 1720px) {
	/* ------ Bilder ------ */
	.moodpicture, .teaser-video {
		height: 100vh !important;
		letter-spacing: 1px;
	}
		.moodpicture h1, .teaser-video h1 {
			line-height: 142px !important;
		}
	.teaser-heads {
		height: 100% !important;
		width: 100% !important;
		background-position: center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	  	align-items: center;
	  	justify-content: center;
	}
	.teaser-team {
		height: 100vh;
		background-attachment: fixed;
	}
	.parallax {
		background-size: cover;
		background-attachment: fixed;
	}
	.zoomout {
	    -moz-transform: scale(1,1) !important;
	    -webkit-transform: scale(1,1) !important;
	    transform: scale(1,1) !important;
	}
	.teaser-portfolio {
		height: 990px;
	}
		.teaser-portfolio h2:hover img {
			margin-right: -15px;
		}
		.teaser-portfolio img {
			margin-top: 75px;
		}
		.teaser-portfolio h2 {
			margin-top: 10px;
			font-size: 106px;
		}
		.teaser-portfolio p {
			margin-bottom: 0px;
		}
	.header-zoom {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	    -moz-transition: all 20s;
	    -webkit-transition: all 20s;
	    transition: all 20s;
	    -moz-transform: scale(2,2);
	    -webkit-transform: scale(2,2);
	    transform: scale(2,2);
	    background-position: bottom;
	    background-repeat: no-repeat;
	    background-size: cover;
	    z-index: -1;
	}
	.references {
		height: 426px;
		position: relative;
	}
	.photographythumbs {
		height: 300px;
		position: relative;
	}
	.suggestions {
		height: 250px;
		position: relative;
	}
	.employee {
		width: 100%;
		height: 427px;
	}
		.employee h3 {
			margin-top: 0px;
		}
		.employee p {
			margin-bottom: 0px;
		}
	.rsDefault .rsTabs, .rsDefaultInv .rsTabs {
		bottom: 100px !important;
	}
	.branding-textbox img {
		position: absolute;
		right: 20px;
		bottom: 10px !important;
	}
	.box-service img, .service-fullwidth img {
		height: 90px;
		margin-bottom: -35px;
	}
		.box-service svg, .service-fullwidth svg {
			height: 90px;
			margin-bottom: -35px;
		}
	.aq-logo {
		max-width: 100%;
	}
	.imagesteigerung {
		margin-left: -120px;
	}
	.services-slider {
		height: 700px;
		width: 100%;
	}
	/* ------ Icons ------ */
	#service-question svg {
		height: 90px;
	}
	.container-service {
		line-height: 104px;
	}
	.socialmedia, .mail-icon {
		margin-top: -13px;
	}
	.arrow {
		-moz-transition: margin-right 0.3s;
	    -webkit-transition: margin-right 0.3s;
	    transition: margin-right 0.3s;
		height: 25px;
	}
		.arrow:hover {
			-moz-transition: margin-right 0.3s;
		    -webkit-transition: margin-right 0.3s;
		    transition: margin-right 0.3s;
			margin-right: -15px;
		}
	.link-arrow-black h2:after {
		background-size: 25px;
		height: 62px;
		width: 40px;
		background-position: right;
	}
	.link-arrow-white h2:after {
		background-size: 25px;
		height: 62px;
		width: 40px;
		background-position: 66% 43%;
	}
	.link-arrow-black h3:after {
		background-size: 25px;
		height: 35px;
		width: 40px;
		margin-bottom: -2px;
		background-position: right;
	}
	.link-arrow-white-left p:before {
		background-size: 25px;
		height: 29px;
		width: 40px;
		margin-bottom: -4px;
		background-position: 11% 70%;
	}
	.link-arrow-white-left p:hover:before, .link-arrow-black-left p:hover:before {
		background-position: -5% 70%;
	}
	.link-arrow-black-left p:before {
		background-size: 25px;
		height: 29px;
		width: 40px;
		margin-bottom: -4px;
		background-position: 11% 70%;
	}
	.link-arrow-white p:after, .link-arrow-black p:after {
		font-size: 32px;
		height: 31px;
	    background-size: 25px;
	    background-position: 76% 53%;
	    margin-bottom: -8px;
	    width: 50px;
	}
	.link-arrow-white h3:after {
		content: "";
		display: inline-block;
	    background-size: 25px;
	    background-position: 76% 53%;
	    margin-bottom: -8px;
	    width: 50px;
	    height: 44px;
	}
	.references:hover .link-arrow-white h3:after, .btn-book:hover h3:after, .references:hover .link-arrow-white p:after, .link-arrow-white p:hover:after, .references:hover .link-arrow-black h3:after, .link-arrow-black p:hover:after, .employee:hover .link-arrow-white h3:after, .teaser-portfolio:hover .teaser-portfolio h2:after {
		background-position: 101% 53%;
	}
	.link-arrow-white h2:hover:after {
		background-position: 88% 43%;
	}
	.center-arrow {
		-moz-transition: bottom 0.1s;
	    -webkit-transition: bottom 0.1s;
	    transition: bottom 0.1s;
	    bottom: 45px;
	   	margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		left: 0;
		right: 0;
	}
		.center-arrow:hover {
			bottom: 38px;
			-moz-transition: bottom 0.1s;
		    -webkit-transition: bottom 0.1s;
		    transition: bottom 0.1s;
		}
	.center-arrow-right {
		position: absolute;
		-moz-transition: left 0.1s;
	    -webkit-transition: left 0.1s;
	    transition: left 0.1s;
	    bottom: 45px;
	   	margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}
		.center-arrow-right:hover {
			left: 10px;
			-moz-transition: left 0.1s;
		    -webkit-transition: left 0.1s;
		    transition: left 0.1s;
		}
	.arrow-beige {
		height: 40px;
	}
	/* ------ Banner ------ */
	.banner-black, .slider-services-black {
		height: 520px;
	}
		.banner-black h2 {
			margin-bottom: 50px;
			line-height: 60px;
		}
	.banner-grey {
		height: 700px;
	}
	.banner {
		height: 420px;
	}
	/* ------ Navigation ------ */
	.cross {
		float: right;
	}
	.navbar-nav>li {
		float: none;
		text-transform: uppercase;
		font-size: 37px;
	}
	#navbar {
		border-top: none;
		height: 100vh !important;
		width: 331px;
		background-color: rgba(0, 0, 0, 0.75);
		padding-left: 56px;
		right: -552px;
	}
	.navbar-nav>li>a {
		padding-left: 0px;
		padding-right: 0px;
	}
	.logo {
		max-height: 27px;
	}
	.navbar {
	    right: 0px;
	    z-index: 1;
	    position:fixed;
	    top: 110px;
	}
	/* ------ Buttons ------ */
	.btn-book {
		width: 350px;
	}
	.btn-send {
		background-color: white;
		color: black;
		width: 350px;
		height: 82px;
		border: none;
		text-align: center;
	}
		.btn-send p {
			margin: 0px;
		}
	/* ------ Boxes ------ */
	.margin-content-top		{ margin-top: 120px; }
	.margin-light 			 { margin: 10px 0px; }
	.margin-strong-top		 { margin-top: 150px; }
	.margin-strong-bottom	 { margin-bottom: 150px; }
	.margin-medium-top		 { margin-top: 20px; }
	.margin-medium-bottom	 { margin-bottom: 20px; }
	.margin-light-top		 { margin-top: 15px; }
	.margin-light-bottom	 { margin-bottom: 15px; }
	.padding-strong-top		 { padding-top: 150px; }
	.padding-strong-bottom	 { padding-bottom: 150px; }
	.padding-medium-top		 { padding-top: 20px; }
	.padding-medium-bottom	 { padding-bottom: 20px; }
	.padding-light-top		 { padding-top: 15px; }
	.padding-light-bottom	 { padding-bottom: 15px; }

	.space-strong			 { height: 150px;}

	.padding-text			 { padding: 0px 20px; }
	.padding-strong			 { padding-top: 50px; padding-bottom: 50px; }
	.padding-light			 { padding: 20px 0px; }
	.branding				 { padding-top: 50px; padding-bottom: 80px;}
		.branding h2 			 { margin-bottom: 32px; }
	.branding-textbox		 { height: 300px; position: relative;}
		.branding-textbox h2 	 { position: absolute; margin-bottom: 0px !important; bottom: 0px;}
	.box-service 			 { height: 213px; margin-bottom: 30px; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s;}
	.box-service:hover		 { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s;}
	.service-fullwidth		 { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; height: 106.5px;}
	.service-fullwidth:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s;}
	.wrapper 				 { height: 837px;}
	.service-template		 { height: 213px;}
	/* ------ Text ------ */
	h1 {
		font-size: 90px;
		line-height: 80px;
		letter-spacing: 1px;
	}
	h2 {
		font-size: 66px;
		line-height: 65px;
		letter-spacing: 1px;
	}
		h2.h2-large {
			font-size: 104px;
			line-height: 104px;
			padding-top: 70px;
			padding-bottom: 40px;
		}
	h3 {
		font-size: 37px;
	}
	p, #content ul li form label {
		font-size: 23px;
	}
	p {
		line-height: 30px;
	}
	li {
		list-style: none;
	}
	.form-signin input, .form-signin textarea {
		font-size: 23px;
		padding-left: 10px;
		width: 500px;
	}
	.display-inline {
		display: inline-block;
	}
	.home-title h1 {
		margin: -27px;
	}
	.home-title h2 {
		margin: 0px;
	}
	.employee-title {
		bottom: 20px;
		left: 20px;
	}
	.references-title {
		bottom: 40px;
		left: 50px;
	}
	.suggestions-title {
		position: absolute;
		bottom: 20px;
		left: 40px;
	}
	.interests {
		height: 300px;
	}
	.box-service h3, .service-fullwidth h3 {
		margin-top: 0px;
	}
	.hide-service {
		margin-top: 250px;
	}
	.h1-small {
		font-size: 120px !important;
	}
	.input-name {
		margin-bottom: 18px;
		margin-top: 10px;
	}
	.teaser-quotes .hidden-mobile h2 {
		font-size: 52px !important;
		line-height: 50px;
	}
	/* ------ Displays ------ */
	.visible-desktop{ display: block !important; }
	.visible-mobile	{ display: none !important; }
	.hidden-desktop { display: none !important; }
	.hidden-mobile	{ display: block !important; }
}

@media (max-width: 767px) {
	.companion-sentence {
		display: block;
		padding: 0px 0px 10px 0px;
		margin-top: -34px;
	}
}
@media (min-width: 768px) {
	.companion-sentence {
		display: block;
		padding: 0px 0px 10px 0px;
		margin-top: -34px;
	}
}
@media (min-width: 768px){
	.employee-only-by-xs{
		background-position-y: 14%;
	}
}

.no-pad 	{ padding: 0 !important; }
.no-margin 	{ margin: 0 !important; }


@-webkit-viewport   { width: device-width !important; }
@-moz-viewport      { width: device-width !important; }
@-ms-viewport       { width: device-width !important; }
@-o-viewport        { width: device-width !important; }
@viewport           { width: device-width !important; }