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

.container-cinema {
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,1.00);
	padding-left: 5%;
	padding-right: 5%;
	font-size: 0px;
}

@media only screen and (max-width: 766px) {
	.container-cinema {
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,1.00);
	padding-left: 5%;
	padding-right: 5%;
	font-size: 0px;
	padding-bottom: 20px;
}
}

.leistungen-cinema-headline {
	font-family: headline;
	font-size: 40px;
	line-height: 44px;
	color: rgba(0,0,0,1.00);
	width: 79.917355371901%;
	padding-top: 150px;
	margin: 0 !important;
}

.leistung-cinema-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	color: rgba(0,0,0,1.00);
	width: 79.917355371901%;
	padding-top: 35px;
	text-align: left;
	padding-bottom: 150px;
}


.submenue-content-left {
    width: 50%;
    height: auto;
    display: none;
    color: rgba(0,0,0,1.00);
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: "proxima-nova";
    font-weight: 600;
}

.submenue-content-right {
    width: 50%;
    height: auto;
    display: none;
	font-size: 10px;
	font-family: "proxima-nova";
	font-weight: 500;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: rgba(0,0,0,1.00);
}

@media only screen and (max-width: 766px) {
.submenue-content-left {
    width: 100%;
    height: auto;
    display: none;
    color: rgba(0,0,0,1.00);
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: "proxima-nova";
    font-weight: 600;
}
	
.submenue-content-right {
    width: 50%;
    height: auto;

	font-size: 10px;
	font-family: "proxima-nova";
	font-weight: 500;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: rgba(0,0,0,1.00);
	display: none;
}
}


.container-content {
	width: 100%;
	height: auto;
	background-color: rgba(0,0,0,1.00);
	font-size: 0px;
	clear: both;
}


.leistungen-stage-container {
	width: 90%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 5%;
	margin-right: 5%;
	display: flex;
	align-items: center;
}


.leistungen-stage-content {
    width: 50%;
    height: auto;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}

.leistungen-stage-mobil-icons {
	display: none;
}

.leistungen-stage-picture {
	width: 50%;
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
	align-content: center;
	align-items: center;
}

.leistungen-stage-picture-right  {
	height: auto;
	width: 32%;
	position: absolute;
	z-index: 2;
	margin-left: 9.5%;
}

.leistungen-stage-picture-left  {
	height: auto;
	width: 32%;
	position: absolute;
	z-index: 2;
	margin-left: 3%;
}

.leistungen-stage-picture-app-entwicklung  {
	height: auto;
	width: 29%;
	position: absolute;
	z-index: 2;
	margin-left: 5%;
}

.leistungen-stage-picture-socialmedia {
    height: auto;
    width: 29%;
    position: absolute;
    z-index: 2;
    margin-left: 12%;
}

.leistungen-stage-picture-branding  {
	height: auto;
	width: 32%;
	position: absolute;
	z-index: 2;
	margin-left: 6%;
}

.leistungen-stage-picture-grafikdesign {
    height: auto;
    width: 32%;
    position: absolute;
    z-index: 2;
    margin-left: 3.4%;
}

.leistungen-stage-picture-konzeption {
    height: auto;
    width: 32%;
    position: absolute;
    z-index: 2;
    margin-left: 3.5%;
}

.leistungen-stage-picture video {
	position: relative;
}

.leistungen-webseite-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
}

.leistungen-webseiten-underline {
	width: 250px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistung-webseiten-subtitel {
	font-family: headline;
	font-size: 28px;
	line-height: 32px;
	color: rgba(255,255,255,1.00);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistung-webseiten-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}

.leistungen-strich {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	background-color: rgba(51,51,51,1.00);
}


.leistungen-social-container {
	width: 90%;
	height: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: 5%;
	margin-right: 5%;
	background-image: url("../images/leistungen/vanachibald-leistungen-socialmedia.png");
	background-size: 50% auto;
	background-position: left center;
	background-repeat: no-repeat;
}


.leistungen-social-content {
	width: 50%;
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
	margin-left: 50%
}

.leistungen-social-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
}

.leistungen-social-underline {
	width: 125px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistung-social-subtitel {
	font-family: headline;
	font-size: 28px;
	line-height: 32px;
	color: rgba(255,255,255,1.00);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistung-social-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}


.leistungen-more-container {
	width: 90%;
	height: auto;
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 0px;
}

.leistungen-more-wrapper {
	width: 100%;
	clear: both;
}

.leistungen-more-content{
	width: 50%;
	height: auto;
	display: inline-block;
	text-align: center;
	padding-bottom: 100px;
	vertical-align: top;
}

.leistungen-more-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
}

.leistungen-more-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistungen-more-underline-content-marketing {
	width: 187px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-naiming-claiming {
	width: 175px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-magazine-broschueren {
	width: 230px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-geschaefts-jahresberichte {
	width: 305px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-PR {
	width: 22px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-aussenwerbung {
	width: 158px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-messedesign {
	width: 120px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-suchmaschinen-marketing {
	width: 257px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-schulungen-workshops {
	width: 252px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-webseiten {
    width: 98px;
    height: 3px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
}

.leistungen-more-underline-strategie {
    width: 92px;
    height: 3px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
}

.leistungen-more-underline-controlling-betreuung {
	width: 249px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-personen-oeffentliches-leben {
	width: 335px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-app-design {
    width: 103px;
    height: 3px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
}

.leistungen-more-underline-rollout {
    width: 78px;
    height: 3px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
}

.leistungen-more-underline-landingapges {
    width: 131px;
    height: 3px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
}

.leistungen-more-underline-onlineshops {
    width: 123px;
    height: 3px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
}

.leistungen-more-underline-content-generierung {
	width: 210px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-sicherheit-hosting {
	width: 200px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-packaging-design {
	width: 169px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-editorial-design {
	width: 157px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-beschilderungen-leitsysteme {
	width: 330px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-fotografie {
	width: 109px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-flyer-plakate {
	width: 173px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-anzeigen-werbemotive {
	width: 260px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-analyse {
	width: 77px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-controlling {
	width: 124px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-aufbau-betreuung {
	width: 225px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-art-direction {
	width: 132px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-content {
	width: 83px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-moderation {
	width: 115px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-netzwerke {
	width: 105px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-redaktionsplan {
	width: 155px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-onlineshop {
	width: 111px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-seoready-2 {
	width: 80px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-dsgvoready {
	width: 104px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}
.leistungen-more-underline-usability {
	width: 104px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-relaunch {
	width: 104px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}




.leistungen-more-underline-logoentwicklung {
	width: 173px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-seo-onpage-optimierung {
	width: 235px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-module-plugins {
	width: 169px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-betreuung {
	width: 104px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-analyse {
	width: 78px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-redesign {
	width: 86px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-geschaeftsausstattung {
	width: 226px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-druckbetreuung {
	width: 166px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-styleguide {
	width: 106px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-produktion {
	width: 115px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-responsive {
	width: 176px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-usability {
	width: 87px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-seoready {
	width: 92px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}



.leistungen-more-underline-email-marketing {
	width: 162px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-reputation {
	width: 107px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-imagefilm {
	width: 94px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-more-underline-konzept-webdesign {
	width: 202px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-more-underline-programmierung {
	width: 167px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}



.leistungen-end-container {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	height: auto;
	padding-top: 50px;
	background-color: rgba(255,255,255,1.00);
	font-size: 0px;
}

.leistungen-end-headline {
    font-family: headline;
    font-size: 40px;
    line-height: 44px;
    color: 
    rgba(0,0,0,1.00);
    width: 79.917355371901%;
    padding-top: 150px;
    padding-bottom: 100px;
}


.wrapper-footer-leistungen {
    background-color: 
    rgba(255,255,255,1.00);
    width: 100%;
    height: auto;
}




.leistungen-kampagnen-container {
	width: 90%;
	height: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: 5%;
	margin-right: 5%;
	background-image: url("../images/leistungen/vanachibald-leistungen-offlinemarketing.png");
	background-size: 50% auto;
	background-position: right center;
	background-repeat: no-repeat;
}

.leistungen-kampagnen-content {
	width: 50%;
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.leistungen-kampagnen-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
}

.leistungen-kampagnen-underline {
	width: 305px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistung-kampagnen-subtitel {
	font-family: headline;
	font-size: 28px;
	line-height: 32px;
	color: rgba(255,255,255,1.00);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistung-kampagnen-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}


.leistungen-social-media-management-underline {
	width: 250px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-social-media-ads-underline {
	width: 163px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistungen-strategie-underline {
	width: 92px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistungen-design-rollout-underline {
	width: 164px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}







 /* DESIGN */

.leistungen-branding-container {
	width: 90%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: 5%;
	margin-right: 5%;
	background-image: url("../images/leistungen/vanachibald-leistungen-design-corporate-design.png");
	background-size: 50% auto;
	background-position: right center;
	background-repeat: no-repeat;
}

.leistungen-branding-content {
	width: 50%;
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.leistungen-branding-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
}

.leistungen-konzeption-underline {
    width: 109px;
    height: 3px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
}

.leistung-branding-subtitel {
	font-family: headline;
	font-size: 28px;
	line-height: 32px;
	color: rgba(255,255,255,1.00);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistung-branding-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}




.leistungen-ux-container {
	width: 90%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: 5%;
	margin-right: 5%;
	background-image: url("../images/leistungen/vanachibald-leistungen-design-ux-design.png");
	background-size: 50% auto;
	background-position: left center;
	background-repeat: no-repeat;
}

.leistungen-ux-content {
	width: 50%;
	margin-left: 50%;
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.leistungen-ux-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
}

.leistungen-socialmedia-underline {
    width: 225px;
    height: 3px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
}

.leistung-ux-subtitel {
	font-family: headline;
	font-size: 28px;
	line-height: 32px;
	color: rgba(255,255,255,1.00);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistung-ux-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}



.leistungen-grafikdesign-container {
	width: 90%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: 5%;
	margin-right: 5%;
	background-image: url("../images/leistungen/vanachibald-leistungen-design-corporate-design.png");
	background-size: 50% auto;
	background-position: right center;
	background-repeat: no-repeat;
}

.leistungen-grafikdesign-content {
	width: 50%;
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.leistungen-grafikdesign-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
}

.leistung-grafikdesign-subtitel {
	font-family: headline;
	font-size: 28px;
	line-height: 32px;
	color: rgba(255,255,255,1.00);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistung-grafikdesign-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}




@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(255,255,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
      box-shadow: 0 0 0 15px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}


/* PROGRAMMIERUNG */

.leistungen-webseiten-container {
	width: 90%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: 5%;
	margin-right: 5%;
	background-image: url("../images/leistungen/vanachibald-leistungen-design-corporate-design.png");
	background-size: 50% auto;
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}

.leistungen-webseiten-content {
	width: 50%;
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.leistungen-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
	border-bottom: 3px solid #fff;
	display: table;
	margin: 0 auto;
}

.leistungen-webseiten-underline {
	width: 98px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistung-webseiten-subtitel {
	font-family: headline;
	font-size: 28px;
	line-height: 32px;
	color: rgba(255,255,255,1.00);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistung-webseiten-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}



.leistungen-webanwendungen-container {
	width: 90%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: 5%;
	margin-right: 5%;
	background-image: url("../images/leistungen/vanachibald-leistungen-design-ux-design.png");
	background-size: 50% auto;
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}

.leistungen-webanwendungen-content {
	width: 50%;
	margin-left: 50%;
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.leistungen-webanwendungen-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
}

.leistungen-webanwendungen-underline {
	width: 177px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}

.leistung-webanwendungen-subtitel {
	font-family: headline;
	font-size: 28px;
	line-height: 32px;
	color: rgba(255,255,255,1.00);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistung-webanwendungen-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}


.leistungen-appentwicklung-container {
	width: 90%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: 5%;
	margin-right: 5%;
	background-image: url("../images/leistungen/vanachibald-leistungen-design-corporate-design.png");
	background-size: 50% auto;
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}

.leistungen-appentwicklung-content {
	width: 50%;
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.leistungen-appentwicklung-headline {
	font-family: "proxima-nova";
	font-size: 18px;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	padding-bottom: 3px;
}

.leistungen-appentwicklung-underline {
	width: 163px;
	height: 3px;
	background-color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}


.leistung-appentwicklung-subtitel {
	font-family: headline;
	font-size: 28px;
	line-height: 32px;
	color: rgba(255,255,255,1.00);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.leistung-appentwicklung-text {
	font-family: "proxima-nova";
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}



/* UNDERLEISTUNGEN -------------------------- */


@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.underleistungen-submenue-container {
	padding-top: 66px;
	width: 100%;
	position: fixed;
	background-color: rgba(255,255,255,0.30);
	height: 100px;
	font-family: "proxima-nova";
	font-size: 14px;
	font-weight: 600;
	color: rgba(255,255,255,1.00);
	padding-right: 5%;
	padding-left: 5%;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}	
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
.underleistungen-submenue-container {
	padding-top: 66px;
	width: 100%;
	position: fixed;
	background-color: rgba(255,255,255,0.80);
	height: 100px;
	font-family: "proxima-nova";
	font-size: 14px;
	font-weight: 600;
	color: rgba(255,255,255,1.00);
	padding-right: 5%;
	padding-left: 5%;
}	
}

.underleistungen-submenue-button {
	margin-left: 46px;
}

.underleistungen-subemnue-button-close {
  position: fixed;
  top: 66px;
  left: 5%;
  width: 35px;
}

.underleistungen-subemnue-button-close img {
	width: 100%;
	height: auto;
	border: none;
}

.underleistungen-cinema-headline {
	color:rgba(0,0,0,1.00);
	font-size: 18px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	font-family: "proxima-nova";
	font-weight: 600;
	text-align: center;
	padding-top: 175px;
	margin: 0 !important;
}

.underleistungen-cinema-text {
    font-family: "proxima-nova";
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: rgba(0,0,0,1.00);
    width: 79.917355371901%;
    padding-top: 35px;
    text-align: center;
    padding-bottom: 120px;
	margin-left: auto;
	margin-right: auto;
}


.underleistungen-cinema-bigpic {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
	display: none;
}

.underleistungen-cinema-bigpic img {
	width: 100%;
	height: auto;
	border: none;
}





#underleistungen-cinema-bigpic {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
	height: 300px;
	display: none;
}

#underleistungen-cinema-bigpic img {
	width: 100%;
	height: auto;
	border: none;
}





.underleistungen-intro-container {
    width: 90%;
    height: auto;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: 5%;
    margin-right: 5%;
	font-size: 0px;
	display: flex;
}

.underleistungen-intro-content {
    width: 50%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
	display: inline-block;
}

.underleistungen-intro-icons-container {
	font-size: 0px;
	display: none;
}

.underleistungen-intro-icons {
	font-size: 14px;
	font-weight: 400;
	color: rgba(255,255,255,0.60);
	align-items: center;
  	justify-content: center;
	display: flex;
	margin-top: 30px;
}

.underleistungen-intro-icons img {
	height: 25px;
	width: auto;
	border: none;
	margin-right: 10px;
}

.underleistungen-zitat-container {
	width: 100%;
    height: auto;
    padding-top: 130px;
    padding-bottom: 130px;
    padding-left: 5%;
    padding-right: 5%; 
}

#underleistungen-zitat {
	width: 79.917355371901%;
	font-family: headline;
	font-size: 40px;
	line-height: 44px;
	color: rgba(255,255,255,1.0);
}

.underleistungen-animatedquote {
  display: grid;
}

.underleistungen-animatedquote-sizer,
.underleistungen-animatedquote-static,
.underleistungen-animatedquote-dynamic {
  grid-area: 1 / 1;
  white-space: pre-line;
}

.underleistungen-animatedquote-sizer {
  visibility: hidden;
  pointer-events: none;
}

.underleistungen-animatedquote-static,
.underleistungen-animatedquote-dynamic {
  align-self: center;
}

.underleistungen-animatedquote-dynamic {
  display: none;
}

.underleistungen-animatedquote--is-enhanced .underleistungen-animatedquote-static {
  visibility: hidden;
}

.underleistungen-animatedquote--is-complete .underleistungen-animatedquote-static {
  visibility: visible;
}

.underleistungen-animatedquote--is-enhanced .underleistungen-animatedquote-dynamic {
  display: inline;
}

.underleistungen-animatedquote--is-complete .underleistungen-animatedquote-dynamic {
  visibility: hidden;
}

.underleistungen-animatedquote--is-enhanced:not(.underleistungen-animatedquote--is-static):not(.underleistungen-animatedquote--is-complete) .underleistungen-animatedquote-dynamic::after {
  content: "";
  display: inline-block;
  width: 0.08em;
  height: 0.88em;
  margin-left: 0.08em;
  transform: translateY(0.08em);
  background-color: currentColor;
  animation: underleistungenAnimatedQuoteCaret 1s steps(1, end) infinite;
}

.underleistungen-animatedquote-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

@keyframes underleistungenAnimatedQuoteCaret {
  0%,
  49% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .underleistungen-animatedquote-dynamic::after {
    animation: none;
  }
}


#underleistungen-corporatedesign-zitat {
	width: 79.917355371901%;
	min-height: 220px;
	font-family: headline;
	font-size: 40px;
	line-height: 44px;
	color: rgba(255,255,255,1.0);
}

.underleistungen-zitat-text {
    font-family: "proxima-nova";
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: rgba(255,255,255,1.00);
    width: 79.917355371901%;
    padding-top: 35px;
    text-align: left;
}


.underleistungen-more-container {
    width: 100%;
    height: auto;
    padding-top: 110px;
    padding-bottom: 50px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 0px;
}


.underleistungen-more-wrapper {
    width: 100%;
    clear: both;
}

.underleistungen-more-content {
    width: 50%;
    height: auto;
    display: inline-block;
    text-align: center;
    padding-bottom: 100px;
	vertical-align: top;
}

.underleistungen-more-content img {
	hei: auto;
	height: 60px;
	border: none;
	margin-bottom: 35px;
}

.underleistungen-bigpic {
	width: 100%;
	height: 500px;
	margin-top: 130px;
	background-image: url("../images/leistungen/vanachibald-leistungen-ipad.png");
	background-size: auto 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}

.bigpic-blue {
	background-image: url("../images/leistungen/vanachibald-leistungen-ipad.png");
}

.bigpic-kroki {
	background-image: url("../images/leistungen/app-entwicklung/kroki-bild-iphone.jpg");
}


.bigpic-spreepr {
	background-image: url("../images/leistungen/uxdesign/ipad-spreepr.png");
}


.bigpic-safetycorp {
	background-image: url("../images/leistungen/vanachibald-leistungen-corporate-design-mockup-safetycorp.jpg");
}

.bigpic-vrar {
	background-image: url("../images/leistungen/vanachibald-leistungen-corporate-design-mockup-safetycorp.jpg");
}





.underleistungen-bigpic-corporatedesign {
    width: 100%;
    height: 450px;
    margin-top: 100px;
    background-image: url("../images/leistungen/vanachibald-leistungen-corporate-design-mockup-safetycorp.jpg");
    background-size: auto 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}

.underleistungen-bigpic-button {
    color: rgba(255,255,255,1.0);
    position: absolute;
    right: 5%;
    padding-top: 477px;
}


.underleistungen-bigpic-corporate-design-button {
    color: rgba(255,255,255,1.0);
    position: absolute;
    right: 5%;
    padding-top: 427px;
}


.underleistungen-end-container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    height: auto;
    padding-top: 50px;
    background-color: rgba(0,0,0,1.00);
    font-size: 0px;
}

.underleistungen-end-headline {
    font-family: headline;
    font-size: 40px;
    line-height: 44px;
    color: 
    rgba(255,255,255,1.00);
    width: 79.917355371901%;
    padding-top: 75px;
    padding-bottom: 100px;
}

.wrapper-footer-underleistungen {
    background-color: 
    rgba(0,0,0,1.00);
    width: 100%;
    height: auto;
}


/* POP-UPS ----------------------------- */

.leistungen-pulse-alternative {
	display: inline-block;
	color: rgba(255,255,255,1.0);
	margin-top: 40px;
}

.leistungen-pulse {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
    animation: pulse 2s infinite;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(0, 0, 0, 0.0);
    font-family: "proxima-nova";
    font-size: 13px;
    text-align: center;
    padding-top: 8px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    font-weight: 400;
    display: none;
}




/* LEISTUNGEN OUTRO */

.leistungen-outro-container {
  width: 100%;
  height: auto;
  background-color: rgba(255,255,255,1.00);
}

.leistungen-outro-digitaler-assistent-container {
  width: 160px;
  height: 160px;
  z-index: 1;
  margin-top: 40px;
  right: 5%;
  position: absolute;
}

.leistungen-outro-faq-container {
  padding: 150px 5% 150px 5%;
  width: 100%;
  display: none;
}

/* Accordion */

.accordion {
  width: 100%;
  color: rgba(0,0,0,1.00);
  display: none;
}
.accordion li {
  position: relative;
}
.accordion li p {
  display: none;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: rgba(0,0,0,1.00);
  width: 79.917355371901%;
  padding-top: 45px;
  padding-bottom: 45px;
}
.accordion a {
  width: 100%;
  display: block;
  cursor: pointer;
  user-select: none;
  border-bottom-style: solid;
  border-bottom-color: rgba(0,0,0,1.00);
  border-bottom-width: 2px;
  text-transform: uppercase;
  padding-bottom: 4px;
  padding-top: 15px;
  padding-left: 20px;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}

.accordion a:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid rgba(0,0,0,1.00);
  border-bottom: 1px solid rgba(0,0,0,1.00);
  position: absolute;
  left: 0px;
  content: " ";
  top: 17px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.accordion p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: rgba(0,0,0,1.00);
  width: 79.917355371901%;
}

.accordion a.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.accordion-content-headline {
  margin: 0;
  color: rgba(0,0,0,1.00);
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 30px;
}

.accordion-content-highlight {
  text-decoration: underline;
  text-decoration-style: solid; 
  text-decoration-color: rgba(227,249,82,1.0);
  text-decoration-thickness: 4px;
}





.end-container-slider {
  padding-bottom: 50px;
  padding-top: 100px;
}





/* MOBILE -------------------------------- */

@media only screen and (max-width: 766px) {	
	
	
.leistungen-stage-container {
    width: 90%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 5%;
    margin-right: 5%;
    display: inline-block;
    align-items: center;
}

.leistungen-stage-content {
    width: 100%;
    height: auto;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
	padding-top: 50px;
}
	
.leistungen-stage-picture {
    width: 50%;
    margin-top: 50px;
    margin-bottom: 50px;
    display: none;
    align-content: center;
    align-items: center;
}	
	
.leistungen-stage-mobil-icons {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 70px;
}	
	
/* Accordion */	
  
.accordion li p {
  width: 90%;
  padding-top: 35px;
  padding-bottom: 35px;
}  

.accordion a {
  padding-bottom: 12px;
  font-size: 16px;
  line-height: 19px;  
}
  
.accordion-content-headline {
  margin: 0;
  color: rgba(0,0,0,1.00);
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  padding-bottom: 20px;
}  
	
.leistungen-outro-faq-container {
  padding: 60px 5% 80px 5%;
  width: 100%;
}	
	
  


	
	
	
	
	
	
	
	

.leistungen-cinema-headline {
    font-family: headline;
    font-size: 32px;
    line-height: 40px;
    color: 
    rgba(0,0,0,1.00);
    width: 100%;
    padding-top: 150px;
}
	
.leistung-cinema-text {
    font-family: "proxima-nova";
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: rgba(0,0,0,1.00);
    width: 100%;
    padding-top: 35px;
    text-align: left;
    padding-bottom: 100px;
}	
	
.leistungen-webseiten-container {
    width: 90%;
    height: auto;
    margin-top: 100px;
    padding-top: 50px;
    margin-bottom: 100px;
    padding-bottom: 50px;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url("../images/leistungen/vanachibald-leistungen-webseiten-landingpages.png");
    background-size: auto 300px;
    background-position: center top;
    background-repeat: no-repeat;
}	
	
	
	
.leistungen-webseiten-content {
    width: 90%;
    height: auto;
    padding-top: 330px;
    padding-bottom: 0px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
}	
	
.leistung-webseiten-subtitel {
    font-family: headline;
    font-size: 28px;
    line-height: 32px;
    color: 
    rgba(255,255,255,1.00);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
	
.leistung-webseiten-text {
    font-family: "proxima-nova";
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    color: 
    rgba(255,255,255,1.00);
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}
	
	
.leistungen-social-container {
    width: 90%;
    height: auto;
    margin-top: 100px;
    padding-top: 50px;
    margin-bottom: 100px;
    padding-bottom: 50px;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url("../images/leistungen/vanachibald-leistungen-socialmedia.png");
    background-size: auto 300px;
    background-position: center top;
    background-repeat: no-repeat;
}	
	
.leistungen-social-content {
    width: 90%;
    height: auto;
    padding-top: 330px;
    padding-bottom: 0px;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
}
	
.leistung-social-subtitel {
    font-family: headline;
    font-size: 28px;
    line-height: 32px;
    color: 
    rgba(255,255,255,1.00);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
	
.leistung-social-text {
    font-family: "proxima-nova";
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    color: 
    rgba(255,255,255,1.00);
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}	
	
.leistungen-kampagnen-container {
    width: 90%;
    height: auto;
    margin-top: 100px;
    padding-top: 50px;
    margin-bottom: 100px;
    padding-bottom: 0px;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url("../images/leistungen/vanachibald-leistungen-offlinemarketing.png");
    background-repeat: no-repeat;
	background-size: auto 300px;
    background-position: center top;
}	
	
.leistungen-kampagnen-content {
    width: 90%;
    height: auto;
    padding-top: 330px;
    padding-bottom: 0px;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
}
	
.leistung-kampagnen-subtitel {
    font-family: headline;
    font-size: 28px;
    line-height: 32px;
    color: 
    rgba(255,255,255,1.00);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
	
.leistung-kampagnen-text {
    font-family: "proxima-nova";
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    color: 
    rgba(255,255,255,1.00);
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}	
	
	
	
	
.leistungen-branding-container {
    width: 90%;
    height: auto;
    margin-top: 100px;
    padding-top: 50px;
    margin-bottom: 100px;
    padding-bottom: 0px;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url("../images/leistungen/vanachibald-leistungen-design-corporate-design.png");
    background-size: auto 300px;
    background-position: center top;
    background-repeat: no-repeat;
}	
	
.leistungen-branding-content {
    width: 90%;
    height: auto;
    padding-top: 330px;
    padding-bottom: 0px;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
}
	
.leistung-branding-subtitel {
    font-family: headline;
    font-size: 28px;
    line-height: 32px;
    color: 
    rgba(255,255,255,1.00);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
	
.leistung-branding-text {
    font-family: "proxima-nova";
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    color: 
    rgba(255,255,255,1.00);
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}	
	
	
	
	
	
	
.leistungen-ux-container {
    width: 90%;
    height: auto;
    margin-top: 100px;
    padding-top: 50px;
    margin-bottom: 100px;
    padding-bottom: 0px;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url("../images/leistungen/vanachibald-leistungen-design-ux-design.png");
    background-size: auto 300px;
    background-position: center top;
    background-repeat: no-repeat;
}	
	
.leistungen-ux-content {
    width: 90%;
    height: auto;
    padding-top: 330px;
    padding-bottom: 0px;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
}
	
.leistung-ux-subtitel {
    font-family: headline;
    font-size: 28px;
    line-height: 32px;
    color: 
    rgba(255,255,255,1.00);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
	
.leistung-ux-text {
    font-family: "proxima-nova";
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    color: 
    rgba(255,255,255,1.00);
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}		
	
	
	
	
	
	
	
.leistungen-more-container {
    width: 90%;
    height: auto;
    margin-top: 100px;
    margin-bottom: 50px;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 0px;
}	
	
	
.leistungen-more-content {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    padding-bottom: 100px;
}
	
	
.leistungen-more-underline-content-marketing {
    width: 101px;
    height: 3px;
    background-color: 
    rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
}	
	
.leistungen-end-button {
		line-height: 35px;
	}
	
	
.leistungen-end-headline {
    font-family: headline;
    font-size: 32px;
    line-height: 40px;
    color: 
    rgba(0,0,0,1.00);
    width: 79.917355371901%;
    padding-top: 100px;
    padding-bottom: 150px;
}
	
	
.underleistungen-submenue-container {
    padding-top: 77px;
    width: 100%;
    position: fixed;
    background-color: rgba(255,255,255,0.90);
	height: 110px;
	font-family: "proxima-nova";
	font-size: 14px;
	font-weight: 600;
	color: rgba(255,255,255,1.00);
    padding-right: 5%;
    padding-left: 5%;
}
	
	
	
.underleistungen-subemnue-button-close {
    position: fixed;
    top: 72px;
    left: 5%;
    width: 25px;
}	
	
.underleistungen-cinema-text {
    font-family: "proxima-nova";
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: 
    rgba(0,0,0,1.00);
    width: 90%;
    padding-top: 35px;
    text-align: center;
    padding-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
}

.underleistungen-intro-container {
    width: 90%;
    height: auto;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 0px;
    display: inline-block;
}	
	
.underleistungen-intro-content {
    width: 90%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    display: inline-block;
	margin-right: 5%;
	margin-left: 5%;
}
	
#underleistungen-zitat {
    width: 100%;
    font-family: headline;
    font-size: 28px;
    line-height: 34px;
    color: rgba(255,255,255,1.0);
}	
	
.underleistungen-bigpic {
    width: 100%;
    height: 300px;
    margin-top: 100px;
    background-size: auto 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}
	
	
	
.underleistungen-more-content {
    width: 90%;
    height: auto;
    display: inline-block;
    text-align: center;
    padding-bottom: 100px;
	margin-left: 5%;
	margin-right: 5%;
}	

.underleistungen-end-headline {
    font-family: headline;
    font-size: 28px;
    line-height: 32px;
    color: rgba(255,255,255,1.00);
    width: 79.917355371901%;
    padding-top: 75px;
    padding-bottom: 100px;
}
	
	
.underleistungen-bigpic-button {
    color: 
    rgba(255,255,255,1.0);
    position: absolute;
    right: 5%;
    padding-top: 365px;
}
	
	
.leistungen-pulse-alternative {
	display: none;
	color: rgba(255,255,255,1.0);
	margin-top: 30px;
}

.leistungen-pulse {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
    animation: pulse 2s infinite;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(0, 0, 0, 0.0);
    font-family: "proxima-nova";
    font-size: 13px;
    text-align: center;
    padding-top: 8px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    font-weight: 400;
    display: inline-block;
}

	
}