@media all and (min-width: 813px) and (max-width: 1850px) {
    
	#referenzen-slider .content .title, 
	#einleitung .content .title,
	#node-startseite #referenzen-slider-2 .views-row .content .title {
		font-size: 45px;
		line-height: 45px;
	}
    
}


@media all and (min-width: 813px) and (max-width: 1700px) {
	
	#navigation-wrapper #main-menu .block-menu {
		padding: 160px 80px 60px 80px;
	}
	#navigation-wrapper .right .region-header #block-block-5 > div {
		padding: 0 80px;
	}
	
	#secondary-menu ul.menu li.last {
		display: none;
	}
	
	#referenzen-slider .views-row .content, #einleitung .content,
	#node-startseite #referenzen-slider-2 .views-row .content {
		width: 80%;
	}
	h1.big, div.h1.big, h2.big,
	#einleitung.type-2 .content-wrapper .content .title,
	#block-kontakt .content h4.big {
		font-size: 60px;
		line-height: 60px;
	}
	#referenzen-slider .content .title, 
	#einleitung .content .title,
	#node-startseite #referenzen-slider-2 .views-row .content .title {
		font-size: 45px;
		line-height: 45px;
	}
	h1, h2, h3, h4.big, h5.big, div.h1, h1.subtitle {
		font-size: 40px;
		line-height: 50px;
		margin: 0 0 60px 0;
	}
	
    
    #referenzen-slider .content .title {
        height: 150px;
    }
    #referenzen-slider .content-wrapper .content {
        height: 361px;
    }
    #einleitung .content .title {
        height: auto;
    }
    .csscalc #referenzen-slider .content-wrapper .content, .csscalc #einleitung .content {
        width: 50%;
    }
    .csscalc #referenzen-slider .slider-wrapper, .csscalc #einleitung .slider-wrapper, .csscalc #einleitung .bild {
        width: 50%;
    }
    #referenzen-slider .content-wrapper .content .item, #einleitung .content > div {
        padding-right: 80px;
    }
	#referenzen-slider .views-row .content, #einleitung .content,
	#referenzen-slider .views-row span.read-more, #einleitung .content-wrapper span.read-more {
		left: 0px;
	}
    #referenzen-slider .slider-count,
    #einleitung .slider-count {
        right: 80px;
    }
    .slider-circle-wrapper {
        right: 80px;
    }
    /*.slider-circle-wrapper {
        margin-right: 80px;
        margin-bottom: -180px;
    }
    #referenzen-slider .slider-count,
    #einleitung .slider-count {
        margin-right: 140px;
        margin-bottom: -172px;
    }*/
	#node-startseite .onepage-item-table > .onepage-item-table-cell {
		padding: 180px 200px 100px 200px;
	}
	#node-startseite > .dots {
		left: 200px;
	}
	#node-startseite > .email {
		right: 200px;
	}
	#node-startseite > .line > div {
		margin: 0 200px;
	}
	body.front #node-startseite > .line, 
	body.front #node-startseite > .email,
	body.front #node-startseite > .dots {
		bottom: 60px;
	}
	
	#node-startseite #referenzen-slider-2 {
		padding-left: 80px;
		padding-right: 80px;
	}
	#node-startseite #referenzen-slider-2 .slider-wrapper {
		margin: 0;
	}
	#node-startseite #referenzen-slider-2 .views-row .content {
		left: 100px;
	}
	#node-startseite #marken {
		padding-left: 80px;
		padding-right: 80px;
	}
	#node-startseite #marken .logos-wrapper .logos {
		margin: -30px;
	}
	#node-startseite #marken .logos .logo > div {
		height: 70px;
		margin: 30px;
	}
	
    #einleitung.type-2 .scroll-line {
        left: 80px;
    }
	#einleitung.type-2 .content-wrapper .content > div {
		padding: 0 80px;
	}
	#einleitung.type-2 .content-wrapper .content .right {
		width: 32%;
	}
	#einleitung.type-2 .content-wrapper .content .right > div {
		padding: 0 80px !important;
	}
	
	#node-referenzen_uebersicht .referenzen-wrapper,
	#node-leistungen_uebersicht .leistungen-wrapper,
	#node-leistung .referenzen-wrapper {
		padding: 0 80px;
	}
	
	.item.text-block, 
	#text-block,
	#block-kontakt,
    #node-referenz #rows .row.trenner,
	#node-referenz #rows .row.text .text, 
	#node-referenz #rows .row.kunde_bewertung .item, 
	#node-referenz #rows .row.bewertung .item,
	#node-kunden #bewertungen,
	#node-kunden #kunden,
	#node-referenz #rows .row.bilder.padding,
    #node-referenz #rows .row.mockup .wrapper,
    #node-referenz #rows .row.bild_text .text > div {
		padding-left: 80px;
		padding-right: 80px;
	}
	
	#node-kontakt #kontakt > div,
	#node-kontakt #formular > .table > .content {
		padding-left: 200px;
		padding-right: 200px;
	}
	#node-kontakt #kontakt .body,
	#node-kontakt #formular form,
	#node-kontakt #formular #confirmation {
		font-size: 25px;
		line-height: 40px;
	}
	#node-kontakt #formular .form-item input,
	#node-kontakt #formular .form-item-project span.current,
	span.fakeInput {
		font-size: 25px;
		line-height: 35px;
	}
	#node-kontakt #formular .form-item label {
		line-height: 35px;
	}
	#node-kontakt .block-social-media > div {
		margin: 0 200px;
	}
	#node-kontakt #formular #edit-line4 {
		margin-top: 35px;
	}
	#node-kontakt #kontakt .kontaktdaten {
		margin-top: 50px;
	}
	
	.page-user #main, .error-404 #main, .error-403 #main, #node-page {
		padding-left: 200px;
		padding-right: 200px;
	}
	
	#node-leistung .passende-leistungen {
		padding: 0 80px;
	}
	
	#referenzen-slider > .bg, 
	#einleitung > .bg,
	#referenzen-slider.show.animate1 > .bg,
	#node-startseite #referenzen-slider-2 > .bg {
		right: 35%;
	}
	#node-startseite #referenzen-slider-2 .content-wrapper {
		padding-right: 37%;
	}
	
	#node-startseite #leistungen {
		padding: 0 80px;
	}
	#node-startseite #leistungen .items-wrapper a.nav {
		right: -200px;
	}
	#node-startseite #leistungen .items-wrapper a.nav.prev {
		left: -200px;
	}
	#node-startseite #leistungen .swiper-slide {
		width: 440px;
	}
	#node-startseite #leistungen .swiper-slide .icon svg {
		height: 140px;
	}
    
    #node-referenz #rows .row.slider .slider-count {
        margin-left: 80px;
    }
    #node-referenz #rows .row.slider .slider-navigation {
        margin-right: 80px;
    }
	
}

@media all and (min-width: 813px) and (max-width: 1400px) {
 
	#navigation-wrapper #main-menu {
		margin: 0;
	}
	#navigation-wrapper #main-menu .block-menu {
		padding: 160px 80px 60px 80px;
	}
	#navigation-wrapper #main-menu .block-menu ul.menu li {
		font-size: 40px;
		line-height: 80px;
	}
	#navigation-wrapper .right .region-header {
		height: 400px;
		margin-top: -150px;
	}
	#navigation-wrapper .right .region-header #block-block-5 {
		font-size: 18px;
		line-height: 28px;
	}
	#navigation-wrapper .right .region-header #block-block-5 > div {
		padding: 0 80px;
		margin: 0;
	}
	
	h1.big, div.h1.big, h2.big,
	#einleitung.type-2 .content-wrapper .content .title,
	#block-kontakt .content h4.big {
		font-size: 45px;
		line-height: 45px;
	}
	#referenzen-slider .content .title, 
	#einleitung .content .title,
    #node-startseite #referenzen-slider-2 .views-row .content .title {
		font-size: 45px;
		line-height: 55px;
	}
	h1, h2, h3, h4.big, h5.big, div.h1, h1.subtitle {
		font-size: 35px;
		line-height: 45px;
		margin: 0 0 50px 0;
	}
	h4, h5.big, #text-block-links-2 h3, span.h4 {
		font-size: 30px;
		line-height: 36px;
	}
	h4.small, span.h4.small {
		font-size: 26px;
		line-height: 32px;
	}
	
	#logo, #header.small.navigation-open #logo {
		top: 65px;
		left: 80px;
	}
	#menu-icon, #header.small.navigation-open #menu-icon {
		top: 60px;
		right: 80px;
	}
	#secondary-menu, #prev-next, #referenz-domain {
		top: 65px;
		right: 180px;
	}
	#referenz-domain, #referenz-domain.animate {
		right: 320px;
		opacity: 0;
	}
	#header.small #referenz-domain {
		opacity: 1;
	}
	
	article > .item > div.section, article #article-wrapper > .item > div.section, #bottom > div.section, #footer > div.section, #messages > div.section, #header > div.section {
		padding-left: 80px;
		padding-right: 80px;
	}
	#content-wrapper {
		padding: 120px 80px;
	}
	.item.text-block, #text-block,
	#node-referenz #rows .row.text .text, #node-referenz #rows .row.bewertung .item, #node-referenz #rows .row.mockup .wrapper {
		padding: 120px 80px;
	}
	
    #referenzen-slider .content .title {
        height: 180px;
    }
    #referenzen-slider .content-wrapper .content {
        height: 391px;
    }
    #einleitung .content .title {
        height: auto;
    }
    .csscalc #referenzen-slider .content-wrapper .content, .csscalc #einleitung .content {
        width: 50%;
    }
    .csscalc #referenzen-slider .slider-wrapper, .csscalc #einleitung .slider-wrapper, .csscalc #einleitung .bild {
        width: 50%;
    }
    #referenzen-slider .content-wrapper .content .item, #einleitung .content > div {
        padding-right: 80px;
    }
	#referenzen-slider .views-row .content, #einleitung .content,
	#referenzen-slider .views-row span.read-more, #einleitung .content-wrapper span.read-more {
		left: 0px;
	}
    /*.slider-circle-wrapper {
        margin-right: 80px;
        margin-bottom: -195px;
    }
    #referenzen-slider .slider-count {
        margin-right: 140px;
        margin-bottom: -187px;
    }*/
	
	#referenzen-slider > div.section, #einleitung > div.section {
		padding-top: 145px;
		padding-bottom: 0;
	}
	#referenzen-slider.show.animate1 .scroll-icon,
	#einleitung .scroll-icon, #referenzen-slider .scroll-icon {
		bottom: 35px;
	}
	
	#referenzen-slider > .bg, 
	#einleitung > .bg,
	#referenzen-slider.show.animate1 > .bg,
	#node-startseite #referenzen-slider-2 > .bg {
		right: 35%;
	}
	#node-startseite #referenzen-slider-2 .content-wrapper {
		padding-right: 37%;
	}
	
	/*#node-startseite .onepage-item-table > .onepage-item-table-cell {
		padding: 140px 160px 100px 160px;
	}
	#node-startseite > .dots {
		left: 160px;
	}
	#node-startseite > .email {
		right: 160px;
	}
	#node-startseite > .line > div {
		margin: 0 160px;
	}
	body.front #node-startseite > .line, 
	body.front #node-startseite > .email,
	body.front #node-startseite > .dots {
		bottom: 60px;
	}*/
	#node-startseite #referenzen-slider-2 {
		padding: 180px 80px;
		margin-top: 180px;
	}
	#node-startseite #referenzen-slider-2 .slider-wrapper {
		margin: 0;
	}
	#node-startseite #referenzen-slider-2 .views-row {
		height: 340px;
	}
	#node-startseite #referenzen-slider-2 .views-row .content {
		left: 80px;
	}
	#node-startseite #block-kontakt {
		margin-bottom: 50px;
	}
	#node-startseite #text-block-2 {
		margin-top: 200px;
	}
	#node-startseite #text-block .content .body {
		padding-right: 0;
	}
	#node-startseite #marken {
		margin-top: 180px;
		padding-left: 80px;
		padding-right: 80px;
	}
	#block-kontakt .content i {
		font-size: 70px;
		margin-top: -35px;
	}
	
	#node-kontakt #kontakt > div,
	#node-kontakt #formular > .table > .content {
		padding: 120px 160px;
	}
	#node-kontakt #kontakt .body,
	#node-kontakt #formular form,
	#node-kontakt #formular #confirmation {
		font-size: 20px;
		line-height: 35px;
	}
	#node-kontakt #formular .form-item input,
	#node-kontakt #formular .form-item-project span.current,
	span.fakeInput {
		font-size: 20px;
		line-height: 30px;
	}
	#node-kontakt #formular .form-item label {
		line-height: 30px;
	}
	#node-kontakt .block-social-media > div {
		margin: 0 160px;
	}
	#node-kontakt #formular #edit-line4 {
		margin-top: 25px;
	}
	#node-kontakt #kontakt .kontaktdaten {
		margin-top: 50px;
		width: 80%;
	}
	#node-kontakt #formular .error-info.show {
		font-size: 12px;
		bottom: 10px;
		right: 130px;
	}
	#node-kontakt #formular a.close {
		top: 60px;
		right: 80px;
	}
	
	#node-referenzen_uebersicht .referenzen-wrapper,
	#node-leistungen_uebersicht .leistungen-wrapper,
	#node-leistung .referenzen-wrapper,
	#team {
		margin-left: auto;
		margin-right: auto;
		padding: 0 80px;
		max-width: none;
	}
	.item.text-block .content, #text-block .content {
		padding-right: 0;
	}
	#node-referenz #text-block a.website {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 50px;
	}
	#node-referenz #rows .row.text .text > div {
		width: 100%;
	}
	#node-referenz #rows .row.full-width {
		margin-left: -80px;
		margin-right: -80px;
	}
	#node-referenz #rows .row.padding-bottom {
		padding-bottom: 120px !important;
	}
	#node-referenz #rows .row.padding-top {
		padding-top: 120px !important;
	}
	#node-referenz #rows .row.kunde_bewertung .text {
		font-size: 20px;
		line-height: 34px;
	}
	#block-weitere-slider .content > div {
		padding-right: 0;
	}
	#block-weitere-slider .bilder .views-row {
		margin: 130px 0;
		height: 550px !important;
	}
	#block-weitere-slider .content h4.title {
		margin-bottom: 50px;
	}
	#block-weitere-slider .content ul.links li a {
		line-height: 40px;
	}
	
	#footer {
		font-size: 14px;
		padding: 35px 0;
	}
	#footer #block-block-8.block-social-media a {
		font-size: 18px;
		margin: 0 0 0 15px;
	}
	#footer #block-menu-menu-fusszeile {
		margin-right: 30px !important;
	}
	#footer #block-menu-menu-fusszeile ul.menu li {
		margin: 0 0 0 20px !important;
	}
	.page-user #main, .error-404 #main, .error-403 #main, #node-page {
		padding-left: 160px;
		padding-right: 160px;
	}
	
	/*#team .slider {
		height: 425px;
		margin-left: -100px;
	}
	#team .slider .item {
		width: 340px;
	}
	#team .names .item {
		padding: 200px 0;
	}*/
	
	#node-kunden #bewertungen .item .content {
		padding-right: 0;
	}
	#node-kunden #kunden .item .logo img {
		max-width: 50%;
		max-height: 40%;
	}
	#node-kunden #kunden .item .logo.width img {
		max-width: 60%;
	}
	#node-kunden #kunden .item .logo.height img {
		max-height: 50%;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item .content .info .line,
	#node-leistungen_uebersicht .leistungen-wrapper .item .content .info .line,
	#team .item .content .info .line {
		width: 40px;
	}
  
	#node-leistung .passende-leistungen {
		padding: 0 80px;
	}
	#node-leistung .passende-leistungen .items {
		margin-right: 0;
	}
	
	#node-startseite #leistungen {
		margin-top: 180px;
	}
	#node-startseite #leistungen .swiper-slide {
		width: 400px;
	}
	#node-startseite #leistungen .swiper-slide .icon svg {
		height: 120px;
	}
	#node-startseite #leistungen .items-wrapper a.nav {
		right: -160px;
	}
	#node-startseite #leistungen .items-wrapper a.nav.prev {
		left: -160px;
	}
	
	#overlay.urlaubsnachricht {
		width: 1000px;
		margin-left: -500px;
	}
    #overlay.urlaubsnachricht > .content-wrapper > .content .text > div > div {
        padding: 80px;
    }
	
}


@media all and (min-width: 813px) and (max-width: 1200px) {
	
	
	#navigation-wrapper #main-menu {
		margin: 0;
	}
	#navigation-wrapper #main-menu .block-menu {
		padding: 160px 80px 60px 80px;
	}
	#navigation-wrapper #main-menu .block-menu ul.menu li {
		font-size: 40px;
		line-height: 80px;
	}
	#navigation-wrapper .right .region-header {
		height: 400px;
		margin-top: -150px;
	}
	#navigation-wrapper .right .region-header #block-block-5 {
		font-size: 16px;
		line-height: 26px;
	}
	#navigation-wrapper .right .region-header #block-block-5 > div {
		padding: 0 80px;
		margin: 0;
	}
    #secondary-menu, #referenz-domain {
        display: none;
    }
	
	body {
		font-size: 16px;
		line-height: 26px;
	}
	h1.big, div.h1.big, h2.big,
	#einleitung.type-2 .content-wrapper .content .title,
	#block-kontakt .content h4.big {
		font-size: 40px;
		line-height: 40px;
	}
	#referenzen-slider .content .title, 
	#einleitung .content .title {
		font-size: 40px;
		line-height: 46px;
	}
	#node-startseite #referenzen-slider-2 .views-row .content .title {
		font-size: 32px;
		line-height: 40px;
	}
	h1, h2, h3, h4.big, h5.big, div.h1, h1.subtitle {
		font-size: 32px;
		line-height: 40px;
		margin: 0 0 50px 0;
	}
	h4, h5.big, #text-block-links-2 h3, span.h4 {
		font-size: 26px;
		line-height: 32px;
	}
	h4.small, span.h4.small {
		font-size: 26px;
		line-height: 32px;
	}
	
    #referenzen-slider > div.section,
    #einleitung > div.section {
        padding-right: 0 !important;
    }
	#referenzen-slider > div.section, #einleitung > div.section {
		padding-top: 125px;
	}
	/*#referenzen-slider > .bg, #einleitung > .bg, #referenzen-slider.show.animate1 > .bg, #node-startseite #referenzen-slider-2 > .bg {
		right: 45%;
	}*/
	#node-startseite #referenzen-slider-2 .content-wrapper {
		padding-right: 45%;
	}
    .csscalc #referenzen-slider .content-wrapper .content, .csscalc #einleitung .content {
        width: 50%;
    }
    .csscalc #referenzen-slider .slider-wrapper, .csscalc #einleitung .slider-wrapper, .csscalc #einleitung .bild {
        width: 50%;
    }
    #referenzen-slider .content-wrapper .content .item, #einleitung .content > div {
        padding-right: 80px;
    }
    #referenzen-slider .content .title {
        height: 140px;
    }
    #referenzen-slider .content-wrapper .content {
        height: 340px;
    }
    #einleitung .content .title {
        height: auto;
    }
	#node-startseite #referenzen-slider-2 .views-row .content {
		left: 50px;
	}
	#referenzen-slider .views-row .content .info, #einleitung .content .info,
	#node-startseite #referenzen-slider-2 .views-row .content .info {
		margin-bottom: 40px;
		font-size: 16px;
		line-height: 20px;
	}
	#einleitung.animate .content-wrapper .read-more, #node-startseite #referenzen-slider .views-row.animate .read-more {
		display: none;
	}
    #einleitung .content-wrapper .show-more {
        margin-top: 60px;
    }
	/*.slider-circle-wrapper {
        margin-right: 80px;
        margin-bottom: -175px;
    }
    #referenzen-slider .slider-count {
        margin-right: 140px;
        margin-bottom: -167px;
    }*/
    #referenzen-slider .slider-count,
    #einleitung .slider-count {
        margin-bottom: 3px;
        right: 80px;
    }
    .slider-circle-wrapper {
        margin-bottom: -5px;
        right: 80px;
    }
	
	#node-startseite h1,
	#node-startseite h2,
	#node-startseite h3 {
		font-size: 26px;
		line-height: 32px;
	}
	/*#node-startseite .onepage-item-table > .onepage-item-table-cell {
		padding: 140px 80px 100px 80px;
	}
	body.front #node-startseite > .line, body.front #node-startseite > .email, body.front #node-startseite > .dots, #referenzen-slider .views-row span.read-more, #einleitung .content-wrapper span.read-more {
		display: block;
	}
	#node-startseite > .dots {
		left: 80px;
	}
	#node-startseite > .email {
		right: 80px;
	}
	#node-startseite > .line > div {
		margin: 0 80px;
	}
	body.front #node-startseite > .line, 
	body.front #node-startseite > .email,
	body.front #node-startseite > .dots {
		bottom: 40px;
	}*/
	#node-startseite #referenzen-slider-2 {
		padding: 140px 0;
		margin-top: 120px;
	}
	#node-startseite #referenzen-slider-2 .content-wrapper {
		margin-bottom: 80px;
	}
	#node-startseite #referenzen-slider-2 .slider-wrapper {
		margin: 0;
	}
	#node-startseite #referenzen-slider-2 .views-row {
		height: 270px;
	}
	#node-startseite #marken {
		padding: 0;
		margin-top: 120px;
	}
	#node-startseite #marken .logos-wrapper .logos {
		margin: -15px -30px;
	}
	#node-startseite #marken .logos .logo > div {
		margin: 15px 30px;
	}
	
	#footer #block-block-8 {
		display: none;
	}
	#footer #block-menu-menu-fusszeile {
		margin-right: 0 !important;
	}
	
    #einleitung.type-2 .scroll-line {
        left: 0px;
    }
	#einleitung.type-2 .content-wrapper .content > div {
		padding-left: 0;
	}
	#einleitung.type-2 .content-wrapper .content .right > div {
		padding: 0 0 0 40px !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper,
	#node-leistungen_uebersicht .leistungen-wrapper,
	#node-leistung .referenzen-wrapper, 
	#team {
		padding: 0;
	}
	#node-leistungen_uebersicht .leistungen-wrapper .item .bild .icon svg {
		height: 170px;
	}
	
	.item.text-block, #text-block, #block-kontakt, #node-referenz #rows .row.trenner, #node-referenz #rows .row.text .text, #node-referenz #rows .row.kunde_bewertung .item, #node-referenz #rows .row.bewertung .item, #node-kunden #bewertungen, #node-kunden #kunden, #node-referenz #rows .row.bilder.padding, #node-referenz #rows .row.mockup .wrapper {
		padding-left: 0;
		padding-right: 0;
	}
    #node-referenz #rows .row.bild_text.image-left .text > div {
        padding-right: 0;
    }
    #node-referenz #rows .row.bild_text.image-right .text > div {
        padding-left: 0;
    }
	#block-kontakt {
		padding: 160px 0;
	}
	
	/*#team .slider {
		height: 350px;
		margin-left: -100px;
	}
	#team .slider .item {
		width: 280px;
	}
	#team .names .item {
		padding: 140px 0;
	}*/
	
	#node-kontakt #kontakt > div, #node-kontakt #formular > .table > .content {
		padding: 120px 80px 100px 80px;
	}
	#node-kontakt .block-social-media > div {
		margin: 0 80px;
		padding: 20px 0;
	}
	#node-kontakt h1,
	#node-kontakt h2,
	#node-kontakt h3 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	#node-kontakt #kontakt .body, #node-kontakt #formular form, #node-kontakt #formular #confirmation, #node-kontakt #kontakt .kontaktdaten,
	#node-kontakt #formular .form-item input, #node-kontakt #formular .form-item-project span.current, span.fakeInput, #node-kontakt #formular .form-item label {
		font-size: 16px;
		line-height: 28px;
	}
	#node-kontakt #formular .form-item input {
		line-height: 20px;
		top: 4px;
	}
	#node-kontakt #kontakt .body a::after {
		bottom: 1px;
	}
	#node-kontakt #kontakt .kontaktdaten {
		margin-top: 20px;
		width: 60%;
	}
	#node-kontakt #formular .form-item-project span.current {
		margin-right: 20px;
	}
	#node-kontakt #formular .form-item-project span.current::before {
		margin-top: -5px;
		font-size: 14px;
		right: -20px;
	}
	#node-kontakt #formular #edit-line4 {
		margin-top: 20px;
	}
	#node-kontakt #formular #confirmation a.close {
		font-size: 60px;
		margin-top: -30px;
	}
	.nice-select .list {
		padding: 5px 0;
	}
	.nice-select .option {
		padding: 5px 15px !important;
	}
	
	#node-kunden #bewertungen .item .logo {
		width: 120px;
	}
	#node-kunden #bewertungen .item .content .text {
		font-size: 18px;
		line-height: 26px;
	}
	#node-kunden #kunden .item > div, #node-kunden #kunden .item > a {
		height: 150px;
	}
	
	#node-leistung .passende-leistungen {
		padding: 0;
		margin-top: 70px;
		margin-bottom: 140px;
	}
	#node-leistung .passende-leistungen .items {
		margin-right: 0;
		padding-top: 70px;
	}
	
	.page-user #main, .error-404 #main, .error-403 #main, #node-page {
		padding: 200px 80px 120px 80px;
	}
	.page-user #main h1, .error-404 #main h1, .error-403 #main h1, #node-page h1 {
		margin-bottom: 50px;
	}
	
	#node-startseite #leistungen {
		margin-top: 120px;
		padding: 0;
	}
	#node-startseite #leistungen .swiper-slide {
		width: 380px;
	}
	#node-startseite #leistungen .swiper-slide .icon {
		margin-bottom: 50px;
	}
	#node-startseite #leistungen .swiper-slide .icon svg {
		height: 100px;
	}
	#node-startseite #leistungen .items-wrapper {
		margin-top: 100px;
	}
	#node-startseite #leistungen .items-wrapper a.nav {
		right: -80px;
	}
	#node-startseite #leistungen .items-wrapper a.nav.prev {
		left: -80px;
	}
    
    #node-referenz #rows .row.slider .slider-count {
        margin-left: 0px;
    }
    #node-referenz #rows .row.slider .slider-navigation {
        margin-right: 0px;
    }
	
}


@media all and (min-width: 1201px) and (max-width: 1700px)  and (min-height: 1000px) {
    #referenzen-slider .slider-wrapper,
    #einleitung .slider-wrapper,
    #einleitung .bild {
        height: 826px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
}

@media all and (min-width: 1024px) and (max-width: 1200px)  and (min-height: 800px) {
    #referenzen-slider .slider-wrapper,
    #einleitung .slider-wrapper,
    #einleitung .bild {
        height: 676px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
}