@charset "UTF-8";
/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1081px) {

.hidemobile5,
.tck-hide-desktop {
	display: none !important;
}

[class*="tck-cols"].tck-stack-5,
[class*="tck-cols"].tck-stack-desktop {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-5 > *,
[class*="tck-cols"].tck-stack-desktop > * {
	width: auto !important;
}


#burger-phone {
	display :none;
}
#right-1-mobile {
	display :none;
}
#right-3-mobile {
	display :none;
}


}

@media screen and (min-width: 951px) and (max-width: 1080px) {

img {
	max-width: 100%;
	height: auto;
}

.hidemobile4,
.tck-hide-tablet-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-4,
[class*="tck-cols"].tck-stack-tablet-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-4 > *,
[class*="tck-cols"].tck-stack-tablet-l > * {
	width: auto !important;
	max-width: 100%;
}



#burger-phone {
	display :none;
}
#right-1-mobile {
	display :none;
}
#right-3-mobile {
	display :none;
}


}

@media screen and (min-width: 759px) and (max-width: 950px) {

img {
	max-width: 100%;
	height: auto;
}

.hidemobile3,
.tck-hide-tablet-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-3,
[class*="tck-cols"].tck-stack-tablet-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-3 > *,
[class*="tck-cols"].tck-stack-tablet-p > * {
	width: auto !important;
	max-width: 100%;
}



#burger-phone {
	display :none;
}
#row3 > .inner {
	flex-direction: column;
}
#row3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row4 > .inner {
	flex-direction: column;
}
#row4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row5 > .inner {
	flex-direction: column;
}
#row5 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row7 > .inner {
	flex-direction: column;
}
#row7 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-1 {
	display :none;
}
#row8 > .inner {
	flex-direction: column;
}
#row8 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row9 > .inner {
	flex-direction: column;
}
#row9 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row9 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-3 {
	display :none;
}
#row10 > .inner {
	flex-direction: column;
}
#row10 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row10 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row14 > .inner {
	flex-direction: column;
}
#row14 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row14 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row12 > .inner {
	flex-direction: column;
}
#row12 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row12 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
div#wrapper1.tck-wrapper {
    padding-bottom: 0px;}
    
[data-id="maximenuck148"] .mobilemenuck-bar-title, [data-id="maximenuck149"] .mobilemenuck-bar-title {
  line-height: 40px;}
  
#mainmenu-absolut > .inner {
  margin-top: -45px;}

#row1column2 {
  width: calc(65 / 100 * (100% - 0px - (2 * 0px)));}
  
#row1column3 {
  width: calc(15 / 100 * (100% - 0px - (2 * 0px)));}


#wrapper3a, #wrapper9 {
  background: #fafafa url('https://www.vcm-bau.com/templates/vcm-j5/images/triangle-hoch.svg') left top 250px no-repeat  scroll;
  background-size: auto;
  background-size: auto;
  margin-bottom: 5%;
  padding-top: 10%;
  padding-bottom: 10%;
  background-size: 250px;}
  
#lead-2, #team-right {margin-top: 5%;}

#wrapper10 {
  margin-top: 12%;
  margin-bottom: 15%;}

#right-1-mobile.animateck img, #left-2.animateck img, #right-3-mobile.animateck img, #left-4.animateck  {
   width:200px;}

#right-1-mobile > .inner, #right-3-mobile > .inner{
  text-align: right;
  padding: 5%;}

#left-2 > .inner, #left-4 > .inner {
  text-align: left;
  padding: 5%;}

wrapper5 {
  margin-top: 10%;}


}

@media screen and (min-width: 525px) and (max-width: 758px) {

img {
	max-width: 100%;
	height: auto;
}

.hidemobile2,
.tck-hide-phone-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-2,
[class*="tck-cols"].tck-stack-phone-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-2 > *,
[class*="tck-cols"].tck-stack-phone-l > * {
	width: auto !important;
	max-width: 100%;
}



#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1 {
	height: auto !important;
}
#wrapper1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column1 > .inner {
	flex-direction: column;
}
#row1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo1 {
	height: auto !important;
}
#logo1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column2 > .inner {
	flex-direction: column;
}
#row1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#mainmenu-absolut {
	height: auto !important;
}
#mainmenu-absolut ul {
	height: auto !important;
}
#mainmenu-absolut li {
	float :none !important;
	width: 100% !important;
}
#mainmenu-absolut div.floatck, #mainmenu-absolut li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#mainmenu-absolut div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#row1column3 > .inner {
	flex-direction: column;
}
#row1column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#language-absolut {
	height: auto !important;
}
#language-absolut .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1acolumn1 > .inner {
	flex-direction: column;
}
#row1acolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1acolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#burger-phone {
	height: auto !important;
}
#burger-phone ul {
	height: auto !important;
}
#burger-phone li {
	float :none !important;
	width: 100% !important;
}
#burger-phone div.floatck, #burger-phone li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#burger-phone div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#row1acolumn2 > .inner {
	flex-direction: column;
}
#row1acolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1acolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#language {
	height: auto !important;
}
#language .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2column1 > .inner {
	flex-direction: column;
}
#wrapper2column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper2column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#mainmenu {
	display :none;
}
#wrapper2column2 > .inner {
	flex-direction: column;
}
#wrapper2column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper2column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#header-box {
	height: auto !important;
}
#header-box .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper-projects {
	height: auto !important;
}
#wrapper-projects .logobloc {
	float :none !important;
	width: auto !important;
}
#header-projects {
	height: auto !important;
}
#header-projects .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3 > .inner {
	flex-direction: column;
}
#row3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3acolumn1 > .inner {
	flex-direction: column;
}
#wrapper3acolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3acolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#lead-1 {
	height: auto !important;
}
#lead-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3a {
	height: auto !important;
}
#wrapper3a .logobloc {
	float :none !important;
	width: auto !important;
}
#lead-2-head {
	height: auto !important;
}
#lead-2-head .logobloc {
	float :none !important;
	width: auto !important;
}
#row4 > .inner {
	flex-direction: column;
}
#row4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3acolumn2 > .inner {
	flex-direction: column;
}
#wrapper3acolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3acolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#lead-2-img {
	height: auto !important;
}
#lead-2-img .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3acolumn3 > .inner {
	flex-direction: column;
}
#wrapper3acolumn3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3acolumn3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#lead-2 {
	height: auto !important;
}
#lead-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3b {
	height: auto !important;
}
#wrapper3b .logobloc {
	float :none !important;
	width: auto !important;
}
#row5 > .inner {
	flex-direction: column;
}
#row5 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3bcolumn1 > .inner {
	flex-direction: column;
}
#wrapper3bcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3bcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#lead-3 {
	height: auto !important;
}
#lead-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column1 > .inner {
	flex-direction: column;
}
#row6column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block1 {
	height: auto !important;
}
#block1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column2 > .inner {
	flex-direction: column;
}
#row6column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block2 {
	height: auto !important;
}
#block2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column3 > .inner {
	flex-direction: column;
}
#row6column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block3 {
	height: auto !important;
}
#block3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column4 > .inner {
	flex-direction: column;
}
#row6column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block4 {
	height: auto !important;
}
#block4 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#anker-leistungen {
	height: auto !important;
}
#anker-leistungen .logobloc {
	float :none !important;
	width: auto !important;
}
#row7 > .inner {
	flex-direction: column;
}
#row7 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row7column1 > .inner {
	flex-direction: column;
}
#row7column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-1-mobile {
	height: auto !important;
}
#right-1-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#left-1 {
	height: auto !important;
}
#left-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column2 > .inner {
	flex-direction: column;
}
#row7column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-1 {
	display :none;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8 > .inner {
	flex-direction: column;
}
#row8 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper6column1 > .inner {
	flex-direction: column;
}
#wrapper6column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper6column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#left-2 {
	height: auto !important;
}
#left-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper6column2 > .inner {
	flex-direction: column;
}
#wrapper6column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper6column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#row9 > .inner {
	flex-direction: column;
}
#row9 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row9 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row9column1 > .inner {
	flex-direction: column;
}
#row9column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row9column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-3-mobile {
	height: auto !important;
}
#right-3-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#left-3 {
	height: auto !important;
}
#left-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row9column2 > .inner {
	flex-direction: column;
}
#row9column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row9column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-3 {
	display :none;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#row10 > .inner {
	flex-direction: column;
}
#row10 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row10 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row10column1 > .inner {
	flex-direction: column;
}
#row10column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row10column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#left-4 {
	height: auto !important;
}
#left-4 .logobloc {
	float :none !important;
	width: auto !important;
}
#row10column2 > .inner {
	flex-direction: column;
}
#row10column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row10column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#team-head {
	height: auto !important;
}
#team-head .logobloc {
	float :none !important;
	width: auto !important;
}
#row14 > .inner {
	flex-direction: column;
}
#row14 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row14 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper9column1 > .inner {
	flex-direction: column;
}
#wrapper9column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper9column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#team-left {
	height: auto !important;
}
#team-left .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper9column2 > .inner {
	flex-direction: column;
}
#wrapper9column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper9column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#team-right {
	height: auto !important;
}
#team-right .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#custom1 {
	height: auto !important;
}
#custom1 .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#custom2 {
	height: auto !important;
}
#custom2 .logobloc {
	float :none !important;
	width: auto !important;
}
#zitat {
	height: auto !important;
}
#zitat .logobloc {
	float :none !important;
	width: auto !important;
}
#zitat-1 {
	height: auto !important;
}
#zitat-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom4 {
	height: auto !important;
}
#custom4 .logobloc {
	float :none !important;
	width: auto !important;
}
#referenzen {
	height: auto !important;
}
#referenzen .logobloc {
	float :none !important;
	width: auto !important;
}
#ref-1 {
	height: auto !important;
}
#ref-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	height: auto !important;
}
#wrapper10 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom5 {
	height: auto !important;
}
#custom5 .logobloc {
	float :none !important;
	width: auto !important;
}
#row15 > .inner {
	flex-direction: column;
}
#row15 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row15 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper10column1 > .inner {
	flex-direction: column;
}
#wrapper10column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper10column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact1 {
	height: auto !important;
}
#contact1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10column2 > .inner {
	flex-direction: column;
}
#wrapper10column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper10column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact2 {
	height: auto !important;
}
#contact2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#row12 > .inner {
	flex-direction: column;
}
#row12 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row12 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row12column1 > .inner {
	flex-direction: column;
}
#row12column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row12column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact {
	height: auto !important;
}
#contact .logobloc {
	float :none !important;
	width: auto !important;
}
#row12column2 > .inner {
	flex-direction: column;
}
#row12column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row12column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#google {
	height: auto !important;
}
#google .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#row11 > .inner {
	flex-direction: column;
}
#row11 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row11 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row11column1 > .inner {
	flex-direction: column;
}
#row11column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row11column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-1 {
	height: auto !important;
}
#footer-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#footer-2 {
	height: auto !important;
}
#footer-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper13 {
	height: auto !important;
}
#wrapper13 .logobloc {
	float :none !important;
	width: auto !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper14 {
	height: auto !important;
}
#wrapper14 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom3 {
	height: auto !important;
}
#custom3 .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle1 {
	height: auto !important;
}
#ckcustomstyle1 .logobloc {
	float :none !important;
	width: auto !important;
}
 /* PROJECT DETAIL */

#wrapper-projects {
  min-height: 400px;} 

.video-background {
    width: 100%;
    height: auto;
    object-fit: contain;
    position: relative;
    z-index: -1;}

/* Wrapper-Layout mobil */
  .content-wrapper {
    padding: 20px !important;
    gap: 20px !important; }

.vertical-heading {
   z-index: 2;
    font-size: 18px !important;
    padding: 5px 0;}

 .two-column-content {
    flex-direction: column;
    gap: 20px;}



#row1acolumn1 {
  width: calc(85 / 100 * (100% - 0px - (1 * 0px)));}

#row1acolumn2 {
  width: calc(15 / 100 * (100% - 0px - (1 * 0px)));}

[data-id="maximenuck167"] .mobilemenuck-bar-title, {
  line-height: 40px;}

#burger-phone > .inner {
  margin-top: -20px;}

.mod-languages {font-size:18px;}

#logo > .inner {
  padding-top: 50px;
  padding-bottom: 2%;}

#header-box > .inner {
  line-height: 45px;
  font-size: 35px;}

#row2 > .inner {
  padding-top: 5%;
  padding-bottom: 5%;}

#row1column1 {
  width: calc(20 / 100 * (100% - 0px - (2 * 0px)));}

#row1column2 {
  width: calc(70 / 100 * (100% - 0px - (2 * 0px)));}

#row1column3 {
  width: calc(15 / 100 * (100% - 0px - (2 * 0px)));}

[data-id="maximenuck148"] .mobilemenuck-bar-title, 
[data-id="maximenuck149"] .mobilemenuck-bar-title {
  line-height: 40px;}
  
#mainmenu-absolut > .inner {
  margin-top: -48px;}

div#wrapper1.tck-wrapper {
  padding-bottom: 0px !important;}

div#logo1.tck-logo{
  margin-top: 5px;}

hr.white:after {
    top: -18px !important;}

#row2 > .inner {
  padding-top: 2%;
  padding-bottom: 2%;}

h1, div.componentheading, #lead-2-head .tck-module-text, h2, div.contentheading, #team-head {
  line-height: 38px;
  font-size: 30px;}

hr.blue::after {
  top: -4px !important;}

hr.blue-1::after {
  top: -16px !important;}

#wrapper3a, #wrapper9 {
  background: #fafafa url('https://www.vcm-bau.com/templates/vcm-j5/images/triangle-hoch.svg') left top 250px no-repeat scroll;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  margin-bottom: 5%;
  padding-top: 15%;
  padding-bottom: 15%;
  background-size: 150px;}

#lead-2-img > .inner, #team-left > .inner {
  text-align: center;
  width: 60%;
  margin: 0 auto;
  padding-bottom: 5%;}

#right-1-mobile.animateck img, #left-2.animateck img, #right-3-mobile.animateck img, #left-4.animateck  {
   width:150px;}

#right-1-mobile > .inner, #right-3-mobile > .inner{
  text-align: right;
  padding: 5%;}

#left-2 > .inner, #left-4 > .inner {
  text-align: left;
  padding: 5%;}

#contact1 {
  margin-bottom: 10%;}

.contact input, .contact textarea {
  max-width: 95%;}

#contact > .inner {
  padding-top: 15%;}

.teaser {
  padding: 20px !important;
  width: 90% !important;}


 #footer-1 > .inner {
  font-size: 90%;
  line-height: 1.7em;}

 #footer-2 > .inner {
  font-size: 60%;
  line-height: 1.7em;}

body{
  font-size: 70%;
  line-height: 1.7em;}

}

@media screen and (max-width: 524px) {

img {
	max-width: 100%;
	height: auto;
}


.hidemobile1,
.tck-hide-phone-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-1,
[class*="tck-cols"].tck-stack-phone-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-1 > *,
[class*="tck-cols"].tck-stack-phone-p > * {
	width: auto !important;
	max-width: 100%;
}


#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1 {
	height: auto !important;
}
#wrapper1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column1 > .inner {
	flex-direction: column;
}
#row1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo1 {
	height: auto !important;
}
#logo1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column2 > .inner {
	flex-direction: column;
}
#row1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#mainmenu-absolut {
	height: auto !important;
}
#mainmenu-absolut ul {
	height: auto !important;
}
#mainmenu-absolut li {
	float :none !important;
	width: 100% !important;
}
#mainmenu-absolut div.floatck, #mainmenu-absolut li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#mainmenu-absolut div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#row1column3 > .inner {
	flex-direction: column;
}
#row1column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#language-absolut {
	height: auto !important;
}
#language-absolut .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row1acolumn1 > .inner {
	flex-direction: column;
}
#row1acolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1acolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#burger-phone {
	height: auto !important;
}
#burger-phone ul {
	height: auto !important;
}
#burger-phone li {
	float :none !important;
	width: 100% !important;
}
#burger-phone div.floatck, #burger-phone li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#burger-phone div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#row1acolumn2 > .inner {
	flex-direction: column;
}
#row1acolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1acolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#language {
	height: auto !important;
}
#language .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper2column1 > .inner {
	flex-direction: column;
}
#wrapper2column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper2column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#mainmenu {
	display :none;
}
#row2 > .inner {
	flex-direction: column;
}
#row2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper2column2 > .inner {
	flex-direction: column;
}
#wrapper2column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper2column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#header-box {
	height: auto !important;
}
#header-box .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper-projects {
	height: auto !important;
}
#wrapper-projects .logobloc {
	float :none !important;
	width: auto !important;
}
#header-projects {
	height: auto !important;
}
#header-projects .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row3 > .inner {
	flex-direction: column;
}
#row3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3acolumn1 > .inner {
	flex-direction: column;
}
#wrapper3acolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3acolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#lead-1 {
	height: auto !important;
}
#lead-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3a {
	height: auto !important;
}
#wrapper3a .logobloc {
	float :none !important;
	width: auto !important;
}
#lead-2-head {
	height: auto !important;
}
#lead-2-head .logobloc {
	float :none !important;
	width: auto !important;
}
#row4 > .inner {
	flex-direction: column;
}
#row4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3acolumn2 > .inner {
	flex-direction: column;
}
#wrapper3acolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3acolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#lead-2-img {
	height: auto !important;
}
#lead-2-img .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3acolumn3 > .inner {
	flex-direction: column;
}
#wrapper3acolumn3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3acolumn3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#lead-2 {
	height: auto !important;
}
#lead-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3b {
	height: auto !important;
}
#wrapper3b .logobloc {
	float :none !important;
	width: auto !important;
}
#row5 > .inner {
	flex-direction: column;
}
#row5 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row5 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3bcolumn1 > .inner {
	flex-direction: column;
}
#wrapper3bcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3bcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#lead-3 {
	height: auto !important;
}
#lead-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6 > .inner {
	flex-direction: column;
}
#row6 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row6column1 > .inner {
	flex-direction: column;
}
#row6column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block1 {
	height: auto !important;
}
#block1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column2 > .inner {
	flex-direction: column;
}
#row6column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block2 {
	height: auto !important;
}
#block2 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column3 > .inner {
	flex-direction: column;
}
#row6column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block3 {
	height: auto !important;
}
#block3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row6column4 > .inner {
	flex-direction: column;
}
#row6column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row6column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block4 {
	height: auto !important;
}
#block4 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#anker-leistungen {
	height: auto !important;
}
#anker-leistungen .logobloc {
	float :none !important;
	width: auto !important;
}
#row7 > .inner {
	flex-direction: column;
}
#row7 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row7column1 > .inner {
	flex-direction: column;
}
#row7column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-1-mobile {
	height: auto !important;
}
#right-1-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#left-1 {
	height: auto !important;
}
#left-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#row7column2 > .inner {
	flex-direction: column;
}
#row7column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row7column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-1 {
	display :none;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#row8 > .inner {
	flex-direction: column;
}
#row8 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row8 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper6column1 > .inner {
	flex-direction: column;
}
#wrapper6column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper6column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper6column2 > .inner {
	flex-direction: column;
}
#wrapper6column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper6column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper7 {
	height: auto !important;
}
#wrapper7 .logobloc {
	float :none !important;
	width: auto !important;
}
#row9 > .inner {
	flex-direction: column;
}
#row9 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row9 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row9column1 > .inner {
	flex-direction: column;
}
#row9column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row9column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-3-mobile {
	height: auto !important;
}
#right-3-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#left-3 {
	height: auto !important;
}
#left-3 .logobloc {
	float :none !important;
	width: auto !important;
}
#row9column2 > .inner {
	flex-direction: column;
}
#row9column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row9column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right-3 {
	display :none;
}
#wrapper8 {
	height: auto !important;
}
#wrapper8 .logobloc {
	float :none !important;
	width: auto !important;
}
#row10 > .inner {
	flex-direction: column;
}
#row10 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row10 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row10column1 > .inner {
	flex-direction: column;
}
#row10column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row10column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#left-4 {
	height: auto !important;
}
#left-4 .logobloc {
	float :none !important;
	width: auto !important;
}
#row10column2 > .inner {
	flex-direction: column;
}
#row10column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row10column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper9 {
	height: auto !important;
}
#wrapper9 .logobloc {
	float :none !important;
	width: auto !important;
}
#team-head {
	height: auto !important;
}
#team-head .logobloc {
	float :none !important;
	width: auto !important;
}
#row14 > .inner {
	flex-direction: column;
}
#row14 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row14 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper9column1 > .inner {
	flex-direction: column;
}
#wrapper9column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper9column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#team-left {
	height: auto !important;
}
#team-left .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper9column2 > .inner {
	flex-direction: column;
}
#wrapper9column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper9column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#team-right {
	height: auto !important;
}
#team-right .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#custom1 {
	height: auto !important;
}
#custom1 .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#custom2 {
	height: auto !important;
}
#custom2 .logobloc {
	float :none !important;
	width: auto !important;
}
#zitat {
	height: auto !important;
}
#zitat .logobloc {
	float :none !important;
	width: auto !important;
}
#zitat-1 {
	height: auto !important;
}
#zitat-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom4 {
	height: auto !important;
}
#custom4 .logobloc {
	float :none !important;
	width: auto !important;
}
#referenzen {
	height: auto !important;
}
#referenzen .logobloc {
	float :none !important;
	width: auto !important;
}
#ref-1 {
	height: auto !important;
}
#ref-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10 {
	height: auto !important;
}
#wrapper10 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom5 {
	height: auto !important;
}
#custom5 .logobloc {
	float :none !important;
	width: auto !important;
}
#row15 > .inner {
	flex-direction: column;
}
#row15 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row15 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper10column1 > .inner {
	flex-direction: column;
}
#wrapper10column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper10column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact1 {
	height: auto !important;
}
#contact1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper10column2 > .inner {
	flex-direction: column;
}
#wrapper10column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper10column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact2 {
	height: auto !important;
}
#contact2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper11 {
	height: auto !important;
}
#wrapper11 .logobloc {
	float :none !important;
	width: auto !important;
}
#row12 > .inner {
	flex-direction: column;
}
#row12 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row12 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row12column1 > .inner {
	flex-direction: column;
}
#row12column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row12column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact {
	height: auto !important;
}
#contact .logobloc {
	float :none !important;
	width: auto !important;
}
#row12column2 > .inner {
	flex-direction: column;
}
#row12column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row12column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#google {
	height: auto !important;
}
#google .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper12 {
	height: auto !important;
}
#wrapper12 .logobloc {
	float :none !important;
	width: auto !important;
}
#row11 > .inner {
	flex-direction: column;
}
#row11 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row11 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row11column1 > .inner {
	flex-direction: column;
}
#row11column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row11column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-1 {
	height: auto !important;
}
#footer-1 .logobloc {
	float :none !important;
	width: auto !important;
}
#footer-2 {
	height: auto !important;
}
#footer-2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper13 {
	height: auto !important;
}
#wrapper13 .logobloc {
	float :none !important;
	width: auto !important;
}
#button-cookie {
	height: auto !important;
}
#button-cookie .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper14 {
	height: auto !important;
}
#wrapper14 .logobloc {
	float :none !important;
	width: auto !important;
}
#custom3 {
	height: auto !important;
}
#custom3 .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle1 {
	height: auto !important;
}
#ckcustomstyle1 .logobloc {
	float :none !important;
	width: auto !important;
}
 /* PROJECT DETAIL */

#wrapper-projects {
  min-height: 550px;} 

.video-background {
    width: 100%;
    height: auto;
    object-fit: contain;
    position: relative;
    z-index: -1;}

/* Wrapper-Layout mobil */
  .content-wrapper {
    padding: 20px !important;
    gap: 10px !important; }

.vertical-heading {
   z-index: 2;
    font-size: 18px !important;
    padding: 5px 0;}





#row1acolumn1 {
  width: calc(75 / 100 * (100% - 0px - (1 * 0px)));}

#row1acolumn2 {
  width: calc(25 / 100 * (100% - 0px - (1 * 0px)));}

[data-id="maximenuck167"] .mobilemenuck-bar-title {
  line-height: 40px;}

#burger-phone > .inner {
  margin-top: -10px;}

#logo > .inner {
  padding-top: 50px;
  padding-bottom: 2%;}

#header-box > .inner {
  line-height: 45px;
  font-size: 35px;}

#row2 > .inner {
  padding-top: 5%;
  padding-bottom: 5%;}

#row1column1 {
  width: calc(35 / 100 * (100% - 0px - (2 * 0px)));}

#row1column2 {
  width: calc(40 / 100 * (100% - 0px - (2 * 0px)));}

#row1column3 {
  width: calc(25 / 100 * (100% - 0px - (2 * 0px)));}

[data-id="maximenuck148"] .mobilemenuck-bar-title, [data-id="maximenuck149"] .mobilemenuck-bar-title {
  line-height: 40px;}
  
#mainmenu-absolut > .inner {
  margin-top: -45px;}

div#wrapper1.tck-wrapper {
  padding-bottom: 0px !important;}

div#logo1.tck-logo{
  margin-top: 5px;}

hr.white:after {
    top: -18px !important;}

h1, div.componentheading, #lead-2-head .tck-module-text, h2, div.contentheading, #team-head {
  line-height: 38px;
  font-size: 30px;}

#wrapper3a, #wrapper9 {
  background: #fafafa url('https://www.vcm-bau.com/templates/vcm-j5/images/triangle-hoch.svg') left top 250px no-repeat scroll;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  margin-bottom: 5%;
  padding-top: 15%;
  padding-bottom: 15%;
  background-size: 150px;}

#wrapper9{
  margin-top: 20%;}

#lead-2-img {
  margin-bottom: 20px;
  margin-top: 20px;}

#wrapper3b {
  margin-top: 15%;
  margin-bottom: 15%;}

#right-1-mobile.animateck img, #left-2.animateck img, #right-3-mobile.animateck img, #left-4.animateck  {
   width:150px;}

#right-1-mobile > .inner, #right-3-mobile > .inner{
  text-align: right;
  padding: 5%;}

#left-2 > .inner, #left-4 > .inner {
  text-align: left;
  padding: 5%;}

#wrapper11 {
  margin-top: 18%;}

#contact1 {
  margin-bottom: 10%;}

.contact input, .contact textarea {
  max-width: 95%;}

#contact > .inner {
  padding-top: 15%;}

.teaser {
  padding: 20px !important;
  width: 90% !important;}

.itemid-212 h1 {
  line-height: 38px;
  font-size: 25px;}

#zitat {
  padding-top: 25%;}

}