@media all and (max-width: 812px) {
	
	body {
		font-size: 16px;
		line-height: 26px;
	}
	
	.mobile-hide {
		display: none !important;
	}
	.mobile-only {
		display: block !important;
	}
	.mobile-only.table {
		display: table !important;
	}
	
	#admin-menu,
	div.tabs,
	.edit-link {
		display: none !important;
	}
	body.admin-menu {
		margin-top: 0 !important;
	}
	
	#page-wrapper > #page {
		width: 100%;
		overflow: visible;
	}
	article > .item > div.section, article #article-wrapper > .item > div.section, #bottom > div.section, #footer > div.section, #messages > div.section, #header > div.section {
		width: auto;
		padding: 0 9%;
	}
	
	#header > div.section {
		width: 100%;
		padding: 50px 0;
		transition: padding 0.3s;
	}
	
	#header {
		position: fixed !important;
		top: 0;
		left: 0;
		padding: 0;
		height: auto;
		width: 100%;
        margin-top: 0 !important;
        -webkit-transition: background 0.5s, top 0.5s !important;
        -moz-transition: background 0.5s, top 0.5s !important;
		transition: background 0.5s, top 0.5s !important;
	}
	#header.small {
		top: -100px;
		background: none;
		height: auto !important;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#header.small.scrolltop {
		top: 0px !important;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
		background: #23221f;
	}
	#header.small.navigation-open {
		top: 0 !important;
	}
	
	#header.small > div.section,
	#header.scrolltop > div.section {
		padding: 20px 0;
	}
	#header #logo,
    #header.small.navigation-open #logo {
		position: relative;
		top: 0 !important;
		left: auto;
		float: left;
		margin-left: 9%;
		line-height: 14px;
		margin-top: -1px;
		transition-delay: 0.5s !important;
	}
	
	#header.navigation-open > div.section {
		padding: 50px 0;
	}
	#header.scrolltop #logo .white,
	#header.navigation-open #logo .white {
		display: block !important;
	}
	#header.scrolltop #logo .black,
	#header.navigation-open #logo .black {
		display: none !important;
	}
	#header.navigation-open #logo,
	#header.small.navigation-open #logo {
		top: -100px !important;
		transition-delay: 0s !important;
	}
	
	
	
	/*#header #logo .white {
		display: none !important;
	}
	#header #logo .black {
		display: block !important;
	}
	#header.navigation-open #logo .white {
		display: block !important;
	}
	#header.navigation-open #logo .black {
		display: none !important;
	}*/
	
	#secondary-menu {
		top: 31px !important;
		right: 9% !important;
		margin-right: 45px !important;
	}
	#secondary-menu ul.menu {
		display: none !important;
	}
	#secondary-menu a.red-dot {
		top: 0;
		left: auto !important;
		right: 0;
	}
	#referenz-domain {
		display: none !important;
	}
	body.node-type-referenz #footer,
	body.node-type-referenz-neu #footer {
		margin-bottom: 50px;
	}
	
	#mobile-footer {
		display: block !important;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background: #2d2d2d;
		z-index: 1399;
		padding: 15px 0;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transform: translateY(120%);
		-moz-transform: translateY(120%);
		transform: translateY(120%);
	}
	#mobile-footer.show {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}
	#mobile-footer a {
		color: #ffffff;
	}
	#mobile-footer a:hover i {
		opacity: 0.5;
	}
	#mobile-footer a.website-link {
		font-size: 18px;
		position: absolute;
		top: 50%;
		margin-top: -9px;
		right: 30px;
		z-index: 99;
	}
	#mobile-footer a.contact-link {
		font-size: 20px;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		left: 30px;
		z-index: 99;
	}
	#mobile-footer .prev-next {
		text-align: center;
	}
	#mobile-footer .prev-next a {
		display: inline-block;
		margin: 0 12px;
		font-size: 18px;
		line-height: 20px;
	}
	#mobile-footer .prev-next a i:before {
		line-height: 20px;
	}
	#mobile-footer .prev-next a.overview {
		font-size: 14px;
		position: relative;
		width: 20px;
	}
	#mobile-footer .prev-next a.overview .grid {
		display: block;
		width: 16px;
		height: 16px;
		margin: 2px;
		position: relative;
	}
	#mobile-footer .prev-next a.overview .grid span {
		position: absolute;
		width: 6px;
		height: 6px;
		background: #ffffff;
		display: block;
		transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s, opacity 0.3s;
	}
	#mobile-footer .prev-next a.overview .grid span:nth-child(1) {
		top: 0; left: 0;
	}
	#mobile-footer .prev-next a.overview .grid span:nth-child(2) {
		top: 0; right: 0;
	}
	#mobile-footer .prev-next a.overview .grid span:nth-child(3) {
		bottom: 0; left: 0;
	}
	#mobile-footer .prev-next a.overview .grid span:nth-child(4) {
		bottom: 0; right: 0;
	}
	#mobile-footer .prev-next a.overview:hover .grid span {
		opacity: 0.5;
	}
	#mobile-footer .prev-next a.overview:hover .grid span:nth-child(1) {
		top: -1px; left: -1px;
	}
	#mobile-footer .prev-next a.overview:hover .grid span:nth-child(2) {
		top: -1px; right: -1px;
	}
	#mobile-footer .prev-next a.overview:hover .grid span:nth-child(3) {
		bottom: -1px; left: -1px;
	}
	#mobile-footer .prev-next a.overview:hover .grid span:nth-child(4) {
		bottom: -1px; right: -1px;
	}
	
	#mobile-footer a.contact-link span.tooltip {
		left: -5px;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		transform: translateX(0%);
	}
	#mobile-footer a.contact-link span.tooltip:after {
		left: 10px;
		margin-left: 0;
	}
	#mobile-footer a.website-link span.tooltip {
		left: auto;
		right: -5px;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		transform: translateX(0%);
	}
	#mobile-footer a.website-link span.tooltip:after {
		left: auto;
		right: 10px;
		margin-left: 0;
	}
	#prev-next {
		display: none;
	}
	
	#header #menu-icon,
    #header.small.navigation-open #menu-icon {
		position: relative;
		top: auto !important;
		right: -9px;
		float: right;
		width: 44px;
		height: 40px;
		margin: -14px 9%;
	}
	#header #menu-icon span {
		background: #ffffff;
	}
	#header #menu-icon.is-open span,
	#header.small #menu-icon span,
	#header.small #menu-icon.active span {
		background: #ffffff !important;
	}
	#header #menu-icon.is-open .path,
	#header.small #menu-icon .path,
	#header.small #menu-icon.active .path {
		stroke: #ffffff !important;
	}
	#header #menu-icon.is-open .path-rotation:before,
	#header.small #menu-icon .path-rotation:before,
	#header.small #menu-icon.active .path-rotation:before {
		background: #ffffff !important;
	}
	
	
	.page-user #header #menu-icon span,
	.error-404 #header #menu-icon span,
	.error-403 #header #menu-icon span,
	.node-type-page #header #menu-icon span {
		background: #000000;
	}
	.page-user #header #menu-icon .path,
	.error-404 #header #menu-icon .path,
	.error-403 #header #menu-icon .path,
	.node-type-page #header #menu-icon .path {
		stroke: #000000;
	}
	.page-user #header #menu-icon .path-rotation:before,
	.error-404 #header #menu-icon .path-rotation:before,
	.error-403 #header #menu-icon .path-rotation:before,
	.node-type-page #header #menu-icon .path-rotation:before {
		background: #000000;	
	}
	
	
	
	.burger-ring,
	.path-burger {
		-webkit-transform: scale(0.6);
		-ms-transform: scale(0.6);
		transform: scale(0.6);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	.burger-icon {
		position: absolute;
		padding: 12px 9px;
		height: 16px;
		width: 26px;
	}
	.burger-container {
		height: 16px;
		width: 26px;
	}
	.burger-bun-top, .burger-bun-bot, .burger-filling {
		width: 26px;
	}
	.burger-filling {
		top: 7px;
	}
	.burger-bun-top {
	  top: 0;
	  -webkit-transform-origin: 22px 1px;
	  -ms-transform-origin: 22px 1px;
	  transform-origin: 22px 1px;
	}
	.burger-bun-bot {
	  bottom: 0;
	  -webkit-transform-origin: 22px 2px;
	  -ms-transform-origin: 22px 2px;
	  transform-origin: 22px 2px;
	}
	/*#header.navigation-open > div.section:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		z-index: 1099;
		opacity: 0.8;
		background: -moz-linear-gradient(top, rgba(35,34,31,1) 75%, rgba(35,34,31,0) 100%); 
		background: -webkit-linear-gradient(top, rgba(35,34,31,1) 75%,rgba(35,34,31,0) 100%); 
		background: linear-gradient(to bottom, rgba(35,34,31,1) 75%,rgba(35,34,31,0) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23221f', endColorstr='#0023221f',GradientType=0 ); 
	}*/
	#navigation-wrapper {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	#navigation-wrapper .navigation-container {
		height: auto;
		padding: 0;
		width: 100%;
	}
	#navigation-wrapper #main-menu {
		margin: 0 9%;
		height: auto;
	}
	#navigation-wrapper #main-menu .region-navigation {
		display: block;
		height: auto;
	}
	#navigation-wrapper #main-menu .block-menu {
		padding: 70px 0 0 0 !important;
	}
	#navigation-wrapper #main-menu .block-menu ul.menu {
		margin: 0 !important;
		padding: 0 !important;
	}
	#navigation-wrapper #main-menu .block-menu ul.menu li {
		font-size: 30px;
		line-height: 50px;
	}
	#navigation-wrapper .right {
		position: relative;
		bottom: auto;
		left: auto;
		display: block !important;
		width: 100%;
		background: none;
		height: auto;
		opacity: 0;
		transition-delay: 0 !important;
	}
	#header.navigation-open #navigation-wrapper .right {
		opacity: 1;
	}
	#navigation-wrapper .right .region-header {
		position: relative;
		top: auto;
		right: auto;
		margin: 50px 9% !important;
		color: #ffffff;
		height: auto !important;
		text-align: left;
		border-top: 1px solid rgba(255,255,255,0.3);
		padding: 50px 0 0 0 !important;
		width: auto !important;
	}
	#navigation-wrapper .right .region-header #block-block-5 {
		position: relative;
		bottom: auto;
		right: auto;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 16px;
		line-height: 26px;
	}
	#navigation-wrapper .right .region-header #block-block-5 > div {
		margin: 0 !important;
		padding: 0 !important;
	}
	#navigation-wrapper .right .region-header #block-block-5 p {
		margin: 0 0 20px 0 !important;
	}
	#navigation-wrapper .right .region-header a {
		color: #ffffff;
	}
	#navigation-wrapper .right .region-header a:hover {
		color: #87807c;
	}
	#navigation-wrapper .right .region-header .social-media {
		margin-top: 0 !important;
	}
	#navigation-wrapper .right .region-header .social-media a {
		margin: 0 10px 0 0;
	}
	
	
	#footer {
		padding: 70px 0 !important;
	}
	#footer #block-block-2,
	#footer #block-block-8 {
		display: none;
	}
	#footer #block-block-4 {
		width: 50%;
		float: left;
        margin: 0 !important;
	}
    #footer #block-block-4 br {
        display: block;   
    }
    #footer #block-block-4 span.trenner {
        display: none;   
    }
  
    #footer #block-menu-menu-fusszeile {
        margin: 0 !important;
        float: right;
		text-align: right;
    }
    #footer #block-menu-menu-fusszeile ul.menu li {
        margin: 0 !important;
        display: block;
        float: none;
    }
	
	
	
	
	h1, h2, h3, h4.big, h5.big, div.h1, h1.subtitle,
	#block-kontakt .content h4.big {
		font-size: 30px;
		line-height: 40px;
		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 {
		font-size: 22px;
		line-height: 28px;
	}
	h5 {
		font-size: 16px;
		line-height: 26px;
	}
	#einleitung.type-2 .content-wrapper .content .title,
	#referenzen-slider .content .title, #einleitung .content .title,
	#node-startseite #referenzen-slider-2 .views-row .content .title {
		font-size: 50px;
		line-height: 55px;
	}
	
	
	.paroller {
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
	}
	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;
	}
	
	
	
	#overlay,
	#overlay.toheight {
		left: 0% !important;
		margin-left: 0 !important;
		width: 100% !important;
		top: 0 !important;
		height: 100% !important;
		background: none !important;
		margin-top: 0 !important;
		box-shadow: none !important;
	}
	#overlay-bg {
		background: #ffffff;
	}
	/*.backdropfilter #overlay-bg {
		background: rgba(255,255,255,0.8);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}*/
	#overlay > .content-wrapper > .content {
		padding: 70px 9% !important
	}
	#overlay #node-page {
		margin: 0 !important;
		padding: 0 !important;
	}
	#overlay #node-page h1, #overlay #node-page h2, #overlay #node-page h3, #overlay #node-page h4.big, #overlay #node-page h5.big {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 30px !important;
	}
	#overlay > a.close {
		top: auto !important;
		bottom: 60px;
		left: 50%;
		right: auto !important;
		margin-left: -20px;
		box-shadow: 0 0 15px 0 rgba(255,255,255,0.8);
		width: 40px;
		height: 40px;
		font-size: 18px;
	}
	#overlay > a.close i::before {
		line-height: 40px;
	}
	
	#user-login .form-type-textfield,
	#user-login .form-type-password {
		width: 100%;
	}
	#user-login .form-type-password {
		margin-top: 20px;
	}
	
	
	#content-wrapper {
		padding: 70px 9%;
	}
	#node-startseite #content-wrapper,
	#node-referenz #content-wrapper,
	#node-startseite #text-block .onepage-item-table > .onepage-item-table-cell {
		padding-top: 30px !important;
	}
	#node-team #content-wrapper,
	#node-kunden #content-wrapper {
		padding-top: 30px !important;
	}
    #node-leistung #content-wrapper {
        padding-top: 50px !important;
    }
	.item.text-block, #text-block {
		padding: 70px 0;
	}
	.item.text-block .content, #text-block .content {
		padding-right: 0;
	}
	
	
	/*article.fixed-einleitung {
		padding-top: 0 !important;
	}
	article.fixed-einleitung #einleitung,
	article.fixed-einleitung #referenzen-slider {
		position: relative !important;
		display: block !important;
		z-index: 9;
	}
	article.fixed-einleitung #article-wrapper::before {
		display: none;
	}
	article.fixed-einleitung #article-wrapper {
		z-index: 1;
		margin-top: -190px;
		padding-top: 190px;
	}*/
    #referenzen-slider .content-wrapper {
        margin: 0 9% !important;
        width: 82% !important;
    }
    #referenzen-slider .content-wrapper .content {
        height: 250px;
    }
	#einleitung .content-wrapper {
		margin: 0 9%;
		width: auto !important;
	}
	#referenzen-slider .views-row .content .title br, #einleitung .content .title br, #node-startseite #referenzen-slider-2 .views-row .content .title br {
		display: none !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;
    }
	#einleitung.type-2 > div.section {
		padding: 110px 0 130px 0;
	}*/
	#referenzen-slider > .bg,
	#einleitung > .bg {
		bottom: 0;
		right: 0;
		top: auto;
	}
	#einleitung.type-2 > .bg {
		bottom: 0px;
	}
	/*#einleitung .scroll-icon,
	#referenzen-slider .scroll-icon {
		bottom: 60px;
	}
	#einleitung.type-2 .scroll-icon {
		display: block;
		bottom: 50px;
		left: 9%;
		margin-left: 0;
		border-color: #000000;
		opacity: 1;
		transition: opacity 0.5s;
	}
	#einleitung.type-2 .scroll-icon div {
		background: #000000;
	}
	#einleitung.type-2 .scroll-icon.scrolled {
		opacity: 0;
	}*/
	
    #referenzen-slider, #einleitung {
        height: auto !important;
        margin-bottom: 45vw;
    }
    #referenzen-slider > div.section,
    #einleitung > div.section {
        padding: 150px 0 400px 0 !important;
        height: auto !important;
    }
    #einleitung.type-2 > div.section {
        padding: 150px 0 100px 0 !important;
        height: auto !important;
    }
    #referenzen-slider .content-wrapper,
    #einleitung .content-wrapper {
        overflow: visible;
    }
    #referenzen-slider .content-wrapper .content,
	#einleitung .content-wrapper .content {
        position: relative;
        top: auto;
        left: 0;
		width: 100% !important;
        margin: 0;
        transform: none;
	}
    #referenzen-slider a.read-more,
    #einleitung .content-wrapper .show-more,
    #einleitung .content-wrapper span.read-more {
        margin-top: 30px;
    }
	#referenzen-slider .views-row .content {
		opacity: 1 !important;
	}
    #einleitung.type-2 {
        margin-bottom: 0 !important;
    }
	#einleitung.type-2 .content-wrapper .content {
		padding: 0 !important;
		width: auto !important;
        margin: 0 !important;
        float: none;
	}
	#einleitung.type-2 .content-wrapper .content > div {
		padding: 0 !important;
	}
	#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;
	}
    #referenzen-slider .slider-wrapper,
    #einleitung .slider-wrapper {
        padding: 0 !important;
        margin-right: 0 !important;
    }
    #referenzen-slider .slider-wrapper,
    #einleitung .slider-wrapper,
    #einleitung .bild {
        width: 100% !important;
        height: auto !important;
        position: absolute;
        top: 100%;
        left: 0;
        height: 500px;
        margin-top: 70px;
    }
    #referenzen-slider .slider,
    #einleitung .slider,
    #einleitung .bild > div {
        top: 0 !important;
    }
    #referenzen-slider .views-row,
    #einleitung .slider-item {
        margin: 0 !important;
    }
	#referenzen-slider .views-row.shown .bild,
	#einleitung.animate .bild {
		top: auto !important;
	}
	#einleitung .content {
		opacity: 1 !important;
	}
    #referenzen-slider .content-wrapper .content .item,
    #einleitung .content > div {
        padding: 0 !important;
    }
    #referenzen-slider .content .info,
    #einleitung .content .info {
        margin: 0 0 5px 0;
        font-size: 14px;
    }
    #referenzen-slider .content .info .line, #einleitung .content .info .line {
        width: 30px;
        margin: 0 10px;
    }
    #referenzen-slider .content .title {
        height: 165px;
    }
    #referenzen-slider .content-wrapper .content {
        height: 250px;
    }
    #einleitung .content .title {
        height: auto !important;
    }
    #referenzen-slider .scroll-line,
    #einleitung .scroll-line {
        left: 9%;
        display: none;
    }
	
	#node-leistung #text-block, #node-referenz #text-block, #node-team #text-block {
		padding-top: 0 !important;
	}
	#node-referenz #text-block a.website {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 30px;
	}
    #node-referenz #einleitung .awards {
        transform: translateY(-50%) scale(0.6);
        transform-origin: center right;
    }
	#node-referenz #rows .row.full-width,
	#node-referenz #rows .row.full-width-mobile {
		margin-left: -11%;
		margin-right: -11%;
	}
	#node-referenz #rows .row.padding-bottom {
		padding-bottom: 70px !important;
	}
	#node-referenz #rows .row.padding-top {
		padding-top: 70px !important;
	}
	#node-referenz #rows .row.only-mobile {
		display: block !important;
	}
	#node-referenz #rows .row.only-desktop {
		display: none !important;
	}
	#node-referenz #rows .row.text .text, #node-referenz #rows .row.bewertung .item, #node-referenz #rows .row.mockup .wrapper {
		padding: 70px 0;
	}
    #node-referenz #rows .row.kunde_bewertung .item {
        padding: 0;
    }
	#node-referenz #rows .row.text .text > div {
		width: auto;
	}
    #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 {
		font-size: 50px;
		margin-bottom: 30px;
	}
	#node-referenz #rows .row.bewertung .text, #node-referenz #rows .row.kunde_bewertung .text {
		
	}
	#node-referenz #rows .row.bewertung .info, #node-referenz #rows .row.kunde_bewertung .info {
		margin-top: 30px;
        font-size: 14px;
	}
	#node-referenz #rows .row.bewertung .info .line, #node-referenz #rows .row.kunde_bewertung .info .line {
		width: 30px;
	}
	#node-referenz #rows .row.bilder_spalten .column {
		margin-top: 0 !important;
	}
	#node-referenz #text-block a.website {
		padding: 12px 20px;
	}
	
	
	#node-referenz #bilder {
		margin-bottom: 50px;
	}
	#node-referenz #rows .row.bilder.padding {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#node-referenz #bilder .row .bild {
		width: 100% !important;
	}
	#node-referenz #bilder .row .text > div {
		padding: 30px 0;
		text-align: left;
	}
	#node-referenz #bilder .row.inline-text .text.inline {
		width: 100% !important;
	}
	#node-referenz #bilder .row.inline-text .text.inline > div {
		height: auto !important;
	}
	#node-referenz #bilder .row.inline-text .text.inline > div .table {
		display: block;
	}
	#node-referenz #bilder .row.inline-text .text.inline > div .table > div {
		padding: 30px 0;
		display: block;
	}
	#node-referenz #rows .row.bild_text .bild {
		width: 100% !important;
	}
	#node-referenz #rows .row.bild_text .text {
		width: 100% !important;
		text-align: left;
		height: auto !important;
		padding: 70px 0;
	}
	#node-referenz #rows .row.bild_text .text > div,
	#node-referenz #rows .row.bild_text.full-width .text > div,
	#node-referenz #rows .row.bild_text.full-width-mobile .text > div {
		padding: 0 !important;
	}
	#node-referenz #rows .row.bild_text.full-width .text > div ,
	#node-referenz #rows .row.bild_text.full-width-mobile .text > div {
		padding: 0 9% !important;
	}
	#node-referenz #rows .row.bild_text .text > div > div {
		padding: 40px 9%;
		display: block;
	}
	#node-referenz #rows .row.bild_text .text p:last-child {
		margin: 0 !important;
	}
	#node-referenz #rows .row.bild_text .bild > div {
		height: auto !important;
	}
	#node-referenz #rows .row.bild_text .bild > div img {
		height: auto !important;
		width: 100% !important;
		margin: 0 !important;
	}
    #node-referenz #rows .row.slider .slider-count {
        margin-left: 0px;
    }
    #node-referenz #rows .row.slider .slider-navigation {
        margin-right: 0px;
    }
    #node-referenz #rows .row.slider .slider-count,
    #node-referenz #rows .row.slider .slider-navigation {
        margin-top: 20px;
    }
	
	
	
	/*#block-weitere-slider {
		margin-bottom: 70px;
	}
	#block-weitere-slider > div.section {
		padding: 0 !important;
	}
	#block-weitere-slider .content {
		width: 40%;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		float: right;
		margin-left: 9%;
	}
	#block-weitere-slider .content > div {
		padding: 70px 0 !important;
	}
	#block-weitere-slider .content h4.title {
		margin-bottom: 30px !important;
	}
	#block-weitere-slider .content ul.links li a {
		font-size: 16px;
		line-height: 32px;
	}
	#block-weitere-slider .bilder {
		width: 46%;
		position: absolute;
		top: 70px;
		left: 9%;
	}
	#block-weitere-slider .bilder .views-row {
		margin: 0 !important;
	}
	#block-weitere-slider .bilder .views-row a.show {
		margin: 0 !important;
		top: auto;
		left: 9%;
		bottom: 9%;
	}
	#block-weitere-slider > .bg {
		left: 35%;
	}*/
	
	#block-weitere-slider {
		position: relative;
		overflow: hidden;
		margin-bottom: 70px;
	}
	#block-weitere-slider > div.section {
		padding: 0 !important;
	}
	#block-weitere-slider .content {
		width: 82%;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		float: right;
		margin: 0 9%;
	}
	#block-weitere-slider .content > div {
		padding: 70px 0 !important;
	}
	#block-weitere-slider .content h4.title {
		margin-bottom: 0px !important;
	}
	#block-weitere-slider .content ul.links {
		display: none;
	}
	#block-weitere-slider > .bg {
		left: 0 !important;
		width: 100% !important;
		top: auto !important;
		bottom: 150px !important;
	}
	#block-weitere-slider .bilder {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 82% !important;
		margin: 0 9% !important;
		float: none !important;
	}
	#block-weitere-slider .bilder,
	#block-weitere-slider .bilder .slick-track,
	#block-weitere-slider .bilder .slick-list {
		overflow: visible;
	}
	#block-weitere-slider .bilder .slick-list {
		padding: 0 !important;
		margin: 0 -5px !important;
	}
	#block-weitere-slider .bilder .views-row {
		margin: 0px !important;
		padding: 0 5px !important;
		height: 500px !important;
	}
	#block-weitere-slider .bilder .views-row .bild {
		transform: none !important;
		opacity: 1 !important;
		height: 100%;
		width: 100%;
		position: relative;
		z-index: 9;
		overflow: hidden;
		background: #23221f !important;
	}
	#block-weitere-slider .bilder .views-row img {
		transform: none !important;
		opacity: 0.7;
	}
	#block-weitere-slider .bilder .views-row a.show {
		display: none !important;
	}
	#block-weitere-slider .bilder .views-row .content {
		display: block !important;
		z-index: 29;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100% !important;
		margin: 0 !important;
		transform: translateY(-50%);
		text-align: left;
		color: #ffffff;
	}
	#block-weitere-slider .bilder .views-row .content > div {
		margin: 0 9%;
	}
	#block-weitere-slider .bilder .views-row .content .info {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 40px;
	}
	#block-weitere-slider .bilder .views-row .content .title {
		font-size: 50px;
		line-height: 55px;
		font-weight: 600;
	}
	#block-weitere-slider .bilder .views-row .content .title br {
		display: none;
	}
	
	#block-kontakt {
		padding: 70px 0;
	}
	#block-kontakt .content i {
		font-size: 40px;
		margin-top: -20px;
	}
	
	
	#node-referenzen_uebersicht #einleitung,
	#node-leistungen_uebersicht #einleitung {
		height: auto !important;
		min-height: auto !important;
	}
	#node-referenzen_uebersicht #einleitung > div.section,
	#node-leistungen_uebersicht #einleitung > div.section {
		padding: 150px 0 200px 0 !important;
		height: auto !important;
	}
	#node-referenzen_uebersicht #einleitung > .bg,
	#node-leistungen_uebersicht #einleitung > .bg {
		bottom: 0 !important;
	}
	#node-referenzen_uebersicht #einleitung.type-2 .content-wrapper .content,
	#node-leistungen_uebersicht #einleitung.type-2 .content-wrapper .content {
		transform: none !important;
	}
	#node-referenzen_uebersicht #einleitung.type-2 .content-wrapper,
	#node-leistungen_uebersicht #einleitung.type-2 .content-wrapper {
		height: auto !important;
	}
	#node-referenzen_uebersicht #content-wrapper,
	#node-leistungen_uebersicht #content-wrapper {
		margin-top: -150px !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper,
	#node-leistungen_uebersicht .leistungen-wrapper,
	#team {
		margin: 0 !important;
		padding: 0 !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item,
	#node-leistungen_uebersicht .leistungen-wrapper .item,
	#node-leistung .referenzen-wrapper .item,
	#team .item {
		width: 47% !important;
		float: left;
		margin: 70px 0 0 0 !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item.odd,
	#node-leistungen_uebersicht .leistungen-wrapper .item.odd,
	#node-leistung .referenzen-wrapper .item.odd,
	#team .item.odd {
		clear: both !important;
		margin-top: 40px !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item.even,
	#node-leistungen_uebersicht .leistungen-wrapper .item.even,
	#node-leistung .referenzen-wrapper .item.even,
	#team .item.even {
		float: right !important;
	}
	#node-leistungen_uebersicht .leistungen-wrapper .item.nth-1 {
		clear: none !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item .content,
	#node-leistungen_uebersicht .leistungen-wrapper .item .content,
	#node-leistung .referenzen-wrapper .item .content,
	#team .item .content {
		margin-top: 30px !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item .content .info,
	#node-leistungen_uebersicht .leistungen-wrapper .item .content .info,
	#node-leistung .referenzen-wrapper .item .content .info,
	#team .item .content .info {
		margin-bottom: 5px !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item .content .info .line,
	#node-leistungen_uebersicht .leistungen-wrapper .item .content .info .line,
	#node-leistung .referenzen-wrapper .item .content .info .line,
	#team .item .content .info .line {
		width: 30px !important;
	}
	#node-leistung .referenzen-wrapper a.link-button {
		margin-top: 70px;
	}
	#node-leistungen_uebersicht .leistungen-wrapper .item .bild .icon svg {
		height: 120px;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item .bild .read-more {
		left: 20px;
		bottom: 20px;
	}
	
	
	#node-kontakt #kontakt {
		min-height: 100vh;
		height: auto !important;
		display: block;
	}
	#node-kontakt #kontakt > div {
		padding: 140px 9% !important;
		display: block !important;
	}
	#node-kontakt #formular > .table {
		display: block !important;
	}
	#node-kontakt #formular > .table > .content {
		display: block !important;
		padding: 0 !important;
		height: 100%;
	}
	#node-kontakt #formular > .table > .content .webform,
	#node-kontakt #formular #confirmation {
		padding: 70px 9% !important;
		overflow: hidden;
	}
	#node-kontakt #kontakt .kontaktdaten {
		margin-top: 30px !important;
		width: 100% !important;
		font-size: 20px;
		line-height: 34px;
		font-weight: 700;
	}
	/*#node-kontakt #kontakt .kontaktdaten .left, #node-kontakt #kontakt .kontaktdaten .right {
		width: auto !important;
		float: none !important;
	}*/
	#node-kontakt #kontakt .body, #node-kontakt #formular form, #node-kontakt #formular #confirmation,
	#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: 30px;
	}
	#node-kontakt #formular .form-item input {
		line-height: 22px;
		top: 4px;
	}
	#node-kontakt #kontakt .body a::after {
		bottom: 1px;
	}
	#node-kontakt #formular .form-item-project span.current {
		margin-right: 20px;
	}
	#node-kontakt #formular .form-item-project span.current::before {
		margin-top: -4px;
		font-size: 12px;
		right: -20px;
	}
	#node-kontakt #formular #edit-line4 {
		margin-top: 30px;
	}
	#node-kontakt #formular .error-info {
		right: 130px;
		font-size: 12px;
		width: 200px;
		text-align: right;
		line-height: 18px;
	}
	#node-kontakt #formular .error-info.show {
		bottom: 8px;
	}
	#node-kontakt #formular #confirmation a.close {
		font-size: 60px;
		margin-top: -30px;
	}
	#node-kontakt .block-social-media > div {
		margin: 0 9% !important;
	}
	#node-kontakt #formular a.close {
		top: 20px;
		right: 20px;
		font-size: 16px;
		width: 30px;
		height: 30px;
		border: 1px solid #ffffff;
	}
	#node-kontakt #formular a.close i:before {
		line-height: 30px;
	}
	
	
	.page-user #main h1, .error-404 #main h1, .error-403 #main h1, #node-page h1 {
		margin-bottom: 30px !important;
	}
	.page-user #main, .error-404 #main, .error-403 #main, #node-page {
		padding: 70px 9% !important;
		padding-top: 145px !important;
	}
	#node-page .spalte {
		width: auto !important;
		float: none !important;
	}
	
	
	/*#team {
		padding: 0 !important;
		margin: 50px 0 !important;
	}
	#team .names {
		opacity: 0;
	}
	#team .names .item {
		padding: 120px 0;
	}
	#team .slider {
		left: 0;
		margin-left: -15px;
		overflow: visible;
		height: 457px;
	}
	#team .slider .item {
		width: 300px;
	}
	#team .slider .item .content {
		display: block;
		font-size: 14px;
		line-height: 24px;
	}*/
	
	#node-leistung #text-block h2 {
		margin-bottom: 70px !important;
	}
	#node-leistung #text-block .icon {
		margin-bottom: 50px;
	}
	#node-leistung #text-block .icon svg {
		height: 70px;
	}
	#node-leistung .passende-leistungen {
		margin: 70px 0 !important;
		padding: 0 !important;
	}
	#node-leistung .passende-leistungen .items {
		padding: 70px 0 0 0 !important;
		margin: 0 !important;
	}
	#node-leistung .referenzen-wrapper {
		margin-top: 70px !important;
		padding: 0 !important;
	}
	
	#node-kunden #bewertungen {
		margin-top: 140px;
		padding: 0 !important;
	}
	#node-kunden #bewertungen .item {
		margin-bottom: 70px;
	}
	#node-kunden #bewertungen .item .logo {
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 40px;
		width: 130px;
	}
	#node-kunden #bewertungen .item .content {
		padding: 0 !important;
	}
	#node-kunden #bewertungen .item .content .info {
		margin-top: 30px;
        font-size: 16px;
		line-height: 26px;
	}
	#node-kunden #bewertungen .item .content .info .line {
		width: 30px !important;
	}
	#node-kunden #bewertungen .item .content .text {
		
	}
	#node-kunden #bewertungen a.show-more {
		margin: 0;
	}
	#node-kunden #kunden {
		padding: 0 !important;
	}
	#node-kunden #kunden .items-wrapper {
		margin: -15px;
	}
	#node-kunden #kunden .item > div,
	#node-kunden #kunden .item > a {
		height: 100px;
		margin: 15px;
	}
	#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-kunden #kunden .item i {
		right: 8px;
		bottom: 8px;
	}
	
	
	
	body.front #header #logo .black {
		display: none;
	}
	body.front #header #logo .white {
		display: block;
	}
	/*#node-startseite,
	#node-startseite .onepage-item:not(.item-1) {
		height: auto !important;
	}
	#node-startseite .onepage-item {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		opacity: 1 !important;
		z-index: 9 !important;
	}
	#node-startseite .onepage-item-table {
		display: block !important;
	}
	#node-startseite .onepage-item-table > .onepage-item-table-cell {
		padding: 70px 9% !important;
		display: block !important;
	}
	#referenzen-slider.show.animate1 > .bg {
		right: 0 !important;
	}*/
	
	#referenzen-slider .views-row span.read-more, #einleitung .content-wrapper span.read-more {
		display: none;
	}
	.slider-circle-wrapper {
		width: 26px;
		height: 26px;
		right: 0;
		bottom: 0;
        margin: 0;
	}
	.slider-circle-wrapper i.icon-angle-right {
		font-size: 10px;
		margin: -5px 0 0 -4px;
	}
	.slider-circle-wrapper .slider-circle {
		width: 30px;
		height: 30px;
		clip: rect(0px, 30px, 30px, 15px);
	}
	.slider-circle-wrapper .slider-circle .circle {
		width: 24px;
		height: 24px;
		clip: rect(0px, 15px, 30px, 0px);
	}
	#referenzen-slider .slider-count,
    #einleitung .slider-count {
		right: 50px;
		bottom: 3px;
		transform: none !important;
        margin: 0;
        z-index: 99;
	}
	
	/*body.front #node-startseite > .line,
	body.front #node-startseite > .email,
	body.front #node-startseite > .dots {
		display: none !important;
	}
	body.front #footer {
		position: relative !important;
		bottom: auto !important;
		left: auto !important;
		background: #23221f !important;
	}
	body.front #footer .region-footer::before {
		top: -70px;
	}*/
    #node-startseite #text-block {
        padding-top: 0;
    }
	#node-startseite #text-block-2 {
		margin-top: 70px;
	}
	#node-startseite #text-block .content .body {
		padding: 0 !important;
	}
	/*#node-startseite #referenzen-slider-2 .onepage-item-table > .onepage-item-table-cell {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		margin-top: 0 !important;
	}*/
	
	#node-startseite #marken {
		margin-top: 70px !important;
		padding: 0;
	}
	#node-startseite #marken .left {
		width: 100%;
	}
	#node-startseite #marken .logos-wrapper {
		width: 100%;
		margin-top: 50px;
	}
	#node-startseite #marken .logos-wrapper .logos {
		margin: -10px -20px;
	}
	#node-startseite #marken .logos .logo > div {
		margin: 10px 20px;
	}
	#node-startseite #marken .slick-dots {
		margin: 20px 0 0 0 !important;
	}
	
	#node-startseite #referenzen-slider-2 {
		margin: 70px 0 0 0 !important;
		padding: 70px 0 0 0 !important;
	}
	#node-startseite #referenzen-slider-2 > .bg {
		width: 200%;
		right: -50% !important;
		height: 75%;
	}
	#node-startseite #referenzen-slider-2 .content-wrapper {
		padding-right: 0 !important;
		margin-bottom: 70px !important;
	}
	#node-startseite #referenzen-slider-2 .content-wrapper h3,
	#node-startseite #referenzen-slider-2 .content-wrapper .body {
		margin-right: 0 !important;
	}
	#node-startseite #referenzen-slider-2 .content-wrapper .link {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 30px;
	}
	#node-startseite #referenzen-slider-2 .content-wrapper .link a:hover {
		color: #ffffff;
	}
	#node-startseite #referenzen-slider-2 .slider-wrapper {
		margin: 0 !important;
		background: none;
	}
	#node-startseite #referenzen-slider-2 .slider-count {
		position: relative;
		left: auto;
		bottom: auto !important;
		margin-top: 20px;
	}
	#node-startseite #referenzen-slider-2 .slider,
	#node-startseite #referenzen-slider-2 .slider .slick-track,
	#node-startseite #referenzen-slider-2 .slider .slick-list {
		overflow: visible;
	}
	#node-startseite #referenzen-slider-2 .slider .slick-list {
		padding: 0 !important;
		margin: 0 -5px !important;
	}
	#node-startseite #referenzen-slider-2 .views-row {
		width: 100%;
		height: 500px !important;
		padding: 0 5px !important;
	}
	#node-startseite #referenzen-slider-2 .views-row .bild {
		opacity:  1!important;
	}
	#node-startseite #referenzen-slider-2 .views-row .content {
		left: 0;
		width: 100%;
	}
	#node-startseite #referenzen-slider-2 .views-row .content > div {
		margin: 0 9%;
	}
	#node-startseite #referenzen-slider-2 .views-row.animate .bild img {
		-moz-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
	#node-startseite #referenzen-slider-2 .views-row .bild .background {
		opacity: 0.4;
		width: 100%;
	}
	#node-startseite #referenzen-slider-2 .slider-count {
		color: #000000;
	}
	#node-startseite #referenzen-slider-2 .slider-count hr {
		background: #000000;
	}
	#node-startseite #referenzen-slider-2 .slider-circle-wrapper {
		bottom: 55px;
		display: none !important;
	}
	
	#node-startseite #leistungen {
		padding: 0 !important;
		margin-top: 70px;
	}
	#node-startseite #leistungen .content-wrapper {
		padding-right: 0 !important;
	}
	#node-startseite #leistungen .content-wrapper .link {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 20px;
	}
	#node-startseite #leistungen .swiper-slide {
		width: 300px !important;
	}
	#node-startseite #leistungen .swiper-slide .icon {
		margin-bottom: 40px;
	}
	#node-startseite #leistungen .swiper-slide .icon svg {
		height: 80px;
	}
	#node-startseite #leistungen .swiper-slide .content {
		padding-right: 30px;
	}
	#node-startseite #leistungen .swiper-slide .content .info {
		margin-bottom: 5px !important;
	}
	#node-startseite #leistungen .swiper-slide .content .info .line {
		width: 30px !important;
	}
	#node-startseite #leistungen .items-wrapper {
		margin-top: 50px;
		padding-bottom: 70px;
	}
	#node-startseite #leistungen .items-wrapper:before {
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
		width: 30px;
		left: -11%;
		right: auto;
	}
	#node-startseite #leistungen .items-wrapper:after {
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
		margin-left: 0;
		width: 30px;
		right: -11%;
		left: auto;
	}
	#node-startseite #leistungen .items-wrapper a.nav {
		left: 45px !important;
		right: auto !important;
		top: auto !important;
		bottom: 0;
		width: 40px;
		height: 40px;
		font-size: 16px;
		margin-top: 0px;
	}
	#node-startseite #leistungen .items-wrapper a.nav i:before {
		line-height: 40px;
	}
	#node-startseite #leistungen .items-wrapper a.nav.prev {
		left: 0 !important;
	}
	#node-startseite #leistungen .items-wrapper a.nav.swiper-button-disabled {
		opacity: 0.2;
		background: #000000;
	}
	
	
	
	/* SHOW MORE */
	.show-more-container a.show-more {
		display: inline-block !important;
		width: 18px;
		height: 18px;
		border: 2px solid #000;
		border-radius: 50%;
		position: relative;
	}
	.show-more-container a.show-more:before {
		content: "";
		background: #000000;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 2px;
		height: 10px;
		margin: -5px 0 0 -1px;
		transition: background 0.5s;
	}
	.show-more-container a.show-more:after {
		content: "";
		background: #000000;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 10px;
		height: 2px;
		margin: -1px 0 0 -5px;
		transition: background 0.5s;
	}
	.show-more-container a.show-more:hover {
		background: #000000;
	}
	.show-more-container a.show-more:hover:before,
	.show-more-container a.show-more:hover:after {
		background: #ffffff;
	}
	.show-more-container .show-more-preview {
		display: block !important;
		margin-bottom: 30px;
	}
	.show-more-container .show-more-detail {
		display: none !important;
	}
	#overlay.show-more a.show-more,
	#overlay.show-more .show-more-preview {
		display: none !important;
	}
	#overlay-bg.show-more > div {
		display: none !important;
	}
	
	
	#cookie-overlay .content-wrapper {
		padding: 20px 9% !important;
		font-size: 12px;
		line-height: 18px;
	}
	#cookie-overlay a.accept {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 15px;
		padding: 0 15px;
		font-size: 12px;
		line-height: 30px;
		height: 30px;
	}
	
	
	#overlay.urlaubsnachricht > .content-wrapper > .content img {
		width: 100%;
	}
	#overlay.urlaubsnachricht > .content-wrapper > .content .text {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: auto;
	}
	#overlay.urlaubsnachricht > .content-wrapper > .content .text > div {
		display: block;
		height: auto;
	}
	#overlay.urlaubsnachricht > .content-wrapper > .content .text > div > div {
		display: block;
		padding: 70px 9% 150px 9%;
	}
	
	
}


@media all and (max-width: 812px) and (orientation: portrait) {
	
	#node-referenz #rows .row.video video.querformat {
		display: none;
	}
	#node-referenz #rows .row.video video.hochformat {
		display: block !important;
	}
	
}



@media all and (max-width: 600px) {

	h1, h2, h3, h4.big, h5.big, div.h1, h1.subtitle,
	#block-kontakt .content h4.big {
		font-size: 26px;
		line-height: 32px;
	}
	h1.big, div.h1.big, h2.big {
		font-size: 30px;
		line-height: 36px;
	}
	h4, h5.big, #text-block-links-2 h3, span.h4 {
		font-size: 22px;
		line-height: 28px;
	}
	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 {
		font-size: 18px;
		line-height: 26px;
	}
	h5 {
		font-size: 16px;
		line-height: 26px;
	}
	#einleitung.type-2 .content-wrapper .content .title,
	#referenzen-slider .content .title, #einleitung .content .title,
	#node-startseite #referenzen-slider-2 .views-row .content .title,
	#block-weitere-slider .bilder .views-row .content .title {
		font-size: 36px;
		line-height: 42px;
	}
	
	#node-kunden #bewertungen {
		margin-top: 100px;
		padding: 0 !important;
	}
	#node-kunden #kunden .item {
		width: 33.333%;
	}
	#node-kontakt #kontakt .kontaktdaten .left, #node-kontakt #kontakt .kontaktdaten .right {
		width: 100%;
	}
	#node-kontakt .block-social-media > div {
		text-align: left;
	}
	#node-kontakt .block-social-media a {
		margin: 0 10px 0 0;
	}
	#node-kontakt #formular input.form-submit {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 50px;
	}
	#node-kontakt #formular .error-info {
		right: auto;
		left: 100px;
		text-align: left;
		width: 50%;
		font-size: 10px;
		line-height: 16px;
	}
	#node-kontakt #formular .error-info.show {
		bottom: 3px;
	}
	.nice-select .list {
		padding: 5px 0;
	}
	.nice-select .option {
		padding: 5px 15px !important;
	}
	#node-kontakt #formular .webform a.close {
		font-size: 20px;
		top: 5px;
	}
	
	#block-weitere-slider {
		margin-bottom: 50px !important;
	}
	#block-weitere-slider .content > div {
		padding: 50px 0 !important;
	}
	
	#node-referenzen_uebersicht .referenzen-wrapper .item,
	#node-leistungen_uebersicht .leistungen-wrapper .item,
	#node-leistung .referenzen-wrapper .item,
	#team .item {
		width: 80% !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item.odd,
	#node-leistungen_uebersicht .leistungen-wrapper .item.odd,
	#node-leistung .referenzen-wrapper .item.odd,
	#team .item.odd {
		margin-top: 70px !important;
	}
	#node-leistung .referenzen-wrapper .item.item-0 {
		margin-top: 30px !important;
	}
	
	#node-startseite #leistungen .swiper-slide {
		width: 250px !important;
	}
    
    #referenzen-slider > div.section, #einleitung > div.section {
        padding-bottom: 300px !important;
    }
    #referenzen-slider .slider-wrapper, #einleitung .bild {
        height: 400px;
    }
    #referenzen-slider .content-wrapper .content {
        height: 220px;
    }
    #referenzen-slider .content .title {
        height: 126px;
    }
    #referenzen-slider .content-wrapper .content {
        height: 211px;
    }
    
    #referenzen-slider, #einleitung {
        margin-bottom: 45vw;
    }
	
}

@media all and (max-width: 500px) {
	
	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;
	}
	
	
	#einleitung.type-2 .content-wrapper .content .title, #referenzen-slider .content .title, #einleitung .content .title, #node-startseite #referenzen-slider-2 .views-row .content .title, #block-weitere-slider .bilder .views-row .content .title {
		font-size: 32px;
		line-height: 38px;
	}
	
	
	
	#node-leistung .passende-leistungen .items a.item .link-button {
		position: relative;
		right: auto;
		bottom: auto;
	}
	
	#node-referenz #content-wrapper {
		padding-bottom: 0 !important;
	}
	#node-referenz #rows .row.bilder .wrapper {
		margin: 0 !important;
	}
	#node-referenz #rows .row.bilder .bild {
		width: 100% !important;
	}
	#node-referenz #rows .row.bilder .bild > div {
		margin: 0 0 15px 0 !important;
	}
	#node-referenz #rows .row.video > div {
		margin-bottom: 15px !important;
	}
	#node-referenz #rows .row.bilder_spalten .wrapper {
		margin: 0;
	}
	#node-referenz #rows .row.bilder_spalten .column {
		width: auto !important;
		float: none !important;
	}
	#node-referenz #rows .row.bilder_spalten .column .bilder {
		margin: 0;
	}
	#node-referenz #rows .row.bilder_spalten .column .bilder .bild {
		float: none;
		margin: 0 0 15px 0;
	}
	
	#node-referenz #rows .row.bilder.grid-2.mobile-side-by-side .bild {
		width: 50% !important;
	}
	#node-referenz #rows .row.bilder.grid-3.mobile-side-by-side .bild {
		width: 33.333% !important;
	}
	#node-referenz #rows .row.bilder.grid-4.mobile-side-by-side .bild {
		width: 25% !important;
	}
	#node-referenz #rows .row.bilder_spalten.mobile-side-by-side .column {
		width: 50% !important;
		float: left !important;
	}
	#node-referenz #rows .row.bilder_spalten.grid-3.mobile-side-by-side .column {
		width: 33.333% !important;
	}
	#node-referenz #rows .row.bilder_spalten.mobile-side-by-side .wrapper {
		margin: -10px !important;
	}
	#node-referenz #rows .row.bilder_spalten.mobile-side-by-side .column .bilder {
		margin: 0 10px !important;
	}
	#node-referenz #rows .row.bilder_spalten.mobile-side-by-side .column .bilder .bild {
		margin: 15px 0 !important;
	}
	#node-referenz #rows .row.bild_text .bild {
		margin-top: 15px;
	}
	
	#node-referenz #rows .row.video a.play,
    #node-referenz #rows .row.slider a.play {
		width: 50px;
		height: 50px;
		margin: -25px 0 0 -25px;
		font-size: 25px;
	}
	#node-referenz #rows .row.video a.play i:before,
    #node-referenz #rows .row.slider a.play i:before {
		line-height: 50px;
	}
	#node-referenz #rows .row.video a.pause,
    #node-referenz #rows .row.slider a.pause {
		font-size: 50px;
		margin: -25px 0 0 -25px;
	}
	#node-referenz #video a.play {
		font-size: 50px;
		margin: -25px 0 0 -25px;
	}
	
	#node-referenz #rows .row.bewertung .info .line,
	#node-referenz #rows .row.kunde_bewertung .info .line,
	#node-kunden #bewertungen .item .content .info .line {
		display: block;
		margin-bottom: 10px;
	}
	#node-referenz #rows .row.bewertung,
	#node-referenz #rows .row.kunde_bewertung {
		position: relative;
		margin: 70px 0;
	}
    #node-referenz #rows .row.kunde_bewertung {
        margin: 0;
    }
	#node-referenz #rows .row.bewertung:before,
	#node-referenz #rows .row.kunde_bewertung:before {
		content: "";
		position: absolute;
		top: 0;
		left: -50%;
		width: 200%;
		height: 100%;
		background: #f5f5f5;
		z-index: -1;
	}
	#node-referenz #rows .row.last {
		margin-bottom: 50px;
	}
	#node-referenz #rows .row.last .bild > div {
		margin: 0 !important;
	}
	#node-referenz #rows .row.full-width.last,
	#node-referenz #rows .row.full-width-mobile.last,
	#node-referenz #rows .row.bewertung.last,
	#node-referenz #rows .row.kunde_bewertung.last {
		margin-bottom: 0px;
	}
	
	#node-kunden #kunden .item {
		width: 50%;
	}
	
	/*#team {
		margin: 30px 0 0 0 !important;
	}*/
	
	
	#footer #block-block-4 {
		width: 100%;
		float: none;
	}
	#footer #block-menu-menu-fusszeile {
		float: none;
		margin: 30px 0 0 0 !important;
		text-align: left;
	}
	
	#node-startseite #leistungen .items-wrapper:before,
	#node-startseite #leistungen .items-wrapper:after {
		width: 20px;	
	}
	
	#node-leistung #text-block .icon svg {
		height: 50px;
	}
	
	
}

@media all and (max-width: 400px) {

	
	h1, h2, h3, h4.big, h5.big, div.h1, h1.subtitle {
		font-size: 24px;
		line-height: 30px;
	}
	h4, h5.big, #text-block-links-2 h3, span.h4 {
		font-size: 16px;
		line-height: 26px;
	}
	#block-kontakt .content h4.big {
		font-size: 30px;
		line-height: 36px;
	}
	
	
	#footer {
		padding: 50px 0 !important;
	}
	#content-wrapper {
		padding: 50px 9%;
	}
	#node-startseite #content-wrapper,
	#node-referenz #content-wrapper,
	#node-leistung #content-wrapper,
	#node-startseite #text-block .onepage-item-table > .onepage-item-table-cell {
		padding-top: 10px !important;
	}
	.item.text-block, #text-block {
		padding: 50px 0;
	}
	#node-referenz #rows .row.text .text, #node-referenz #rows .row.bewertung .item, #node-referenz #rows .row.mockup .wrapper {
		padding: 50px 0;
	}
	#node-referenz #rows .row.padding-bottom {
		padding-bottom: 50px !important;
	}
	#node-referenz #rows .row.padding-top {
		padding-top: 50px !important;
	}
	#node-referenz #rows .row.bild_text .text {
		padding: 50px 0;
	}
	#block-weitere-slider {
		margin-bottom: 50px;
	}
	#block-kontakt {
		padding: 50px 0;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item,
	#node-leistungen_uebersicht .leistungen-wrapper .item {
		margin-bottom: 50px!important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item,
	#node-leistungen_uebersicht .leistungen-wrapper .item,
	#node-leistung .referenzen-wrapper .item,
	#team .item {
		margin: 50px 0 0 0 !important;
		width: 100% !important;
	}
	#node-referenzen_uebersicht .referenzen-wrapper .item.odd, #node-leistungen_uebersicht .leistungen-wrapper .item.odd, #node-leistung .referenzen-wrapper .item.odd, #team .item.odd {
		margin-top: 50px !important;
	}
	#node-leistung .referenzen-wrapper {
		margin-top: 50px;
	}
	#node-leistung .referenzen-wrapper .item,
	#node-leistung .referenzen-wrapper .item.item-0 {
		margin-top: 0 !important;
	}
	#node-leistung .referenzen-wrapper .item-1 {
		display: none !important;
	}
	#node-leistung .referenzen-wrapper .title .singular {
		display: inline;
	}
	#node-leistung .referenzen-wrapper .title .plural {
		display: none;
	}
	.page-user #main, .error-404 #main, .error-403 #main, #node-page {
		padding: 50px 9% !important;
		padding-top: 125px !important;
	}
	#node-leistung #text-block h2 {
		margin-bottom: 50px !important;
	}
	#node-leistung .passende-leistungen {
		margin: 50px 0 !important;
	}
	#node-leistung .passende-leistungen .items {
		padding: 50px 0 0 0 !important;
	}
	#node-leistung .referenzen-wrapper {
		margin-top: 50px !important;
	}
	#node-leistung .referenzen-wrapper a.link-button {
		margin-top: 50px;
	}
	#node-kunden #bewertungen .item {
		margin-bottom: 70px;
	}
	#node-startseite .onepage-item-table > .onepage-item-table-cell {
		padding: 50px 9% !important;
	}
	body.front #footer .region-footer::before {
		top: -50px;
	}
	#node-referenz #rows .row.bewertung {
		margin: 50px 0;
	}
	#overlay > .content-wrapper > .content {
		padding: 50px 9% !important;
	}
    
    #node-referenz #rows .row.slider .slider-count {
        width: 80px;
        margin-top: 15px;
    }
    #node-referenz #rows .row.slider .slider-count.animate hr {
        width: 20px;
    }
    #node-referenz #rows .row.slider .slider-navigation {
        margin-top: 15px;
    }
    #node-referenz #rows .row.slider .slider-navigation a {
        font-size: 20px;
        margin-top: 2px;
    }
    #node-referenz #rows .row.slider .slider-navigation a.next {
        margin-left: 15px;
    }
	
	
	#header #logo, #header.small.navigation-open #logo {
		width: 140px;
	}
	#logo img {
		max-height: 15px;
	}
	#header #menu-icon, #header.small.navigation-open #menu-icon {
		margin-top: -13px;
	}
	
	
	#referenzen-slider > div.section,
	#einleitung > div.section {
		padding: 110px 0 40px 0;
	}
	#einleitung.type-2 > div.section {
		padding: 110px 0 90px 0;
	}
	#einleitung.type-2 .content-wrapper .content .title,
	#referenzen-slider .content .title, #einleitung .content .title,
	#node-startseite #referenzen-slider-2 .views-row .content .title,
	#block-weitere-slider .bilder .views-row .content .title {
		font-size: 26px;
		line-height: 32px;
	}
	#einleitung.type-2 > .bg {
		bottom: 0px;
	}
	#einleitung.type-2 .scroll-icon {
		bottom: 30px;
	}
	
	
	
	#block-kontakt .content i {
		position: relative;
		font-size: 30px;
		margin-top: 20px;
		top: auto;
		left: auto;
		display: inline-block;
	}
	
	#node-startseite #referenzen-slider-2 {
		margin: 50px 0 0 0 !important;
		padding: 50px 0 0 0 !important;
	}
	#node-startseite #referenzen-slider-2 .views-row .content .info {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 40px;
	}
	#node-startseite #referenzen-slider-2 .content-wrapper {
		margin-bottom: 50px !important;
	}
	
	#node-referenzen_uebersicht #einleitung > div.section,
	#node-leistungen_uebersicht #einleitung > div.section {
		padding: 150px 0 190px 0 !important;
	}
	
	/*#team .slider {
		height: 430px;
	}
	#team .slider .item {
		width: 280px;
	}*/
	
	#node-startseite #leistungen .swiper-slide .icon {
		margin-bottom: 30px;
	}
	#node-startseite #leistungen .swiper-slide .icon svg {
		height: 60px;
	}
	#node-startseite #leistungen .swiper-slide .content .info .line {
		width: 20px !important;
	}
	#node-startseite #leistungen .swiper-slide {
		width: 220px !important;
	}
	
	#overlay.urlaubsnachricht > .content-wrapper > .content .text > div > div {
		display: block;
		padding: 50px 9% 150px 9%;
	}
	
	#node-referenz #text-block .info {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 40px;
	}
    
    #referenzen-slider, #einleitung {
        margin-bottom: 45vw;
    }
    #referenzen-slider > div.section, #einleitung > div.section {
        padding-bottom: 250px !important;
    }
    #referenzen-slider .slider-wrapper, #einleitung .bild {
        height: 350px;
    }
    #referenzen-slider .content-wrapper .content {
        height: 180px;
    }
    #referenzen-slider .content .title {
        height: 96px;
    }
    #referenzen-slider .content-wrapper .content {
        height: 181px;
    }
	
}


@media all and (max-width: 350px) {

	h1, h2, h3, h4.big, h5.big, div.h1, h1.subtitle {
		font-size: 20px;
		line-height: 26px;
	}
	h4, h5.big, #text-block-links-2 h3, span.h4 {
		font-size: 16px;
		line-height: 26px;
	}
	#block-kontakt .content h4.big {
		font-size: 24px;
		line-height: 32px;
	}
	#einleitung.type-2 .content-wrapper .content .title,
	#referenzen-slider .content .title, #einleitung .content .title,
	#node-startseite #referenzen-slider-2 .views-row .content .title,
	#block-weitere-slider .bilder .views-row .content .title {
		font-size: 24px;
		line-height: 32px;
	}
	
	/*#team .slider {
		height: 380px;
	}
	#team .slider .item {
		width: 240px;
	}*/
	
	#node-startseite #leistungen .swiper-slide {
		width: 200px !important;
	}
	
}