/**
Farben:

gelb: #feec22
hellgrau: #e5e5e5

**/

/* Font

@font-face {
  font-family: 'geomanistregular';
    src: url('../font/geomanist-regular-webfont.eot');
    src: url('../font/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/geomanist-regular-webfont.woff2') format('woff2'),
         url('../font/geomanist-regular-webfont.woff') format('woff'),
         url('../font/geomanist-regular-webfont.ttf') format('truetype'),
         url('../font/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'geomanistregular';
    src: url('../font/geomanist-regular-italic-webfont.eot');
    src: url('../font/geomanist-regular-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/geomanist-regular-italic-webfont.woff2') format('woff2'),
         url('../font/geomanist-regular-italic-webfont.woff') format('woff'),
         url('../font/geomanist-regular-italic-webfont.ttf') format('truetype'),
         url('../font/geomanist-regular-italic-webfont.svg#geomanistregular') format('svg');
  font-weight: normal;
  font-style:italic;
}


@font-face {
    font-family: 'geomanistregular';
    src: url('../font/geomanist-light-webfont.eot');
    src: url('../font/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/geomanist-light-webfont.woff2') format('woff2'),
         url('../font/geomanist-light-webfont.woff') format('woff'),
         url('../font/geomanist-light-webfont.ttf') format('truetype'),
         url('../font/geomanist-light-webfont.svg#geomanistregular') format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistregular';
    src: url('../font/geomanist-light-italic-webfont.eot');
    src: url('../font/geomanist-light-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/geomanist-light-italic-webfont.woff2') format('woff2'),
         url('../font/geomanist-light-italic-webfont.woff') format('woff'),
         url('../font/geomanist-light-italic-webfont.ttf') format('truetype'),
         url('../font/geomanist-light-italic-webfont.svg#geomanistregular') format('svg');
  font-weight: 200;
  font-style:italic;
}


@font-face {
	font-family: 'geomanistregular';
      src: url('../font/geomanist-medium-webfont.eot');
      src: url('../font/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/geomanist-medium-webfont.woff2') format('woff2'),
         url('../font/geomanist-medium-webfont.woff') format('woff'),
         url('../font/geomanist-medium-webfont.ttf') format('truetype'),
         url('../font/geomanist-medium-webfont.svg#geomanistregular') format('svg');
  font-weight: 500;
  font-style:normal;
}
@font-face {
	font-family: 'geomanistregular';
      src: url('../font/geomanist-medium-italic-webfont.eot');
      src: url('../font/geomanist-medium-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/geomanist-medium-italic-webfont.woff2') format('woff2'),
         url('../font/geomanist-medium-italic-webfont.woff') format('woff'),
         url('../font/geomanist-medium-italic-webfont.ttf') format('truetype'),
         url('../font/geomanist-medium-italic-webfont.svg#geomanistregular') format('svg');
  font-weight: 500;
  font-style:italic;
}
 */
 
 
 
 
 
 
@font-face {
  font-family: Geomanist;
  src: url('../font/Geomanist-Light.eot');
  src: url('../font/Geomanist-Light.eot?#iefix') format('embedded-opentype'), url('../font/Geomanist-Light.woff') format('woff'), url('../font/Geomanist-Light.ttf') format('truetype'), url('../font/Geomanist-Light.svg#7f390ab1ed4575c0c535ed9378dd4959') format('svg');
  font-weight: 300;
}

@font-face {
  font-family: Geomanist;
  src: url('../font/Geomanist-Normal.eot');
  src: url('../font/Geomanist-Normal.eot?#iefix') format('embedded-opentype'), url('../font/Geomanist-Normal.woff') format('woff'), url('../font/Geomanist-Normal.ttf') format('truetype'), url('../font/Geomanist-Normal.svg#7379f77557393d1458890849fba3d870') format('svg');
  font-weight: normal;
}

@font-face {
  font-family: Geomanist;
  src: url('../font/Geomanist-Medium.eot');
  src: url('../font/Geomanist-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Geomanist-Medium.woff') format('woff'), url('../font/Geomanist-Medium.ttf') format('truetype'), url('../font/Geomanist-Medium.svg#730adcd944c85cc60c01bda9f978ca06') format('svg');
  font-weight: 500;
}

@font-face {
  font-family: Geomanist;
  src: url('../font/Geomanist-Semi-Bold.eot');
  src: url('../font/Geomanist-Semi-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Geomanist-Semi-Bold.woff') format('woff'), url('../font/Geomanist-Semi-Bold.ttf') format('truetype'), url('../font/Geomanist-Semi-Bold.svg#363d942e5344b429490b4fa68426196e') format('svg');
  font-weight: 600;
}

@font-face {
  font-family: Geomanist;
  src: url('../font/Geomanist-Bold.eot');
  src: url('../font/Geomanist-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Geomanist-Bold.woff') format('woff'), url('../font/Geomanist-Bold.ttf') format('truetype'), url('../font/Geomanist-Bold.svg#52471c22e7b41994c6b7f2e56e29082b') format('svg');
  font-weight: 700;
}

@font-face {
  font-family: Geomanist;
  src: url('../font/Geomanist-Ultra-Bold.eot');
  src: url('../font/Geomanist-Ultra-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Geomanist-Ultra-Bold.woff') format('woff'), url('../font/Geomanist-Ultra-Bold.ttf') format('truetype'), url('../font/Geomanist-Ultra-Bold.svg#2a547e49edd723434d84de5a6f21c8f8') format('svg');
  font-weight: 800;
}

@font-face {
  font-family: Geomanist;
  src: url('../font/Geomanist-Black.eot');
  src: url('../font/Geomanist-Black.eot?#iefix') format('embedded-opentype'), url('../font/Geomanist-Black.woff') format('woff'), url('../font/Geomanist-Black.ttf') format('truetype'), url('../font/Geomanist-Black.svg#a1898fc476260e29a96be7136a798323') format('svg');
  font-weight: 900;
}

 
 
 
 
 
 
 
 
 
 
 
 
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
  color: #000 !important;
}

.vc_tta.vc_general .vc_tta-panel-title > a {
  font-weight: 400 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
  border-color: #000 !important;
}
 
 
 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
  background-color: transparent !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: solid 1px #e5e5e5 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
  background-color: transparent !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;padding-left: 40px;
}


 
 
 
 
 
 
 
/*
@font-face {
  font-family: geomanist;
  src: url(../font/geomanist-bold-webfont.woff);
  font-weight: 700;
  font-style:normal;
}
@font-face {
  font-family: geomanist;
  src: url(../font/geomanist-bold-italic-webfont.woff);
  font-weight: 700;
  font-style:italic;
}
*/

/* ENDE Font */



body{
	margin:0;
	padding:0;
	font-family:'Geomanist';
	/*font-family:'geomanistregular';*/
	font-weight:normal;
	letter-spacing: 0.5px;
	font-size: 18px;
}

.displaynone{
	display:none;
}

.vc_row[data-vc-full-width] .wpb_wrapper > .vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;

}

.topbutton{
position:fixed;
bottom:0;
	right:0;
	height:60px;
	width:60px;
	background-color:transparent;
	background-image: url(../img/arrow-top.png);
	background-repeat: no-repeat;
background-position: bottom 20px right 20px;
background-size:18px 11px;
transition: background-position 0.2s ease-in-out;
}

.topbutton:hover{
cursor:pointer;
background-position: bottom 40px right 20px;
}

.topbutton.white{
	position:absolute !important;
}



.pr-0{
	padding-right:0 !important;
}

.container, main > div.vc_row{
max-width:1400px;
margin-right: auto;
margin-left: auto;
}

main > div.vc_row > .wpb_column.vc_col-sm-6:first-child > .vc_column-inner, .vc_row.vc_inner > .vc_col-sm-6:first-child{
	padding-right:40px;
	padding-left:0;
}
main > div.vc_row > .wpb_column.vc_col-sm-6:last-child > .vc_column-inner, .vc_row.vc_inner > .vc_col-sm-6:last-child{
	padding-left:40px;
	padding-right:0;
}

.pl-0{
padding-left:0 !important;
}

.vc_row .vc_row{
	margin-left: 0;
margin-right: 0;
}

.resp-footer-nav{
	display:none;
}

main > div.vc_row > .wpb_column.vc_col-sm-6:first-child > .vc_column-inner, .vc_row.vc_inner > .vc_col-sm-4:first-child{
	padding-right:40px;
	padding-left:0;
}
main > div.vc_row > .wpb_column.vc_col-sm-6:last-child > .vc_column-inner, .vc_row.vc_inner > .vc_col-sm-4:nth-child(2){
	padding-left:20px;
	padding-right:20px;
}

main > div.vc_row > .wpb_column.vc_col-sm-6:last-child > .vc_column-inner, .vc_row.vc_inner > .vc_col-sm-4:last-child{
	padding-left:40px;
	padding-right:0;
}


.wpb_single_image.wpb_content_element{
margin-bottom:0;	
}



main > div.vc_row > .wpb_column.vc_col-sm-4:first-child > .vc_column-inner{
	padding-right: 32px;
}

main > div.vc_row > .wpb_column.vc_col-sm-4:nth-child(2) > .vc_column-inner{
	padding-right: 16px;
	padding-left: 16px;
}

main > div.vc_row > .wpb_column.vc_col-sm-4:last-child > .vc_column-inner{
	padding-left: 32px;
}

main > div.vc_row > .wpb_column > .vc_column-inner, .vc_row.vc_inner .vc_column-inner{
	padding:0;
}

main > div.vc_row:first-child > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper > p:first-child{
	margin-top:0;
}

.wpb_text_column > .wpb_wrapper > p:first-child{
	margin-top:0;
}

.row{
	display: flex;
flex-wrap: wrap;
}

.col-5{
	flex: 0 0 auto;
	width:50%;
	max-width: 100%;
}

p a, .wpforms-container a{
	color:#000;
	text-decoration:underline !important;
}

p a:hover, .wpforms-container a:hover{
	text-decoration:none !important;
}
/*
.sameheight{
	
}*/

.kpt90{
	padding-top:90px;
}

.kpt120{
	padding-top:120px;
}

.rowwithnoborder{
	margin-top: 0 !important;
}

	.resp-space30px{
		display:none;
	}
	
	
	.rowwithnobottompadding{
		padding-bottom:0 !important;
	}

.sameheight.sh300 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element, .sameheight.sh300 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_content_element {
	height:160px;
	margin-bottom: 0;
}

.sameheight.sh400 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element, .sameheight.sh400 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_content_element {
	height:260px;
	margin-bottom: 0;
}

.colswithborder > .vc_column_container.vc_col-sm-4:first-child > .vc_column-inner {
	border-right:solid 1px #eee;
	margin-right:30px;
	padding-right:45px !important;
}
.colswithborder > .vc_column_container.vc_col-sm-4:last-child > .vc_column-inner {
	border-left:solid 1px #eee;
	margin-left:30px;
	padding-left:45px !important;
}
.colswithborder > .vc_column_container.vc_col-sm-4:nth-child(2) > .vc_column-inner {
	margin-right:15px;
	margin-left:15px;
}

/* header */
header{
	position:relative;
}
header > div{
	position:absolute;
	width:100%;
	height:110px;
	z-index:1000;
}
header > .row:first-child .col-5, header, .headercontainer{
	min-height:530px;
}
header > div:nth-child(2) > .container > .row:first-child{
	height: 80px;
padding-top: 30px;
}
header > div:nth-child(2) > .container > .row:first-child > .col-5:last-child{
	text-align: right;
}

.headercontainer{
	position: relative;
}

header > div:nth-child(2) > .container > .row:nth-child(2){
/*min-height: 260px;*/
align-items: start;
justify-content: center;
position: absolute;
margin-left: auto;
margin-right: auto;
width: 100%;
bottom: 25px;
}
header > div:nth-child(2) > .container > .row:nth-child(2) > .col-5{
	font-size: 140px;
/*text-transform: uppercase;*/
line-height: 130px;
}

header > div:nth-child(2) > .container > .row:nth-child(2) > .col-5:first-child div{
	color:#fff;
	text-align:right;
	padding-right:30px;
	font-weight:200;
}
header > div:nth-child(2) > .container > .row:nth-child(2) > .col-5:last-child div{
	color: #000;
text-align: left;
padding-left: 30px;
font-weight: 200;
}
header .row .col-5:first-child{
	background-color:#feec22;
}



header .m-logo img{
	height:80px;
}

.m-logo-resp{
	display:none;
}


header .m-logo{
	background-image:url(../img/mattgelb-logo-wtxt.png);
	background-repeat:no-repeat;
	background-position: -180px 43px;
	transition: all 0.5s ease-in-out;
}



header .m-logo:hover{

	background-position: 110px 43px;

}



header ul{
	list-style:none;
display: flex;
justify-content: start;
margin-top: 38px;
margin-bottom: 0;
padding-left:34px !important;
}
header ul li, .respmenu .mtelnr a{
	display: inline-block;
}
header ul li a{
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	padding-right:46px;
	position:relative;
	font-size:16px;
}

header ul li a:hover, .respmenu .mtelnr a:hover{
transition: all 0.3s ease-in-out;
		
}
header ul li a:before, .respmenu .mtelnr a:before {
  content: "";
  position: absolute;
  display: block;
  width: 30px;
height: 3px;
bottom: 5px;
right: 12px;
  background-color: #000;
 transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}
header ul li a:hover::before, .respmenu .mtelnr a:hover::before {
  transform: scaleX(1);
  
}

h1.ohnebottom{
	margin-bottom: 40px;
}

h2.ohnebottom{
	margin-bottom: 20px;
}

h3.ohnebottom{
	margin-bottom: 10px;
}

.ohnebottom h1{
	margin-bottom: 40px;
}

.ohnebottom h2{
	margin-bottom: 20px;
}

.ohnebottom h3{
	margin-bottom: 10px;
}

.wpb_content_element {
  margin-bottom: 0 !important;
}

/* ENDE header */

/* Row */
.vc_row[data-vc-full-width]{ /*Zeile ohne Inhalt strecken */
	width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
max-width: unset !important;
position: relative !important;
left: unset !important;
}

.vc_row[data-vc-full-width] > .vc_column_container{ /*Zeile ohne Inhalt strecken */
max-width:1400px;
margin-right: auto;
margin-left: auto;
float: unset !important;
}


.vc_row[data-vc-stretch-content].vc_row[data-vc-full-width]{ /*Zeile mit Inhalt strecken */
	width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
max-width: unset !important;
position: relative !important;
left: unset !important;
}




/* ENDE Row */


main{
	position:relative;
}

.contactbtn.isshow{
	opacity:1;
}
	
.imagewraper:hover, .imagewraperclose:hover{
cursor:pointer;
}	
	
.contactbtn{
position: fixed;
right: 0;
top: 20%;
background-color: #feec22;
height: 80px;
width: 80px;
z-index: 1999;
opacity:0;
}
.contactbtn .contactcontent{
	position:absolute;
	right:0;
	top:0;
	font-size:24px;
	color:#ffffff;
	background-color: #feec22;
	height:80px;
	width:80px;
	display: flex;
flex-wrap: wrap;
align-content: center;
}

.contactbtn .contactcontent > * {
opacity:0;
padding-left:30px;
padding-right:30px;
}


.contactbtn .imagewraper{
/*transition: all 0.5s ease-in-out;*/
z-index: 200;
background-image:url(../img/contact.png);
background-repeat:no-repeat;
opacity:1;
width: 80px;
height: 80px;
background-position: center;
position: absolute;
}
.contactbtn .imagewraperclose{
/*transition: all 0.5s ease-in-out;*/
z-index: 200;
background-image:url(../img/x-weiss.png);
background-repeat:no-repeat;
opacity:0;
width: 80px;
height: 80px;
background-position: center;
position: absolute;
right:-80px;
}
/*
.contactbtn:hover .imagewraper{
	opacity:0;
	background-position: center;
}*/


.contactbtn .comm{
font-weight: 200;
font-size: 36px;
}

.contactbtn .comm > span{
	font-weight: 200;
font-size: 23px;
display:block;
}

.contactbtn .contactcontent .mtel{
	padding-top: 32px;
}
.contactbtn .contactcontent .mtel a, .contactbtn .contactcontent .mmail a {
	position:relative;
	padding-left: 30px;
	color:#fff;
	text-decoration:none;
}
.contactbtn .contactcontent .mtel a:hover, .contactbtn .contactcontent .mmail a:hover {
	color:#000;
}
.contactbtn .contactcontent .mtel a:hover::before, .contactbtn .contactcontent .mmail a:hover::before {
	background-color:#000;
}
.contactbtn .contactcontent .mtel a::before, .contactbtn .contactcontent .mmail a::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 3px;
  bottom: 5px;
  left: 0;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: top right;
  transition: transform 0.3s ease;
  transform: scaleX(1);
}

.msocial{
padding-top: 32px;
text-align: right;
}
.msocial a{
	transition: transform 0.2s ease;
	display:inline-block;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
}
.msocial a.xing{
	background-image:url(../img/xing-white.png);
}

.msocial a.xing:hover{
	background-image:url(../img/xing.png);
}
.msocial a.linkedin{
	background-image:url(../img/linkedin-white.png);
	background-position: top center;
}


.msocial a.linkedin:hover{
	background-image:url(../img/linkedin.png);
	background-position: top center;
}


.kontlist{
	list-style:none;
	display:flex;
	float:left;
	padding:0;
}


.kontlist li{
	font-weight: 500;
	padding-right:30px;
}

.kontaktblockcols .msocial{
	float: left;
padding-top: 15px;
}

.kontaktblockcols .msocial a.xing {
  background-image: url(../img/xing.png);
  background-position: top 4px left;

}
.kontaktblockcols .msocial a.xing:hover {
  background-image: url(../img/xing-gelb.png);
  background-position: top 4px left;

}

.kontaktblockcols .msocial a.linkedin {
  background-image: url(../img/linkedin.png);
  background-position: top 2px center;
margin-right: 10px;
margin-left: 10px;
background-size: 20px;
}

.kontaktblockcols .msocial a.linkedin:hover {
  background-image: url(../img/linkedin-gelb.png);
  background-position: top 2px center;
margin-right: 10px;
margin-left: 10px;
background-size: 20px;
}

.kontpageinfo{
	display:flex;
	justify-content: left;
}


.kontaktblockadress{
	clear:both;
	padding-top:30px;
}

.kontaktblockadress b{
	display:block;
}


.link-over-div span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.expertinblock img{
	padding-bottom:30px;padding-top: 12px;
}

.expertinblock h4.subtitle {
  font-size: 20px;
}

h3.h3subtitle {
  font-size: 31px;
font-weight: 200;
margin-bottom:0;
}


.expertinblock h5 {
font-size: 20px;
font-weight: 300;
}

.expertinblock .btn {
padding-top: 0px;
background-position: right 7px;
}


/* Section */
section, main > div.vc_row{
	clear:both;
padding-top:120px;
}
section.bg, .vc_row.bg{
background-color:#feec22;
margin-top:160px;
padding-bottom:160px;
}

/* ENDE Section */


/* Content */

.clear{
	clear:both;
}

main > section:first-child{
	padding-top:120px;
}
main > section.blog{
	padding-top:90px;
}
.subtitle{
	font-size:31px;
	font-weight: 200;
}
h1,h2{
	font-size:50px;
	text-transform:uppercase;
	font-weight: 200;
margin-top: 0;
margin-bottom: 100px;
}

h3, .h2ash3{
	font-size:25px;
	font-weight: 500;
margin-top: 0;
}


.h2ash3{
text-transform: unset !important;
margin-bottom: 25px;
}

h4.subtitle{
font-weight:200;
font-size:22px;	
margin-top: -22px;
}

.wpb_text_column ol li, .wpb_text_column .wpb_wrapper ul li{
	line-height:30px;
}

h1.subtitle{
	text-transform:uppercase;
	margin-bottom: 46px;
}

.pb-60{
	padding-bottom:60px;
}

.referenz h1.subtitle{
	text-transform:none;
}

.twocols5050, .twocols6040, .refthreecols, .threecols33, .twocols3070{
	width:100%;
	display:flex;
}
.twocols5050 > div:first-child{
	padding-right:40px;
	width:50%;
}
.twocols5050 > div:last-child{
	padding-left:40px;
	width:50%;
}
.twocols3070 > div:first-child{
	padding-right:40px;
	width:30%;
}
.twocols3070 > div:last-child{
	padding-left:40px;
	width:70%;
}

.container img{
	max-width:100%;
}

.twocols5050 > div > p:first-child, .twocols3070 > div > p:first-child, .twocols6040 > div > p:first-child{
	margin-top:0;
}

.twocols5050list{
width:100%;
}

.twocols5050list > div{
	width:50%;
	float:left;
}

.twocols5050list h2{
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
}

.twocols5050list .subtitle{
	font-size:20px;
	text-transform:none;
	font-weight:light;
	padding-top:40px;
}

.blog .twocols5050list > div > div{
	margin:40px;
	height:280px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	position: relative;
}
.blog .twocols5050list > div > div:hover h2 a, .mposts .refthreecols > div > div:hover h2 a{
	color:#FEEC22;
}


.blog .twocols5050list > div > div:hover a.btn, .mposts .refthreecols > div > div:hover a.btn{
  padding-right: 52px;
}



.blog .twocols5050list > div:last-child{
	padding-bottom:90px;
	
}
.blog .twocols5050list h2{
	text-transform:none;
}

.blog .twocols5050list > div > div > *{
	margin-left:40px;
	margin-right:40px;
}

.blog .twocols5050list > div > div > *{
	margin-left:40px;
	margin-right:40px;
}
.blog .twocols5050list .btn, .mposts .refthreecols .btn{
	margin-bottom:40px;
	position:absolute;
	bottom:0;
}
.blog .twocols5050list h2{
	margin-bottom:0;
}

.blog .twocols5050list h2 a, .mposts h2 a{
	color:#000;
	text-decoration:none;
	-webkit-transition: color 0.3s; /* For Safari 3.0 to 6.0 */
        transition: color 0.3s;
}

.blog .twocols5050list h2 a:hover, .mposts h2 a:hover{
	color:#feec22;

}


.blog .twocols5050list > div:nth-child(odd) > div{
	margin-left:0;
}
.blog .twocols5050list > div:nth-child(even) > div{
	margin-right:0;
}

.mposts .refthreecols > div > div{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
background-color: white;
padding: 40px;
height: 200px;
position:relative;
}

.mposts .refthreecols > div > div h2{
font-size: 30px;
text-transform: none;
font-weight: bold;
margin-bottom:0;
}

.mposts .refthreecols > div > div .subtitle{
font-size: 20px;
text-transform: none;
font-weight: light;
}



.twocols6040 > div:first-child{
	padding-right:20px;
	width:60%;
}
.twocols6040 > div:last-child{
	padding-left:20px;
	width:40%;
}

.refthreecols > div, .threecols33 > div{
	width:33.33%;

}

.referenz .twocols5050 > div{
	width:50%;
	position:relative;
}

.referenz .paginator-slickslider{
	position:absolute;
	top:186px;
	width:100%;
}


.referenz .paginator-slickslider ul{
	list-style:none;
	position:relative;
	width:100%;
	padding:0;
}

.referenz .paginator-slickslider li{
	background-repeat:no-repeat;
	height: 27px;
width: 16px;
position:absolute;
}
.referenz .paginator-slickslider li:hover{
	cursor:pointer;
}


.referenz .paginator-slickslider .prev{
	left:0;


}
.referenz .paginator-slickslider img{
-webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
position:absolute !important;
}

.referenz .paginator-slickslider .prev img{
  left:0;
  top:0;
}
.referenz .paginator-slickslider img:hover{
opacity:0;
}

.referenz .paginator-slickslider .next{
	position:absolute;
	right:-9px;
}
.referenz .twocols5050 > div img{
	max-width:100%;
	position: relative;
z-index: 3000;
transition: 0.3s ease all;
margin-left: auto;
margin-right: auto;
}

.referenz .twocols5050 .slick-list img:hover{
cursor:grab;
	filter: brightness(1.06);
}




.referenz .slick-dots{
display:none !important;
}


.referenz .twocols5050 > div:first-child{
	padding-right:30px;
}


.referenz .twocols5050 > div:last-child .slick-list{
	margin-left:30px;
}

.referenz .mlinklist.checked{
	padding-top:60px;
}





.refthreecols > div:first-child{
	padding-right:14px;
}
.refthreecols > div:nth-child(2){
	padding-right:7px;
	padding-left:7px;
}
.refthreecols > div:last-child{
	padding-left:14px;
}

.threecols33 > div:first-child{
	padding-right:32px;
}
.threecols33 > div:nth-child(2){
	padding-right:16px;
	padding-left:16px;
}
.threecols33 > div:last-child{
	padding-left:32px;
}
.refthreecols > div img{
	width:100%;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
transition: 0.3s ease all;
}

.refthreecols > div img:hover{
	filter: brightness(1.2);
}





a.btn, .wpcf7-submit{
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position:right 66px;
	border-bottom:solid 5px black;
	color:black;
	text-decoration:none;
	padding-bottom:12px;
	padding-top:60px;
	padding-right:20px;
	display: inline-block;
	/*
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;*/

	transition: padding-right 0.2s ease-in-out;

}
.wpforms-submit{
	background-image:url(../img/arrow.png) !important;
	background-repeat:no-repeat !important;
	background-position:right 66px !important;
	border-bottom:solid 5px black !important;
	color:black !important;
	text-decoration:none !important;
	padding-bottom:12px !important;
	padding-top:60px !important;
	padding-right:20px !important;
	display: inline-block !important;
	transition: padding-right 0.2s ease-in-out !important;
	padding-left:0 !important;
	border-left: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	background-color: transparent !important;
	
	/*font-family: "geomanistregular";*/
	font-family: "Geomanist";
	font-size: 18px;
font-weight: 400;
letter-spacing: 0.5px;
}

.contactform .wpcf7-submit{
padding-top: 0;
background-position: right 12px;
padding-bottom: 12px;


}
.wpforms-submit{
padding-top: 0 !important;
background-position: right 12px !important;
padding-bottom: 12px !important;
background-position: bottom 16px right !important;
}


.contactform .twocolssubmit{
	padding-top: 60px;
/*height: 36px;*/
align-items: end;
min-height: unset;
}
a.btn:hover, .wpcf7-submit:hover{
/*
	border-color:#fff;*/
	padding-right:52px;
	/*border-bottom:solid 3px black;*/
	cursor:pointer;
}

.wpforms-submit:hover{
	padding-right:52px !important;
	cursor:pointer !important;
}

.singlebtn.center{
	text-align:center;
	width:100%;
}

div ul{
	padding-left:15px;
}

div ul li{
	line-height:30px;
}

.mlinklist{
	padding:0;
	margin:0;
	list-style:none;
}

.mlinklist li{
	background-image:url(../img/arrow-right-y.png);
	background-repeat:no-repeat;
	background-position:right center;
	width:100%;
	border-bottom:solid 1px #e5e5e5;
	transition: background-position 0.2s ease-in-out;
}
.mlinklist li:first-child{
	background-position: right top;
}
.mlinklist li:first-child:hover{
	background-position: 97% top;
}

.mlinklist.checked li{
	background-image:url(../img/checked.png);
	background-repeat:no-repeat;
	background-position:left center;
	width:100%;
	border-bottom:solid 1px #e5e5e5;
	padding-bottom: 15px;
padding-top: 15px;
background-size: 30px auto;
}
.mlinklist.checked li{
margin:0;
line-height:30px;
}
.mlinklist.checked li:last-child{
border:0;
}

.mlinklist.checked li > *{
padding-left: 46px;
display: block;
}

.mlinklist.checked li p{
margin:0;
line-height:unset;
}

.mlinklist li a{
	font-weight:400;
	color:#000;
	text-decoration:none;
	width:90%;
	display:block;
	padding-bottom: 17px;
padding-top: 20px;
	
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	
	
}
.mlinklist li:first-child a{
padding-top:0;
}
.mlinklist li a:hover{
	color:#feec22;

}

.mlinklist.checked li:hover{
	background-position:left center;
}

.mlinklist li:hover{
	background-position:97% center;
}


.mtelnr > div{

  display: grid;
grid-template-columns: auto max-content;
font-size:93px;
font-weight:100;
}

.mtelnr > div > div:first-child{
  height: 93px;
	border-bottom:solid 5px black;
}


.mtelnr > div > div:last-child{

padding-left:40px;
}

.mkontakt h2{
	margin-bottom:30px;
	
}

.overflowhidden{
	overflow:hidden;
}

.mkontakt{
/*padding-top:90px;*/
padding-bottom:160px;
	
}
.mkontakt a{
	text-decoration:none;
	color:#000;
}

b, strong{
	font-weight: 500;
}

p{
	line-height:30px;
}

.claim{
	padding-top: 90px;
padding-bottom: 90px !important;
}
.claim h2{
	margin-bottom:0;
}

.claim h3{
	margin-bottom:0;
	margin-bottom: 0;
font-weight: 100;
font-size: 39px;
text-transform: uppercase;

}

.white{
	color:#fff;
}

.center{
	text-align:center;
}

.ltrtext {
  unicode-bidi: bidi-override;
  direction: rtl;
}

.nohoverline:hover::before {
  transform: scaleX(0) !important;
}

.kontlist a{
	text-decoration:none;
	color:#000;
}


	/* referenzen */
	
	.grid-sizer {
  width: 50%;
}

.filter-container-mg .grid-item{
	/*height:730px;  */
	display:inline-block;
  width: 50%;
  padding-bottom: 90px;
}

.filter-container-mg .grid-item > div{
	padding-left:30px;
	padding-right:30px;
}

	
	.referenzen a.btn{
		display: inline-block !important;
	}
	
	.resp-filter-btn{
		
		background-image:url(../img/respons-filter-btn.png);
background-position:right bottom;
background-repeat:no-repeat;
height: 25px;
display:none;
	}
	

	
	.resp-filter-btn:hover{
		cursor:pointer; opacity: 0.5;
		transition: opacity 0.2s ease;
	}
	
		.resp-filter-content{
		display:none;
	}

.shuffle-filter {
  margin: 0 auto;
  text-align:right;
  padding-bottom: 46px;
}
.shuffle-filter {
  margin: 0 auto;
  text-align:right;
}
.shuffle-filter li:before {
content: "";
position: absolute;
display: block;
width: 25px;
height: 3px;
bottom: 9px;
right: 0;
background-color: #000;
transform: scaleX(0);
transform-origin: top right;
transition: transform 0.3s ease;
left: 7px;
}


.shuffle-filter li {
color: #000;
text-decoration: none;
text-transform: uppercase;
padding-left: 40px;
position: relative;
font-size: 16px;
display:inline-block;

}


.shuffle-filter li:hover::before {
  transform: scaleX(1);
}

.shuffle-filter li:hover {
  /*text-shadow: 0.2px 0 0 black, 0.5px 0 0 black, 1px 0 0 black;*/
  transition: all 0.3s ease-in-out;
  cursor:pointer;
}




.selected {
  text-decoration: underline;
}

/* ul shuffle-container*/
.shuffle-container {
/*width:100%;*/
width: calc(100% + 60px);
margin-left: -30px !important;
  margin: 0 auto;
  padding: 0;
  list-style:none;
}.shuffle-container li {
width:50%;
}
.shuffle-container img{
  width: 100%;
box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
margin-top: 1px;
transition: 0.3s ease all;
background-color:yellow;
}

.shuffle-container img:hover {
  filter: brightness(1.2);
}

.shuffle-container img, .shuffle-container a{
 display:block;
}

.shuffle-container a.btn{
padding-top: 26px;
background-position: right 34px;
}

.shuffle-container h2{
	margin-bottom: 0;
font-weight: 100;
font-size: 39px;
text-transform: uppercase;
padding-top: 26px;
}
/*
.shuffle-container .subtitle{
font-size: 18px;
text-transform: uppercase;
font-weight: lighter;
color: gray;
display:none;
}*/

.shuffle-container li > div{
 padding-left:30px;
  padding-right:30px;
  padding-bottom:90px;
}


	/* ENDE referenzen */
/* ENDE Content */


/* Footer */
footer{
background-color:#feec22;
padding-top:70px;


}
footer .container.resp{
	display:none;
}

footer .container{
display:flex;	

background-image:url(../img/mgb.png);
background-position:right bottom;
background-repeat:no-repeat;padding-bottom:120px;
}
footer .container > div{
	width:33.33%;
}
footer .container > div:last-child{
	text-align:right;
}
footer .container > div:nth-child(2){
	text-align:center;
}
/*
footer .container > div:nth-child(2) a:nth-child(2){
	padding-left:20px;
}*/
/*
footer .container > div:nth-child(2) a:hover{
	opacity:0.5;
}*/
/*
footer .container > div:nth-child(2) a{
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}*/

footer .msocial{
	padding-top:0;
}

footer a:hover{
	color:#fff !important;
}

footer .msocial a{
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
footer .msocial .xing{
	background-image:url(../img/xing.png);
	background-position: top 5px right;
}
footer .msocial .xing:hover{
	background-image:url(../img/xing-white.png);
}

footer .msocial .linkedin{
	background-image:url(../img/linkedin.png);
	background-size: 20px;
background-position: top 2px center;
}
footer .msocial .linkedin:hover{
	background-image:url(../img/linkedin-white.png);
		background-size: 20px;
background-position: top 2px center;
}

footer .container > div:nth-child(3) a{
	text-decoration:none;
	color:black;
	font-size:16px;
	padding-left: 12px;
}
/* ENDE Footer */


/* Responsive */


/* Menu */

.respbtn{
width: 20px;
text-transform: uppercase;
right: 60px;
top: 50px;
background-image: url(../img/arrow-left.png);
background-repeat: no-repeat;
background-position: left center;
height: auto;
padding-left: 16px;
-moz-transition: all .2s ease-in;
transition: padding-left 0.2s ease-in-out;
z-index: 20000;
}

.respbtn.open{
background-image: url(../img/arrow.png);position:fixed;
}

.respbtn:hover{
cursor:pointer;
padding-left:26px;

}
.respmenu, .respbtn{
	display:none !important;
}
.respmenu{
	position:absolute;
	z-index: 777;
}


.respmenu.zindex{
	z-index: 7777;
}

.respmenu .mtelnr > div {
  font-size: 46px;
}

.respmenu .mtelnr a{
  color:#000;
  text-decoration:none;
 /* display: inline;
  position: relative;
  overflow: hidden;*/
}
/*
.respmenu .mtelnr a:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  width: 0;
  bottom: -5px;
  background: #000;
  height: 4px;
  transition-property: width;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.respmenu .mtelnr a:hover:after,
.respmenu .mtelnr a:focus:after,
.respmenu .mtelnr a:active:after {
  left: 0;
  right: auto;
  width: 100%;
}*/

.respmenu .respmenucontact {

  position: absolute;
width: 100%;
bottom: 90px;
}
.respmenu .respmenucontact > *{
 
  padding-right:30px;
}
.respmenu .respmenucontact > div:first-child > *{
 
   padding-left:115px;
}
/*
.respmenu .respmenucontact > * {
  padding-left: 46px;
}*/
/*
.respmenu .mtelnr > div > div:first-child {
  height: 44px;
  border-bottom: solid 4px black;
  width: 50px;
}*/

.respmenu .mtelnr > div > div:last-child{
	  padding-left: 22px;
	  font-size: 46px;
	  
}
/*
.respmenucontact > div:first-child > *{
	padding-left:72px;
}*/

.respmenu .subtitle {
  font-size: 24px;
}

.respmenu h2 {
  font-size: 35px;
  margin-bottom: 22px;
}

.respnav, .respnavoverlay{
	width: 50%;
height: 100%;
display: block;
position: fixed;
right: -51%;
background-color: #feec22;
}

.respnavoverlay{
	left:-51%;
	right:unset;
	background-color: rgba(0,0,0,0.8);
	background-image:url(../img/mg-raspnav-bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left bottom;
	
	
}

.respnav ul{
display:block;
margin:0;
padding-top: 90px;
padding-left: 40px;
}

header .respnav ul li a::before, .respmenu .mtelnr a:before{
	transform-origin: top right;
}

.respmenu .mtelnr a:before {
  width: 50px;
  left: 40px;
  height: 4px;
}

.respmenu .respmenucontact .mtelnr{
padding-left: 50px;
}

.respnav ul li{
display:block;
padding-bottom: 12px;
/*padding-left: 10%;*/
}
.respnav ul li a{
color: #000;
font-size: 31px;
font-weight: 100;
}

.respnav > div{
	position:relative;
	height: 100%;
}
.respnav li a{
	padding-left: 74px;
}

.respnav li a::before {
    width: 50px;
	left: 0px;
	height:4px;
}

.respmenucontact .mtelnr > div{
	display:flex;
	padding-left: 40px;
	height: 50px;
}
/* ENDE Menu */

/* Formular */
.wpcf7-quiz-label{
	display:none;
}

.wpcf7-submit{
	width: auto !important;
}

.contactform input, .contactform textarea{
	width:100%;
	border:0;
	border-bottom:solid 4px #000;
	background-color:transparent;
	color:#000;
	font-family:'Geomanist';
/*	font-family:'geomanistregular';*/
	font-weight:normal;
	letter-spacing: 0.5px;
	font-size: 18px;
	min-height: 44px;
}

.contactform .dsgvocheckbox input{
width: auto;
float: left;
min-height: unset;
}

.contactform .dsgvocheckbox label span{
display: block;
float: left;
width: 90%;
padding-left: 10px;
font-size: 15px;
}

.dsgvo-checkbox label{
padding-top:4px !important;
}

.dsgvo-checkbox{
	width:50% !important;
}

.vc_col-sm-6 .dsgvo-checkbox{
	width:100% !important;
}
.dsgvo-checkbox .wpforms-field-description{
font-size: 11px !important;
}

.wpforms-submit{
	padding-top:60px !important;
}

.wpa-test-msg{
	display:none;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  padding: 60px 0 0 0;
}

.contactform .dsgvocheckbox .wpcf7-list-item{
margin-left:0;
margin-top: 30px;
}


.contactform textarea{
padding-top: 30px;
}

/*
.contactform .twocols5050{
padding-top: 60px;
}*/

.kontaktformcols .twocols5050{
	display: block;
}

.kontaktformcols .twocols5050 > div{
  padding: 0;
  width: 100%;
}
.kontaktformcols .twocols5050 > div:last-child {
  padding-top: 30px;
}


.kontaktformcols textarea {
  padding-top: 40px;
}

.kontaktformcols .wpforms-one-half{
	width:100% !important;
	margin-left:0 !important;
}


.kontaktformcols input{
margin-bottom:25px !important;
}

.kontaktformcols input[type="checkbox"]{
margin-bottom:0 !important;
}


.kontaktformcols .dsgvo-checkbox {
  padding-top: 25px !important;
}


textarea:focus, input:focus{
    outline: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000 !important;
  opacity: 1; /* Firefox */
 /*  font-family: "geomanistregular" !important;*/
   font-family: "Geomanist" !important;
   font-size: 18px !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000 !important;
    /*font-family: "geomanistregular" !important;*/
    font-family: "Geomanist" !important;
	font-size: 18px !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #000 !important;
   /* font-family: "geomanistregular" !important;*/
    font-family: "Geomanist" !important;
	font-size: 18px !important;
}


div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #000 !important;
  font-size: 18px !important;
 /*font-family: "geomanistregular" !important;*/
 font-family: "Geomanist" !important;
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;

  padding: 10px 0 !important;
  height: 38px;
  width: 100%;
  border-bottom: 3px solid #000 !important;
}

input[type="checkbox"]:hover{
	cursor: pointer;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
  display: inline-block !important;
  vertical-align: top !important;
  font-size: 16px !important;
/* font-family: "geomanistregular" !important;*/
 font-family: "Geomanist" !important;
  margin-top: -2px;
}
	
input[type="checkbox"]{
 background-color: transparent !important;
  appearance: none;
width: 18px !important;
height: 18px !important;
border: 1px solid #000 !important;
background-clip: content-box !important;
padding: 4px !important;
min-height: unset !important;
}

input[type="checkbox"]:checked {
  background-color: #000 !important;
  padding: 4px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-description {
  font-size: 13px;
  line-height: 1.3;
  margin: 0px 0 0 0 !important;
  word-break: break-word;
  word-wrap: break-word;
  padding-left: 30px;
}

.dsgvo-checkbox{
	padding-top:20px !important;
}
.dsgvo-checkbox .wpforms-error{
	padding-top:10px !important;
}

div.wpforms-container-full .wpforms-form label.wpforms-error {
  color: #000 !important;
  font-size: 14px !important;
}

/* ENDE Formular */