@media all and (min-width: 813px) and (max-width: 1023px) {
	
	
	h1, h2, h3, h4.big, h5.big, div.h1, h1.subtitle,
	#block-kontakt .content h4.big,
	#referenzen-slider .content .title, #einleitung .content .title {
		font-size: 30px;
		line-height: 36px;
		margin: 0 0 30px 0;
	}
	h1.big, div.h1.big, h2.big {
		font-size: 40px;
		line-height: 45px;
	}
	h4, h5.big, #text-block-links-2 h3, span.h4 {
		font-size: 30px;
		line-height: 36px;
		margin-left: 0px !important;
	}
	h4.small, span.h4.small,
	#node-leistung .referenzen-wrapper .item .content h4.title,
	#node-referenzen_uebersicht .referenzen-wrapper .item .content h4.title,
	#node-leistungen_uebersicht .leistungen-wrapper .item .content h4.title,
	#team .item .content h4.title,
	#node-page h4 {
		font-size: 22px;
		line-height: 28px;
	}
	h5 {
		font-size: 16px;
		line-height: 26px;
	}
	a.link-button, div.link-button {
		padding-left: 15px;
		font-size: 16px;
		line-height: 26px;
	}
	a.link-button:hover:before,
	div.link-button:hover:before {
		line-height: 22px;
	}
	input.form-submit, a.button, a.button:focus, a.button:link, a.button:visited, div.button {
		height: 40px;
		padding: 0 15px;
		line-height : 40px;
		font-size: 14px;
	}
	
	
	article > .item > div.section, article #article-wrapper > .item > div.section, #bottom > div.section, #footer > div.section, #messages > div.section, #header > div.section {
		padding-left: 50px;
		padding-right: 50px;
	}
	#content-wrapper {
		padding: 80px 50px;
	}
	
	#footer {
		font-size: 14px;
		line-height: 20px;
	}
	#footer #block-block-4 br {
        display: block;   
    }
    #footer #block-block-4 span.trenner {
        display: none;   
    }
	
	#navigation-wrapper #main-menu {
		margin: 0;
	}
	#navigation-wrapper #main-menu .block-menu {
		padding: 150px 50px 50px 50px;
	}
	#navigation-wrapper #main-menu .block-menu ul.menu li {
		font-size: 35px;
		line-height: 70px;
	}
	#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 50px;
		margin: 0;
	}
	
	
	#logo, #header.small.navigation-open #logo {
		top: 45px;
		left: 50px;
	}
	#menu-icon, #header.small.navigation-open #menu-icon {
		top: 40px;
		right: 50px;
	}
	#secondary-menu, #prev-next, #referenz-domain {
		right: 130px;
		top: 45px;
		
	}
	#secondary-menu,
	#referenz-domain {
		display: none;
	}
	#header.small {
		height: 80px;
	}
	#header.small #logo {
		top: 30px;
	}
	#header.small #menu-icon {
		top: 26px;
	}
	#header.small #secondary-menu, #header.small #prev-next, #header.small #referenz-domain {
		top: 30px;
	}
	
	#block-kontakt {
		padding: 140px 0;
	}
	
	#referenzen-slider > .bg, #einleitung > .bg, #referenzen-slider.show.animate1 > .bg, #referenzen-slider-2 > .bg {
		right: 30%;
	}
	#einleitung.type-2 .content-wrapper .content {
		width: 70% !important;
		padding-right: 30%;
	}
	#einleitung.type-2 .content-wrapper .content > div {
		padding-right: 50px;
	}
	/*#referenzen-slider > div.section, #einleitung > div.section {
		padding: 100px 50px 80px 50px;
	}
	#referenzen-slider.show.animate1 .scroll-icon, #einleitung .scroll-icon, #referenzen-slider .scroll-icon {
		bottom: 25px;
	}*/
	/*#referenzen-slider .slider-circle-wrapper {
		width: 26px;
		height: 26px;
		right: 15px;
		bottom: 15px;
        margin: 0;
	}
	#referenzen-slider .slider-circle {
		width: 30px;
		height: 30px;
		clip: rect(0px, 30px, 30px, 15px);
	}
	#referenzen-slider .slider-circle .circle {
		width: 24px;
		height: 24px;
		clip: rect(0px, 15px, 30px, 0px);
	}
	#referenzen-slider .slider-count {
		right: 55px;
        bottom: 18px;
        margin: 0;
	}
	#referenzen-slider .slider-circle-wrapper i.icon-angle-right {
		font-size: 12px;
		margin: -6px 0 0 -6px;
	}*/
	
	/*#node-startseite > .dots {
		left: 50px;
	}
	#node-startseite > .email {
		right: 50px;
	}
	#node-startseite > .line > div {
		margin: 0 50px;
	}
	body.front #node-startseite > .line, 
	body.front #node-startseite > .email,
	body.front #node-startseite > .dots {
		bottom: 40px;
	}
	#node-startseite .onepage-item-table > .onepage-item-table-cell {
		padding: 100px 50px 80px 50px;
	}*/
	#node-startseite h1, #node-startseite h2, #node-startseite h3 {
		font-size: 18px;
		line-height: 26px;
		margin: 0 0 20px 0 !important;
	}
	#node-startseite #referenzen-slider-2 {
		margin-top: 80px;
		padding: 80px 0px 120px 0;
	}
	#node-startseite #referenzen-slider-2 .content-wrapper {
		padding-right: 30%;
		margin-bottom: 80px;
	}
	#node-startseite #referenzen-slider-2 .slider-wrapper {
		margin: 0;
	}
	#node-startseite #referenzen-slider-2 .onepage-item-table > .onepage-item-table-cell {
		margin-top: -120px;
	}
	#node-startseite #referenzen-slider-2 .views-row {
		height: 240px;
	}
	#node-startseite #referenzen-slider-2 .views-row .content {
		left: 50px;
	}
    #referenzen-slider .content .info, #einleitung .content .info, #node-startseite #referenzen-slider-2 .views-row .content .info {
        margin-bottom: 10px;
        font-size: 14px;
    }
    #referenzen-slider .content .info .line, #einleitung .content .info .line, #node-startseite #referenzen-slider-2 .views-row .content .info .line {
        width: 30px;
        margin: 0 10px;
    }
    #referenzen-slider .content-wrapper .content .item, #einleitung .content > div {
        padding-right: 50px;
    }
    #referenzen-slider a.read-more,
    #einleitung .content-wrapper span.read-more {
        margin-top: 60px;
    }
    #referenzen-slider .content .title {
        height: 110px;
    }
    #referenzen-slider .content-wrapper .content {
        height: 230px;
    }
    /*.slider-circle-wrapper {
        margin-right: 50px;
        margin-bottom: -120px;
    }
    #referenzen-slider .slider-count {
        margin-right: 110px;
        margin-bottom: -112px;
    }*/
    #referenzen-slider .scroll-line, #einleitung .scroll-line {
        height: 50px;
    }
    /*#referenzen-slider .content-wrapper .content,
    #einleitung .content {
        width: 80% !important;
    }
    #referenzen-slider .content .title,
    #einleitung .content .title {
        height: auto !important;
    }
    #referenzen-slider .slider-wrapper,
    #einleitung .bild {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #referenzen-slider .scroll-line,
    #einleitung .scroll-line {
        left: 50px;
    }
    #referenzen-slider .views-row {
        margin: 0 !important;
    }
    #einleitung .bild:after,
    #referenzen-slider .views-row .bild:after { 
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #000000;
        opacity: 0.3;
        z-index: 19;
    }
	#referenzen-slider .views-row .content .info, #einleitung .content .info, #node-startseite #referenzen-slider-2 .views-row .content .info {
		font-size: 14px;
		margin-bottom: 30px;
	}*/
	#node-startseite #referenzen-slider-2.animate1 .slider-count {
		bottom: -30px;
	}
	#node-startseite #referenzen-slider-2 .slider-count {
		width: 82px;
	}
	#node-startseite #referenzen-slider-2 .slider-count.animate hr {
		width: 22px;
	}
	
	#node-startseite #marken {
		padding: 0;
		margin-top: 80px;
	}
	#node-startseite #marken .logos-wrapper {
		width: 50%;
	}
	#node-startseite #marken .logos-wrapper .logos {
		margin: -10px -20px;
	}
	
	#node-startseite #marken .logos .logo > div {
		margin: 10px 20px;
	}
	#block-kontakt .content i {
		font-size: 50px;
		margin-top: -25px;
	}
	
	/*#node-leistung #text-block, #node-referenz #text-block, #node-team #text-block {
		padding-top: 0 !important;
	}*/
	#node-leistung #text-block .icon {
		margin-bottom: 80px;
	}
	#node-leistung #text-block .icon svg {
		height: 70px;
	}
	/*#team {
		margin: 0;
	}
	#team .names {
		width: 45%;
	}
	#team .slider {
		height: 250px;
		margin-left: -50px;
	}
	#team .slider .item {
		width: 200px;
	}
	#team .names .item {
		padding: 100px 0;
	}*/
	
	#node-referenzen_uebersicht .referenzen-wrapper .item,
	#node-leistung .referenzen-wrapper .item,
	#team .item {
		width: 43%;
		margin-bottom: 80px;
	}
	#node-leistungen_uebersicht .leistungen-wrapper .item {
		margin-bottom: 80px;
	}
	#node-leistung .referenzen-wrapper .item {
		margin-bottom: 50px;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item.nth-1,
	#node-referenzen_uebersicht .referenzen-wrapper .item.nth-2,
	#node-leistung .referenzen-wrapper .item.nth-2,
	#team .item.nth-1,
	#team .item.nth-2 {
		margin-left: 7%;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item.nth-3,
	#team .item.nth-3 {
		margin-right: 7%;
		margin-bottom: 50px;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item.nth-4,
	#team .item.nth-4 {
		margin-right: 7%;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item .content,
	#node-leistung .referenzen-wrapper .item .content,
	#team .item .content {
		margin-top: 30px;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item .content .info,
	#node-leistung .referenzen-wrapper .item .content .info,
	#team .item .content .info {
		margin-bottom: 10px;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item .content .info .line,
	#node-leistung .referenzen-wrapper .item .content .info .line,
	#team .item .content .info .line {
		width: 30px;
	}
	#node-leistungen_uebersicht .leistungen-wrapper .item .bild .icon svg {
		height: 140px;
	}
	#einleitung.type-2 .content-wrapper .content .right {
		position: relative;
		right: auto;
		bottom: auto;
		width: auto;
		color: #ffffff;
		margin-top: 30px !important;
	}
	#einleitung.type-2 .content-wrapper .content .right > div {
		padding: 0 !important;
	}
	
	.item.text-block, #text-block, #node-referenz #rows .row.text .text, #node-referenz #rows .row.bewertung .item, #node-referenz #rows .row.mockup .wrapper {
		padding: 80px 0;
	}
    #node-referenz #rows .row.kunde_bewertung .item {
        padding: 0;
    }
    #node-referenz #rows .row.trenner {
        padding-left: 0;
        padding-right: 0;
    }
	#node-referenz #rows .row.bewertung i.icon-heart, #node-referenz #rows .row.kunde_bewertung i.icon-heart {
		margin-bottom: 30px;
		font-size: 40px;
	}
	#node-referenz #rows .row.kunde_bewertung .text,
	#node-kunden #bewertungen .item .content .text {
		font-size: 16px;
		line-height: 26px;
	}
	#node-referenz #rows .row.bewertung .info, #node-referenz #rows .row.kunde_bewertung .info,
	#node-kunden #bewertungen .item .content .info {
		margin-top: 30px;
	}
	#node-referenz #rows .row.bewertung .info .line, #node-referenz #rows .row.kunde_bewertung .info .line,
	#node-kunden #bewertungen .item .content .info .line {
		width: 30px;
	}
	#node-referenz #rows .row.full-width {
		margin-left: -50px;
		margin-right: -50px;
	}
	#node-referenz #rows .row.padding-bottom {
		padding-bottom: 80px !important;
	}
	#node-referenz #rows .row.padding-top {
		padding-top: 80px !important;
	}
	#block-weitere-slider .content {
		width: 45%;
		transform: translateY(-50%) !important;
	}
	#block-weitere-slider .content > div {
		padding: 0 0 0 50px;
	}
	#block-weitere-slider .content h4.title {
		margin-bottom: 30px;
	}
	#block-weitere-slider .content ul.links li a {
		font-size: 16px;
		line-height: 30px;
	}
	#block-weitere-slider .bilder {
		width: 55%;
	}
	#block-weitere-slider .bilder .views-row {
		margin: 80px 0;
		height: 450px !important;
	}
	#block-weitere-slider .bilder .views-row a.show {
		margin-top: 25px;
		left: 35%;
	}
	#block-weitere-slider > .bg {
		left: 25%;
	}
	
	#node-leistung #text-block h2 {
		margin-bottom: 80px;
	}
	
	#node-kunden #bewertungen {
		margin-top: 50px;
		padding: 0;
	}
	#node-kunden #bewertungen .item {
		margin-bottom: 80px;
	}
	#node-kunden #bewertungen .item .logo {
		width: 100px;
	}
	#node-kunden #kunden {
		padding: 0;
	}
	#node-kunden #kunden .item > div, #node-kunden #kunden .item > a {
		height: 120px;
	}
	#node-kunden #kunden .item i {
		right: 10px;
		bottom: 10px;
	}
	
	#node-kontakt #kontakt > div, #node-kontakt #formular > .table > .content {
		padding: 100px 50px 80px 50px;
	}
	#node-kontakt .block-social-media > div {
		margin: 0 50px;
		padding: 15px 0;
	}
	#node-kontakt #kontakt .kontaktdaten {
		width: 80%;
	}
	#node-kontakt #formular .error-info.show {
		bottom: 8px;
		right: 110px;
	}
	#node-kontakt #formular a.close {
		top: 40px;
		right: 50px;
	}
	
	.page-user #main, .error-404 #main, .error-403 #main, #node-page {
		padding: 160px 50px 80px 50px;
	}
	.page-user #main h1, .error-404 #main h1, .error-403 #main h1, #node-page h1 {
		margin-bottom: 30px !important;
	}
	#node-page .spalte {
		width: auto;
		float: none;
	}
	
	#overlay {
		left: 5% !important;
		margin-left: 0 !important;
		width: 90% !important;
	}
	
	
	#cookie-overlay .content-wrapper {
		padding-right: 220px !important;
	}
	#cookie-overlay a.accept {
		padding: 0 15px;
		font-size: 12px;
		margin-top: -15px;
	}
	
	#node-startseite #leistungen .swiper-slide {
		width: 330px;
	}
	#node-startseite #leistungen .swiper-slide .icon svg {
		height: 80px;
	}
	#node-startseite #leistungen .items-wrapper a.nav {
		right: -50px;
		width: 50px;
		height: 50px;
		font-size: 18px;
		margin-top: -25px;
	}
	#node-startseite #leistungen .items-wrapper a.nav i:before {
		line-height: 50px;
	}
	#node-startseite #leistungen .items-wrapper a.nav.prev {
		left: -50px;
	}
	
	#overlay.urlaubsnachricht {
		width: 760px;
		margin-left: -380px;
	}
    #overlay.urlaubsnachricht > .content-wrapper > .content .text > div > div {
        padding: 50px;
    }
	
}


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