/* Definitionen Bildschirmgrößen *********************/

@media only screen and (min-width: 1920px) {
 .reframe {
max-width: 1920px
}
}
 @media only screen and (max-width: 1700px) {
 .reframe {
max-width: 1700px;
}

/* Sections Header *********************************/
img.homebtn {
 margin-left:45%;
}

/*************footer************/
#footer-left {
	margin:8px auto 0px auto;
	font-size:0.85em;
	width:58.5%;
}

#footer-center {
	margin:10px auto 0px auto;
	width:24%;
}

#footer-right {
	width:17.5%;
}

 }
 @media only screen and (max-width: 1600px) {
 .reframe {
max-width: 1600px;
}

/* Sections Header *********************************/
img.homebtn {
 margin-left:42%;
}

/**slider**/
.teaser h1 {
 padding-top:0px !important;
 margin-top:2% !important;
 font-size:60px;
 line-height:60px;
}
 .teaser p {
 padding-top:0px !important;
margin-top:5% !important;
font-size:26px;
 line-height:26px;
}

/* google maps ********/
.responsiveContainer {
 padding-bottom: 42.5%;
}
}

 @media only screen and (max-width: 1440px) {
 .reframe {
max-width: 1440;
}

/* Sections Header *********************************/
img.homebtn {
 margin-left:40%;
}

/**slider**/
.teaser h1 {
 padding-top:0px !important;
 margin-top:2% !important;
 font-size:60px;
 line-height:60px;
}
 .teaser p {
 padding-top:0px !important;
margin-top:4% !important;
font-size:26px;
 line-height:26px;
}

/* google maps ********/
.responsiveContainer {
 padding-bottom: 47.5%;
}

/* slick-slider projekte*/

.slick-slide {
 height: 700px !important;
}

}

@media only screen and (max-width: 1366px) {
 .reframe {
max-width: 1366px;
}

/* Sections Header *********************************/
img.homebtn {
 margin-left:37%;
}

/*************footer************/
#footer-left {
	margin:8px auto 0px auto;
	font-size:0.85em;
	width:54.5%;
}

#footer-center {
	margin:10px auto 0px auto;
	width:30%;
}

#footer-right {
	width:15.5%;
}


}

/* media querie handhelds 1280px Große Monitore */
@media only screen and (max-width: 1280px) {
 .reframe {
max-width: 1280px;
}
/* Sections Header *********************************/
#mainMenu {
	margin-right:0px;
}
 img.homebtn {
 margin-left:30%;
}

/**slider**/
.teaser h1 {
 margin-top:2.5% !important;
 font-size:42px;
 line-height:42px;
}
 .teaser p {
 margin-top:6% !important;
 font-size:20px;
 line-height:20px;
}

/*** google maps ****/
.responsiveContainer {
 padding-bottom: 49%;
}
#map {
 min-height:500px !important;
}

/* Sections Projektgalerien *********************************/
#content-wrapper .projektkategorien {
 width:80%;
 margin: 5% 13.5% 0% 16.5%;
 padding:0 0 0 0;
}
}



@media only screen and (max-width: 1100px) {
 .reframe {
max-width: 1100px;
}

/* Sections Header *********************************/
img.homebtn {
 margin-left:20%;
}
/*************footer************/
#footer-inner {
	margin:0 5% 0 5%;
	width: 90%;
	max-width: 1920px;
	float:left;
}

#footer-left {
	margin:8px auto 0px auto;
	font-size:0.85em;
	width:52.5%;
}

#footer-center {
	margin:10px auto 0px auto;
	width:32%;
}

#footer-right {
	width:15.5%;
}

}

/* media querie iPad quer */
@media only screen and (max-width: 1024px) {
 .reframe {
max-width: 1024px;
}

/* Sections Header *********************************/
 img.homebtn {
 margin-left:20%;
}

/**slider**/
 .teaser h1 {
 margin-top:3% !important;
 font-size:30px;
 line-height:30px;
}
 .teaser p {
 margin-top:6% !important;
 font-size:18px;
 line-height:18px;
}

/* Section Content *********************************/
#content-wrapper .column01-studio {
	width:80%;
	margin:0 10% 0 10%;
}

/* Projekte gallery *********************************/
#wrapper-vslider {
 margin:0 auto 0 auto;
 width: 100%;
 height:auto;
 max-width:1920px;
 padding-bottom: 5%;
}

/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:12.45%;
 float:left;
}


/*** google maps ****/
.responsiveContainer {
 padding-bottom: 61%;
}
#map {
 min-height:500px !important;
}


/*************footer************/
#footer-left {
	margin:8px auto 0px auto;
	font-size:0.85em;
	width:58.5%;
}

#footer-center {
	margin:10px auto 0px auto;
	width:22%;
}

#footer-right {
	width:19.5%;
}
 
 

}
 @media only screen and (max-width: 1000px) {
 .reframe {
max-width: 1000px;
}

/* Sections Header *********************************/
 img.homebtn {
 margin-left:20%;
}


/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:12.45%;
 float:left;
}

/*** google maps ****/
.responsiveContainer {
 padding-bottom: 62.5%;
}
#map {
 min-height:500px !important;
}

/*************footer************/
#footer-left {
 width:100%;
 margin:0 auto -15px auto;
 float:left;
 text-align:center;
}
 #footer-center {
 margin:0 auto 0 25%;
 width:30%;
 float:left;
 text-align:left;
}
 #footer-right {
 margin:0 auto 0 auto;
 width:40%;
 text-align:left;
 float:left;
}

 img.footer-fb {
 margin-left:3%;
}
img.footer-gp {
 margin-left:3%;
}

}

/* media querie handhelds more than 980px Mittlere Monitore */
@media only screen and (max-width: 980px) {
 .reframe {
max-width: 980px
}
 img.homebtn {
 margin-left:16%;
}

/**slider**/
.teaser h1 {
 font-size:30px;
 line-height:30px;
}
 .teaser p {
 font-size:16px;
 line-height:16px;
}

/*** google maps ****/
.responsiveContainer {
 padding-bottom: 57.5%;
}
#map {
 min-height:450px !important;
}


}

/* media querie handhelds more than 900px Mittlere Monitore */
@media only screen and (max-width: 900px) {
 .reframe {
max-width: 900px
}
 img.homebtn {
 margin-left:5%;
}

/* Basics *********************************/
body h1 {
 font-size:3.000em;
 line-height:72px;
}
 body h1.small {
font-size:3.000em;
}

/**slider**/
.teaser h1 {
 font-size:30px;
 line-height:30px;
}
 .teaser p {
 font-size:16px;
 line-height:16px;
}

/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:10.45%;
 margin-right:1.8%;
 float:left;
}

/************** Projekt Kategorie Still-Life ************************/
#rolloverstill-life {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverstill-lifeaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverstill-life .rollovertext {
 visibility: hidden;
 width: 80px;
}
 #rolloverstill-life .rollovertextvis, #rolloverstill-lifeaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 90px;
 font-size:1.0em;
}

/************** Projekt Kategorie People ************************/
#rolloverpeople {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverpeopleaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
 #rolloverpeople .rollovertext {
 visibility: hidden;
 padding-top: 90px;
 width: 80px;
}
 #rolloverpeople .rollovertextvis, #rolloverpeopleaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 90px;
 font-size:1.0em;
}

/************** Projekt Kategorie Indusrie ************************/
#rolloverindustrie {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverindustrieaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverindustrie .rollovertext {
 visibility: hidden;
 padding-top: 90px;
 width: 80px;
}
 #rolloverindustrie .rollovertextvis, #rolloverindustrieaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 90px;
 font-size:1.0em;
}

/************** Projekt Kategorie Food ************************/
#rolloverfood {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverfoodaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverfood .rollovertext {
 visibility: hidden;
 padding-top: 90px;
 width: 80px;
}
 #rolloverfood .rollovertextvis, #rolloverfoodaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 90px;
 font-size:1.0em;
}

/************** Projekt Kategorie Architektur ************************/
#rolloverarchitektur {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverarchitekturaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverarchitektur .rollovertext {
 visibility: hidden;
 padding-top: 90px;
 width: 80px;
}


/************** Projekt Kategorie Pflanzen ************************/
#rolloverpflanzen {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverpflanzenaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverpflanzen .rollovertext {
 visibility: hidden;
 padding-top: 90px;
 width: 80px;
}
 #rolloverpflanzen .rollovertextvis, #rolloverpflanzenaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 90px;
 font-size:1.0em;
}

/************** Projekt Kategorie Film ************************/
#rolloverfilm {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverfilmaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverfilm .rollovertext {
visibility: hidden;
 padding-top: 90px;
 width: 80px;
}
 #rolloverfilm .rollovertextvis, #rolloverfilmaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 90px;
 font-size:1.0em;
}

/************** Projekt Kategorie Recruiting ************************/
#rolloverrecruiting {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
#rolloverrecruitingaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverrecruiting .rollovertext {
visibility: hidden;
 padding-top: 90px;
 width: 80px;
}
 #rolloverrecruiting .rollovertextvis, #rolloverrecruitingaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 90px;
 font-size:1.0em;
}


/*** google maps ****/
.responsiveContainer {
 padding-bottom: 70.5%;
}
#map {
 min-height:450px !important;
}

/* Sections Content *********************************/
#content-wrapper .column01 {
 width:100%;
}

/*** google maps ****/
.responsiveContainer {
 padding-bottom: 62.5%;
}
#map {
 min-height:450px !important;
}


/*************footer************/

 #footer-center {
 margin:0 auto 0 23%;
 width:30%;
 float:left;
 text-align:left;
}



}

/* media querie handhelds less than 800px Tabletts */
@media screen and (max-width: 800px) {
 .reframe {
max-width: 800px;
}
 img.homebtn {
 margin-left:60%;
}

/* mainmenu *********************************/
.hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}
 #mobilMenu {
 height: 38px;
 overflow: hidden;
 padding:1.5% 0% 1px 0%;
}
#mobilMenuListe {
margin-top:0px;
}


/******* slider*/
.teaser h1 {
 margin-top:2% !important;
 font-size:30px;
 line-height:30px;
}
 .teaser p {
 margin-top:5% !important;;
 font-size:15px;
 line-height:15px;
}

/* Sections Content *********************************/
.column00 .left {
 width:45%;
 padding:0 0 0 0;
 margin:5% 0 5% 0;
 float:left;
}
 .column00 .right {
 width:50%;
 height:auto;
 padding:0 0 0 5%;
 margin:5% 0 5% 0;
 float:left;
}

#content-wrapper .column02 .box001 {
	width:47.5%;
	height:auto;
	padding:0 0 0 0;
	margin:0 5% 0 0;
	text-align:center;
	float:left;
}

#content-wrapper .column02 .box02 {
	width:47.5%;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}

#content-wrapper .column02 .box03 {
	width:47.5%;
	height:auto;
	padding:0 0 0 0;
	margin:3% 5% 0 0;
	text-align:center;
	float:left;
}

#content-wrapper .column02 .box04 {
	width:47.5%;
	height:auto;
	padding:0 0 0 0;
	margin:3% 0 0 0;
	text-align:center;
	float:left;
}

/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:10.45%;
 margin-right:1.8%;
 float:left;
}

/*************footer************/
#footer-left {
 width:100%;
 margin:0 auto -15px auto;
 float:left;
 text-align:center;
}

 #footer-center {
 margin:0 auto 0 19%;
 width:35%;
 float:left;
 text-align:left;
}
 #footer-right {
 margin:0 auto 0 auto;
 width:35%;
 text-align:left;
 float:left;
}

 img.footer-fb {
 margin-left:3%;
}
img.footer-gp {
 margin-left:3%;
}


}
.hidden {
	display: none;
}

/* media querie handhelds less than 768px Tabletts */
@media only screen and (max-width: 768px) {
 .reframe {
max-width: 768px
}

/* Basics *********************************/
body h1 {
 font-size:2.500em;
 line-height:52px;
}
 body h1.small {
font-size:2.500em;
line-height:40px;
}

/* mainmenu *********************************/
.hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}
 #mobilMenu {
 height: 38px;
 overflow: hidden;
 padding:1.5% 0% 2px 0%;
}
#mobilMenuListe {
margin-top:0px;
}

/**slider**/
.teaser h1 {
 margin-top:3% !important;
 font-size:24px;
 line-height:24px;
}
 .teaser p {
 margin-top:5% !important;
 font-size:15px;
 line-height:15px;
}

/* Sections Content *********************************/
.column00 .left {
 width:100%;
 padding:0 0 0 0;
 margin:5% 0 5% 0;
 float:left;
}
 .column00 .right {
 width:100%;
 height:auto;
 padding:0 0 0 0%;
 margin:3% 0 5% 0;
 float:left;
}
.responsiveContainer {
 padding-bottom: 55%;
}

/*** google maps ****/
.responsiveContainer {
 padding-bottom: 65%;
}
#map {
 min-height:400px !important;
}

/********** Footer **************/

 #footer-center {
 margin:0 auto 0 16%;
 width:40%;
 float:left;
 text-align:left;
}
 #footer-right {
 margin:0 auto 0 auto;
 width:30%;
 text-align:left;
 float:left;
}

}
.hidden {
	display: none;
}


/* media querie handhelds less than 720px  190122*/
@media screen and (max-width: 720px) {
 .reframe {
max-width: 720px;
}

/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:10.45%;
 margin-right:1.8%;
 float:left;
}

/************** Projekt Kategorie Still-Life ************************/
#rolloverstill-life {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverstill-lifeaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverstill-life .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverstill-life .rollovertextvis, #rolloverstill-lifeaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie People ************************/
#rolloverpeople {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverpeopleaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
 #rolloverpeople .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverpeople .rollovertextvis, #rolloverpeopleaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Indusrie ************************/
#rolloverindustrie {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverindustrieaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverindustrie .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverindustrie .rollovertextvis, #rolloverindustrieaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Food ************************/
#rolloverfood {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverfoodaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverfood .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverfood .rollovertextvis, #rolloverfoodaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Architektur ************************/
#rolloverarchitektur {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverarchitekturaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverarchitektur .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
#rolloverarchitektur .rollovertextvis, #rolloverarchitekturaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Pflanzen ************************/
#rolloverpflanzen {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverpflanzenaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverpflanzen .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverpflanzen .rollovertextvis, #rolloverpflanzenaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Film ************************/
#rolloverfilm {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverfilmaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverfilm .rollovertext {
visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverfilm .rollovertextvis, #rolloverfilmaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Recruiting ************************/
#rolloverrecruiting {
 margin-right:20px;
 width: 70px;
 height: 70px  float:left;
}
#rolloverrecruitingaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px
}
#rolloverrecruiting .rollovertext {
visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverrecruiting .rollovertextvis, #rolloverrecruitingaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/********** Footer **************/

 #footer-center {
 margin:0 auto 0 15%;
 width:40%;
 float:left;
 text-align:left;
}

}



/* media querie handhelds less than 667px */
@media screen and (max-width: 667px) {
 .reframe {
max-width: 667px
}
 img.homebtn {
 margin-left:55%;
}


/* mainmenu *********************************/
.hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}
 #mobilMenu {
 height: 38px;
 overflow: hidden;
 padding:1.5% 0% 3px 0%;
}
#mobilMenuListe {
margin-top:0px;
}

/**slider**/
 .teaser h1 {
 margin-top:3% !important;
 font-size:21px;
 line-height:21px;
}
 .teaser p {
 margin-top:5% !important;
 font-size:14px;
 line-height:14px;
}

/* Sections Content Team *********************************/

#content-wrapper .team {
 width:100%;
 padding:0 0 5% 0;
 margin:0 auto 0 auto;
 text-align:center;
 float:left;
}

#content-wrapper .team-inner01 {
	width:70%;
	padding:0 15% 0 15%;
	margin:0 auto 0 auto;
	text-align:center;
	float:left;
}

#content-wrapper .team-inner02 {
	width:70%;
	padding:0 15% 0 15%;
	margin:0 auto 0 auto;
	text-align:center;
	float:left;
}

.team-inner01 .box {
	width:50%;
	padding:0 0 0 0;
	margin:0 auto 3% auto;
	text-align:center;
	float:left;
}

.team-inner02 .box {
	width:50%;
	padding:0 0 0 0;
	margin:0 auto 3% auto;
	text-align:center;
	float:left;
}

.team-inner02 .box01 {
	width:50%;
	padding:0 0 0 0;
	margin:0 25% 3% 25%;
	text-align:center;
	float:left;
}

/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:10.45%;
 margin-right:1.8%;
 float:left;
}

/************** Projekt Kategorie Still-Life ************************/
#rolloverstill-life {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverstill-lifeaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverstill-life .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverstill-life .rollovertextvis, #rolloverstill-lifeaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie People ************************/
#rolloverpeople {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverpeopleaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
 #rolloverpeople .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverpeople .rollovertextvis, #rolloverpeopleaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Indusrie ************************/
#rolloverindustrie {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverindustrieaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverindustrie .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverindustrie .rollovertextvis, #rolloverindustrieaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Food ************************/
#rolloverfood {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverfoodaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverfood .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverfood .rollovertextvis, #rolloverfoodaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Architektur ************************/
#rolloverarchitektur {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverarchitekturaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverarchitektur .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
#rolloverarchitektur .rollovertextvis, #rolloverarchitekturaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Pflanzen ************************/
#rolloverpflanzen {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverpflanzenaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverpflanzen .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverpflanzen .rollovertextvis, #rolloverpflanzenaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Film ************************/
#rolloverfilm {
 margin-right:20px;
 width: 70px;
 height: 70px;
 float:left;
}
 #rolloverfilmaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px;
}
#rolloverfilm .rollovertext {
visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverfilm .rollovertextvis, #rolloverfilmaktiv .rollovertextvis {
 width: 70px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Recruiting ************************/
#rolloverrecruiting {
 margin-right:20px;
 width: 70px;
 height: 70px  float:left;
}
#rolloverrecruitingaktiv {
 margin-right:20px;
 width: 70px;
 height: 70px
}
#rolloverrecruiting .rollovertext {
visibility: hidden;
 padding-top: 80px;
 width: 70px;
 font-size:0.9em;
}
 #rolloverrecruiting .rollovertextvis, #rolloverrecruitingaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/*** google maps ****/
.responsiveContainer {
 padding-bottom: 74.5%;
}
#map {
 min-height:400px !important;
}

/*************footer************/
#footer-inner {
 margin:0 0% 0 0%;
 width: 100%;
 max-width: 1920px;
 float:left;
}
}
.hidden {
	display: none;
}

/* media querie handhelds less than 640px */
@media screen and (max-width: 640px) {
 .reframe {
max-width: 640px
}
 img.homebtn {
 margin-left:53%;
}

/* mainmenu *********************************/
.hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}
 #mobilMenu {
 height: 38px;
 overflow: hidden;
 padding:1% 0% 7px 0%;
}
#mobilMenuListe {
margin-top:0px;
}
 .teaser {
 display:none;
}

/**slider**/
.teaser h1 {
 margin-top:2.5% !important;
 font-size:21px;
 line-height:21px;
}
 .teaser p {
 margin-top:4.5% !important;
 font-size:14px;
 line-height:14px;
}

/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:9.45%;
 margin-right:2.5%;
 float:left;
}

/************** Projekt Kategorie Still-Life ************************/
#rolloverstill-life {
 margin-right:20px;
 width: 60px;
 height: 70px;
 float:left;
}
 #rolloverstill-lifeaktiv {
 margin-right:20px;
 width: 60px;
 height: 60px;
}
#rolloverstill-life .rollovertext {
 visibility: hidden;
 padding-top: 60px;
 width: 60px;
 font-size:0.9em;
}
 #rolloverstill-life .rollovertextvis, #rolloverstill-lifeaktiv .rollovertextvis {
 width: 60px;
 text-align: center;
 padding-top: 60px;
 font-size:0.9em;
}

/************** Projekt Kategorie People ************************/
#rolloverpeople {
 margin-right:20px;
 width: 60px;
 height: 60px;
 float:left;
}
 #rolloverpeopleaktiv {
 margin-right:20px;
 width: 60px;
 height: 60px;
}
 #rolloverpeople .rollovertext {
 visibility: hidden;
 padding-top: 60px;
 width: 60px;
 font-size:0.9em;
}
 #rolloverpeople .rollovertextvis, #rolloverpeopleaktiv .rollovertextvis {
 width: 60px;
 text-align: center;
 padding-top: 60px;
 font-size:0.9em;
}

/************** Projekt Kategorie Indusrie ************************/
#rolloverindustrie {
 margin-right:20px;
 width: 60px;
 height: 60px;
 float:left;
}
 #rolloverindustrieaktiv {
 margin-right:20px;
 width: 60px;
 height: 60px;
}
#rolloverindustrie .rollovertext {
 visibility: hidden;
 padding-top: 60px;
 width: 60px;
 font-size:0.9em;
}
 #rolloverindustrie .rollovertextvis, #rolloverindustrieaktiv .rollovertextvis {
 width: 60px;
 text-align: center;
 padding-top: 60px;
 font-size:0.9em;
}

/************** Projekt Kategorie Food ************************/
#rolloverfood {
 margin-right:20px;
 width: 60px;
 height: 60px;
 float:left;
}
 #rolloverfoodaktiv {
 margin-right:20px;
 width: 60px;
 height: 60px;
}
#rolloverfood .rollovertext {
 visibility: hidden;
 padding-top: 60px;
 width: 60px;
 font-size:0.9em;
}
 #rolloverfood .rollovertextvis, #rolloverfoodaktiv .rollovertextvis {
 width: 60px;
 text-align: center;
 padding-top: 60px;
 font-size:0.9em;
}

/************** Projekt Kategorie Architektur ************************/
#rolloverarchitektur {
 margin-right:20px;
 width: 60px;
 height: 60px;
 float:left;
}
 #rolloverarchitekturaktiv {
 margin-right:20px;
 width: 60px;
 height: 60px;
}
#rolloverarchitektur .rollovertext {
 visibility: hidden;
 padding-top: 60px;
 width: 60px;
 font-size:0.9em;
}
#rolloverarchitektur .rollovertextvis, #rolloverarchitekturaktiv .rollovertextvis {
 width: 60px;
 text-align: center;
 padding-top: 60px;
 font-size:0.9em;
}

/************** Projekt Kategorie Pflanzen ************************/
#rolloverpflanzen {
 margin-right:20px;
 width: 60px;
 height: 60px;
 float:left;
}
 #rolloverpflanzenaktiv {
 margin-right:20px;
 width: 60px;
 height: 60px;
}
#rolloverpflanzen .rollovertext {
 visibility: hidden;
 padding-top: 60px;
 width: 60px;
 font-size:0.9em;
}
 #rolloverpflanzen .rollovertextvis, #rolloverpflanzenaktiv .rollovertextvis {
 width: 60px;
 text-align: center;
 padding-top: 60px;
 font-size:0.9em;
}

/************** Projekt Kategorie Film ************************/
#rolloverfilm {
 margin-right:20px;
 width: 60px;
 height: 60px;
 float:left;
}
 #rolloverfilmaktiv {
 margin-right:20px;
 width: 60px;
 height: 60px;
}
#rolloverfilm .rollovertext {
visibility: hidden;
 padding-top: 60px;
 width: 60px;
 font-size:0.9em;
}
 #rolloverfilm .rollovertextvis, #rolloverfilmaktiv .rollovertextvis {
 width: 60px;
 text-align: center;
padding-top: 60px;
 font-size:0.9em;
}

/************** Projekt Kategorie Recruiting ************************/
#rolloverrecruiting {
 margin-right:20px;
 width: 60px;
 height: 60px  float:left;
}
#rolloverrecruitingaktiv {
 margin-right:20px;
 width: 60px;
 height: 60px
}
#rolloverrecruiting .rollovertext {
visibility: hidden;
 padding-top: 60px;
 width: 60px;
 font-size:0.9em;
}
 #rolloverrecruiting .rollovertextvis, #rolloverrecruitingaktiv .rollovertextvis {
 width: 60px;
 text-align: center;
 padding-top: 60px;
 font-size:0.9em;
}

/*** google maps ****/
.responsiveContainer {
 padding-bottom: 78.5%;
}
#map {
 min-height:400px !important;
}
}
.hidden {
	display: none;
}
/* media querie handhelds less than 600px 190122 */
@media screen and (max-width: 600px) {
.reframe {
max-width: 600px;
}

/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:20%;
 margin-right:5%;
 margin-bottom:5%;
 float:left;
}

/************** Projekt Kategorie Still-Life ************************/
#rolloverstill-life {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverstill-lifeaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverstill-life .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverstill-life .rollovertextvis, #rolloverstill-lifeaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie People ************************/

#rolloverpeople {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverpeopleaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
 #rolloverpeople .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverpeople .rollovertextvis, #rolloverpeopleaktiv .rollovertextvis {
width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Indusrie ************************/
#rolloverindustrie {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverindustrieaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverindustrie .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverindustrie .rollovertextvis, #rolloverindustrieaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Food ************************/
#rolloverfood {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverfoodaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverfood .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverfood .rollovertextvis, #rolloverfoodaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Architektur ************************/
#rolloverarchitektur {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverarchitekturaktiv {
  margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverarchitektur .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
#rolloverarchitektur .rollovertextvis, #rolloverarchitekturaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Pflanzen ************************/
#rolloverpflanzen {
  margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverpflanzenaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverpflanzen .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverpflanzen .rollovertextvis, #rolloverpflanzenaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Film ************************/
#rolloverfilm {
  margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverfilmaktiv {
margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverfilm .rollovertext {
visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverfilm .rollovertextvis, #rolloverfilmaktiv .rollovertextvis {
  width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Recruiting ************************/
#rolloverrecruiting {
  margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
#rolloverrecruitingaktiv {
margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverrecruiting .rollovertext {

visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;}
 
 #rolloverrecruiting .rollovertextvis, #rolloverrecruitingaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}


/********** Footer **************/

 #footer-center {
 margin:0 auto 0 11%;
 width:45%;
 float:left;
 text-align:left;
}
 #footer-right {
 margin:0 auto 0 auto;
 width:30%;
 text-align:left;
 float:left;
}


}
/* media querie handhelds less than 480px */
@media screen and (max-width: 480px) {
.reframe {
max-width: 480px
}
 img.homebtn {
 margin-left:40%;
}
/* Basics *********************************/
body h1 {
 font-size:2.200em;
 line-height:42px;
}
 body h1.small {
font-size:2.200em;
line-height:40px;
}
/************** 180130**************/
#top_padding {
	padding-top: 7.5% !important;
}

/* mainmenu *********************************/
.hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}
 #mobilMenu {
 height: 38px;
 overflow: hidden;
 padding:1.5% 0% 7px 0%;
}
#mobilMenuListe {
margin-top:0px;
}
 .teaser {
 display:none;
}
 #top_padding_tall {
 padding-top:15% !important;
}

/* Sections Content *********************************/

#content-wrapper .column01-studio {
	width:100%;
	height:auto;
	padding:0 0 0 0;
	margin:0 0% 0 0%;
	text-align:left;
}

#content-wrapper .column01-home {
	width:100%;
	height:auto;
	padding:0 0 0 0;
	margin:0 0% 5% 0%;
	text-align:left;
}

#content-wrapper .column02 .box001 {
	width:100%;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}

#content-wrapper .column02 .box02 {
	width:100%;
	height:auto;
	padding:0 0 0 0;
	margin:3% 0 0 0;
	text-align:center;
	float:left;
}

#content-wrapper .column02 .box03 {
	width:100%;
	height:auto;
	padding:0 0 0 0;
	margin:3% 5% 0 0;
	text-align:center;
	float:left;
}

#content-wrapper .column02 .box04 {
	width:100%;
	height:auto;
	padding:0 0 0 0;
	margin:3% 0 0 0;
	text-align:center;
	float:left;
}

.column01 .left {
 width:42%;
 height:auto;
 padding:0 2% 0 0;
 min-height:150px;
 border-right: 2px dotted #a8bd36;
 float:left;
}
 .column01 .right {
 width:48%;
 height:auto;
 padding:0 0 0 5%;
 float:left;
}
 #content-wrapper .column04 {
 width:100%;
 height:auto;
 padding:0 0 0 0;
}
.column04 .left {
 font-size:0.9em;
 width:30%;
 height:auto;
 padding:0 5% 0 0;
 min-height:100px;
 border-right: 2px dotted #a8bd36;
 float:left;
}
.column04 .right {
 font-size:0.9em;
 width:50%;
 height:auto;
 padding:0 0 0 5%;
 float:left;
}

/* Projekte gallery *********************************/
#wrapper-vslider {
 margin:0 auto 0 auto;
 width: 100%;
 height:auto;
 max-width:1920px;
 padding-bottom: 10%;
}

/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:20%;
 margin-right:5%;
 margin-bottom:5%;
 float:left;
}

/************** Projekt Kategorie Still-Life ************************/
#rolloverstill-life {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverstill-lifeaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverstill-life .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverstill-life .rollovertextvis, #rolloverstill-lifeaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie People ************************/

#rolloverpeople {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverpeopleaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
 #rolloverpeople .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverpeople .rollovertextvis, #rolloverpeopleaktiv .rollovertextvis {
width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Indusrie ************************/
#rolloverindustrie {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverindustrieaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverindustrie .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverindustrie .rollovertextvis, #rolloverindustrieaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Food ************************/
#rolloverfood {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverfoodaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverfood .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverfood .rollovertextvis, #rolloverfoodaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Architektur ************************/
#rolloverarchitektur {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverarchitekturaktiv {
  margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverarchitektur .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
#rolloverarchitektur .rollovertextvis, #rolloverarchitekturaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Pflanzen ************************/
#rolloverpflanzen {
  margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverpflanzenaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverpflanzen .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverpflanzen .rollovertextvis, #rolloverpflanzenaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Film ************************/
#rolloverfilm {
  margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverfilmaktiv {
margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverfilm .rollovertext {
visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverfilm .rollovertextvis, #rolloverfilmaktiv .rollovertextvis {
  width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Recruiting ************************/
#rolloverrecruiting {
  margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
#rolloverrecruitingaktiv {
margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverrecruiting .rollovertext {

visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;}
 
 #rolloverrecruiting .rollovertextvis, #rolloverrecruitingaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}



/*** google maps ****/
.responsiveContainer {
 padding-bottom: 90.7%;
}
#map {
 min-height:350px !important;
}

/*************footer************/
#footer-inner {
 margin:0 0% 0 0%;
 width: 100%;
 max-width: 1920px;
 float:left;
}
 #footer-left {
 font-size:0.85em;
 line-height:24px;
 width:100%;
 margin:0 auto -15px auto;
 float:left;
 text-align:center;
}
 #footer-left span01 {
 padding:0 0 0 0px;
 margin-left:15px;
}
 #footer-left span02 {
 padding:0 0 0 20px;
 margin-right:0px;
}

 #footer-center {
 margin:0 auto 0 8%;
 width:55%;
}
 #footer-right {
 font-size:0.85em;
 line-height:24px;
 margin:-1px auto 0 auto;
 width:30%;
}
}
.hidden {
	display: none;
}
 @media screen and (max-width: 375px) {
 .reframe {
max-width: 375px
}
 img.homebtn {
 margin-left:25%;
}
 #top_padding_tall {
 padding-top:20% !important;
}

/* mainmenu *********************************/
.hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}
 #mobilMenu {
 height: 38px;
 overflow: hidden;
 padding:1.5% 0% 7px 0%;
}
#mobilMenuListe {
margin-top:0px;
}
 #content-wrapper .column04 {
 width:100%;
 height:auto;
 padding:0 0 0 0;
}
.column04 .left {
 font-size:0.9em;
 width:100%;
 height:auto;
 margin-bottom:0px;
 padding:0 0 0 0;
 border-right: none;
 float:none;
}
.column04 .right {
 font-size:0.9em;
 width:100%;
 padding:0 0 0 0;
 float:none;
}

/* Projekte gallery *********************************/

#wrapper-vslider {
 margin:0 auto 0 auto;
 width: 100%;
 height:auto;
 max-width:1920px;
 padding-bottom: 12%;
}

/**projektkategorien**/
#content-wrapper .projektkategorien {
 width:100%;
 margin: 5% 0% 0% 0%;
 padding:0 0 0 0;
}
#content-wrapper .projektbox {
 width:20%;
 margin-right:5%;
 margin-bottom:7%;
 float:left;
}

/************** Projekt Kategorie Still-Life ************************/
#rolloverstill-life {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverstill-lifeaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverstill-life .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverstill-life .rollovertextvis, #rolloverstill-lifeaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie People ************************/

#rolloverpeople {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverpeopleaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
 #rolloverpeople .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverpeople .rollovertextvis, #rolloverpeopleaktiv .rollovertextvis {
width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Indusrie ************************/
#rolloverindustrie {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverindustrieaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverindustrie .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverindustrie .rollovertextvis, #rolloverindustrieaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Food ************************/
#rolloverfood {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverfoodaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverfood .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverfood .rollovertextvis, #rolloverfoodaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Architektur ************************/
#rolloverarchitektur {
 margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverarchitekturaktiv {
  margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverarchitektur .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
#rolloverarchitektur .rollovertextvis, #rolloverarchitekturaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Pflanzen ************************/
#rolloverpflanzen {
  margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverpflanzenaktiv {
 margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverpflanzen .rollovertext {
 visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverpflanzen .rollovertextvis, #rolloverpflanzenaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Film ************************/
#rolloverfilm {
  margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
 #rolloverfilmaktiv {
margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverfilm .rollovertext {
visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;
}
 #rolloverfilm .rollovertextvis, #rolloverfilmaktiv .rollovertextvis {
  width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/************** Projekt Kategorie Recruiting ************************/
#rolloverrecruiting {
  margin-right:20px;
 width: 80px;
 height: 80px;
 float:left;
}
#rolloverrecruitingaktiv {
margin-right:20px;
 width: 80px;
 height: 80px;
}
#rolloverrecruiting .rollovertext {

visibility: hidden;
 padding-top: 80px;
 width: 80px;
 font-size:0.9em;}
 
 #rolloverrecruiting .rollovertextvis, #rolloverrecruitingaktiv .rollovertextvis {
 width: 80px;
 text-align: center;
 padding-top: 80px;
 font-size:0.9em;
}

/*** google maps ****/
.responsiveContainer {
 padding-bottom: 100%;
}
#map {
 min-height:300px !important;
}

/*************footer************/
#footer-inner {
 margin:0 0% 0 0%;
 width: 100%;
 max-width: 1920px;
 float:left;
}
 #footer-left {
 font-size:0.85em;
 line-height:24px;
 width:100%;
 margin:0 auto -15px auto;
 float:left;
 text-align:center;
}
 #footer-left span01 {
 padding:0 0 0 0px;
 margin-left:15px;
}
 #footer-left span02 {
 padding:0 0 0 20px;
 margin-right:0px;
}

 #footer-center {
 margin:0 auto 0 3%;
 width:54%;
}
 #footer-right {
 margin:-1px auto 0 auto;
 width:37%;
}



img.footer-yt {
	height:15px;
	width:auto;
}
img.footer-fb {
		margin-top:0px;
	margin-left:5%;

	height:15px;
	width:auto;
}
img.footer-gp {
	height:15px;
	width:auto;
}

img.footer-ig {
		margin-left:5%;
		margin-top:2px;
	height:15px;
	width:auto;
}



}
.hidden {
	display: none;
}


/* media querie handhelds less than 480px */
@media screen and (max-width: 375px) {
.reframe {
max-width: 375px
}

#content-wrapper .team {
	display:none;
}

}
.hidden {
	display: none;
}