/* media querie handhelds 1280px Große Monitore */
@media only screen and (min-width: 1920px) {
 .reframe {
max-width: 1920px
}

/* Section img top home*********************************/
#visual {
	padding: 0% 0% 25% 0% !important;
}

#visual-slogan-frame {
	min-width:500px !important;
}

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

#content-wrapper-home {
	padding:0% 2% 5% 2% !important;
}

/* Sections Content Offer *********************/
#content-offer .inner .box01, #content-offer .inner .box02 {
	min-height:230px;
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
	min-height: 350px !important;
}

/* Sections Content Case Study *********************/
#casestudy-top .inner {
	float:none;
}

}
.hidden {
	display: none;
}

/* media querie handhelds 1280px Große Monitore */
@media only screen and (min-width: 1600px) {
 .reframe {
max-width: 1600px
}

/* Section img top home*********************************/
#visual {
	padding: 0% 0% 25% 0% !important;
}

#visual-slogan-frame {
	min-width:500px;
	padding:10% 0 5% 0 !important;
}

/* Sections Content Top *********************/
#content-wrapper-home {
	padding:0% 2% 5% 2% !important;
}

/* Sections Content Offer *********************/
#content-offer .inner .box01, #content-offer .inner .box02 {
	min-height:250px;
	padding:3% 3% 0% 3%;
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
	min-height: 350px !important;
}

/* Sections Content Case Study *********************/
#casestudy-top .inner {
	margin: 0 auto 0 auto;
	float:none;
}

}
.hidden {
	display: none;
}

/* media querie handhelds 1280px Große Monitore */
@media only screen and (min-width: 1400px) {
 .reframe {
max-width: 1400px
}

/* Section img top home*********************************/
#visual {
	padding: 0% 0% 25% 0% !important;
}

#visual-slogan-frame {
	min-width:500px;
	padding:10% 0 5% 0 !important;
}

/* Sections Content Top *********************/
#content-wrapper-home {
	padding:0% 2% 5% 2% !important;
}

/* Sections Content Offer *********************/
#content-offer .inner .box01, #content-offer .inner .box02 {
	min-height:230px;
	padding:3% 3% 2% 3%;
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
	min-height: 350px !important;
}

}
.hidden {
	display: none;
}

/* media querie handhelds 1280px Große Monitore */
@media only screen and (min-width: 1280px) {
 .reframe {
max-width: 1280px
}

/* Section img top home*********************************/
#visual {
	padding: 0% 0% 40% 0% !important;
}

#visual-slogan-frame {
	min-width:500px !important;
	padding:10% 0 5% 0 !important;
	margin:0% auto 8% auto !important;
}


/* gallerie home referenzen *********************************/
.photo-grid figure {
	min-height: 330px;
}

}
.hidden {
	display: none;
}

/* media querie handhelds 1100px Große Monitore */
@media only screen and (min-width: 1100px) {
 .reframe {
max-width: 1100px
}

/* Section img top home*********************************/

#visual-slogan-frame {
	width:500px !important;
	height:auto;
	padding:10% 0 5% 0 !important;
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
	height: 330px;
}

}
.hidden {
	display: none;
}

/* media querie handhelds 1100px Große Monitore */
@media only screen and (min-width: 1080px) {
 .reframe {
max-width: 1080px
}

/* Section img top home*********************************/
#visual {
padding: 0% 0% 28% 0% !important;
}

#visual-slogan-frame {
	max-width:400px !important;
	height:auto;
	padding:5% 0 5% 0 !important;
}

/* Sections Content Offer *********************/
#content-offer .inner .box01, #content-offer .inner .box02 {
	min-height:255px;
	padding:3% 3% 2% 3%;
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
	height: 280px;
}

}
.hidden {
	display: none;
}

/* media querie handhelds more than 1024px Mittlere Monitore */
@media only screen and (max-width: 1024px) {
 .reframe {
max-width: 1024px
}

/* Section img top home*********************************/
#visual {
padding: 0% 0% 30% 0% !important;
}

#visual-slogan-frame {
	max-width:400px !important;
	padding:5% 0 5% 0 !important;
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
height:270px;
}

}
.hidden {
	display: none;
}

/* media querie handhelds more than 980px Mittlere Monitore */
@media only screen and (max-width: 980px) {
 .reframe {
max-width: 980px
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
height:250px;
}

/* Sections Content Case Study *********************/
#casestudy-content .left {
	width:100%;
	margin:3% 0% 0% 0%;
	padding:0 0% 0% 0%;
	float:left;
}

#casestudy-content .right {
	width:100%;
	margin:3% 0% 0% 0%;
	padding:0 0% 0% 0%;
	float:left;
}

/* Sections Portrait *********************/
#portrait {padding: 0% 0% 35% 0%;}

}
.hidden {
	display: none;
}

/* media querie handhelds more than 900px Mittlere Monitore */
@media only screen and (max-width: 900px) {
 .reframe {
max-width: 900px
}

/* Sections Content Info *********************/
#content-info .inner {
	width:96%;
	padding:0% 2% 0% 2%;
}

#content-wrapper-home p.small {
	text-align:center;
	width:60%;
	margin:0 auto 0 auto;
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
height:230px;
}

}
.hidden {
	display: none;
}

/* media querie handhelds more than 800px Mittlere Monitore */
@media only screen and (max-width: 800px) {
 .reframe {
max-width: 800px
}

/* Section img top home*********************************/
#visual {
padding: 0% 0% 35% 0% !important;
}

#visual-slogan-frame {
	max-width:400px !important;
	padding:7% 0 5% 0 !important;
}

#visual-slogan h1 {
	font-size:2.2em;
	line-height:1.2em;
	text-transform:none;
	background-color: rgba(15,66,132,1.0);
	margin:0px auto 5px auto;
	padding:25px 20px 25px 20px;
}

/* Sections Content Info *********************/
#content-wrapper-home p.small {
	text-align:center;
	width:70%;
	margin:0 auto 0 auto;
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
height:210px;
}

}
.hidden {
	display: none;
}

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

#visual-slogan-frame {
	max-width:350px !important;
	margin:0 auto 0 auto;
	padding:30% 0 8% 0;
	text-align:center;
}

/* Sections Referenzen *********************/
.photo-grid li {
	display: inline-block;
	margin:0% 10% 2% 10%;
	width: 80%;
}

.photo-grid figure {
	height:360px;
}

/* Button Up V02*********************/
#back-top {
bottom: 90px;
right: 10px;
}

/* Sections Contact *********************/
#contact-inner .box02 .left {
	width:100%;
	margin:0% 0% 0% 0%;
	padding:0% 0% 0% 0%;
}

#contact-inner .box02 .center {
	width:100%;
	margin:0% 0% 0% 0%;
	padding:0% 0% 0% 0%;
}

#contact-inner .box02 .right {
	width:100%;
	margin:0% 0% 0% 0%;
	padding:0 0% 0% 0%;
}

/* Sections Casestudy *********************/

#casestudy ul.top {
	margin:-10px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	clear:both;
}
#casestudy li.top {
	color:#fff;
	line-height:2.0em;
	list-style-type: disc;
	list-style-position: outside;
	margin:0px 0px -20px 15px;
}

#casestudy ul.bottom {
	margin:0px 0px 40px 15px;
	padding:20px 0px 0px 0px;
	float:none;
	clear:both;
}
#casestudy li.bottom {
	color:#fff;
	line-height:2.0em;
	list-style-type: none;
    padding-left: 30px;
    margin-left: 0px;
    background-image:url(../grafiken/iconHaken.png);
    background-repeat:no-repeat;
    background-position:left 6px;
}

}
.hidden {
	display: none;
}


/* media querie handhelds more than 740px Mittlere Monitore */
@media only screen and (max-width: 740px) {
 .reframe {
max-width: 740px
}

/* Sections Content Info *********************/
#content-wrapper-home p.small {
	text-align:center;
	width:75%;
	margin:0 auto 0 auto;
}

}
.hidden {
	display: none;
}

/* media querie handhelds more than 700px Mittlere Monitore */
@media only screen and (max-width: 700px) {
 .reframe {
max-width: 700px
}

/* Section img top home*********************************/
#visual {
padding: 0% 0% 40% 0% !important;
}

#visual-slogan-frame {
	max-width:350px !important;
	height:auto;
	padding:7% 0 5% 0 !important;
}

/* Sections Content Info *********************/
#content-wrapper-home p.small {
	text-align:center;
	width:80%;
	margin:0 auto 0 auto;
}

}
.hidden {
	display: none;
}

/* media querie handhelds more than 667px Mittlere Monitore */
@media only screen and (max-width: 667px) {
 .reframe {
max-width: 667px
}

/* top_padding, zuständig für Abstand Navigation fixed *********************************/
#top_padding_home {
padding-top: 80px;
}

/* Section img top home*********************************/
#visual {
padding: 0% 0% 40% 0% !important;
}

#visual-slogan-frame {
	max-width:350px !important;
	padding:7% 0 5% 0 !important;
}

#visual-slogan h1 {
	font-size:2.2em;
	line-height:1.2em;
	text-transform:none;
	background-color: rgba(15,66,132,1.0);
	margin:0px auto 5px auto;
	padding:25px 20px 25px 20px;
}

/* Sections Content Info *********************/
#content-wrapper-home p.small {
	text-align:center;
	width:85%;
	margin:0 auto 0 auto;
}

/* Sections Content Case Study *********************/
#casestudy-content {
	width:98%;
	margin: 0 auto 0 auto;
	padding:0% 1% 0% 1%;
}

/* gallerie home referenzen *********************************/
.photo-grid li {
	display: inline-block;
	margin:0% 0.5% 2% 0.5%;
	width: 80%;
}

.photo-grid figure {
	height:320px;
}

/* Sections Casestudy *********************/

#casestudy ul.top {
	margin:-10px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	clear:both;
}
#casestudy li.top {
	color:#fff;
	line-height:2.0em;
	list-style-type: disc;
	list-style-position: outside;
	margin:0px 0px -20px 15px;
}

#casestudy ul.bottom {
	margin:0px 0px 40px 15px;
	padding:20px 0px 0px 0px;
	float:none;
	clear:both;
}
#casestudy li.bottom {
	color:#fff;
	line-height:2.0em;
	list-style-type: none;
    padding-left: 30px;
    margin-left: 0px;
    background-image:url(../grafiken/iconHaken.png);
    background-repeat:no-repeat;
    background-position:left 6px;
}


/* Sections Footer *********************/
#footer-copyright {
 width:90%;
 margin:0 auto 0 auto;
 padding:3% 4% 5% 4%;
 text-align:center;
}
}
.hidden {
	display: none;
}

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

/* Section img top home*********************************/
#visual {
padding: 0% 0% 40% 0% !important;
}

#visual-slogan-frame {
	max-width:350px !important;
	height:auto;
	padding:8% 0 5% 0 !important;
}
/* top_padding, zuständig für Abstand Navigation fixed *********************************/
#top_padding_home {
padding-top: 70px;
}

/* Section content home*********************************/
#content-home {
margin:0 auto 0 auto;
padding:0% 0% 3% 0%;
}

/* gallerie home referenzen *********************************/
.photo-grid figure {
	height:300px;
}

/* Button Up V02*********************/
#back-top {
bottom: 130px;
right: 10px;
}
}
.hidden {
	display: none;
}

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

/* Basics *********************************/
body h1 {
	font-size:2.0em;
	line-height:1.1em;
}

body p, body li {
	font-size:1.0em;
	line-height:1.5em;
	margin-bottom:15px;
}

#content-wrapper-home p.small {
	width:100%;
	margin:0 0 30px 0;
}

/* Section img top home*********************************/
#visual {
padding: 0% 0% 40% 0% !important;
}

#visual-slogan-frame {
	max-width:350px !important;
	height:auto;
	padding:8% 0 5% 0 !important;
}

/* top_padding, zuständig für Abstand Navigation fixed *********************************/
#top_padding_home {
	padding-top: 80px;
}

/* Sections Referenzen *********************/
.photo-grid li {
	display: inline-block;
	margin:0% 5% 2% 5%;
	width: 90%;
}

.photo-grid figure {
	height:320px;
}

/* Sections Content Case Study *********************/
#casestudy-inner h1 {
	font-family: 'Heebo', Helvetica, Arial, sans-serif;
	margin:-10px 0px 30px 0px;
	text-align:left;
}

/* Sections Casestudy *********************/

#casestudy ul.top {
	margin:-10px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	clear:both;
}
#casestudy li.top {
	color:#fff;
	line-height:2.0em;
	list-style-type: disc;
	list-style-position: outside;
	margin:0px 0px -20px 15px;
}

#casestudy ul.bottom {
	margin:0px 0px 40px 15px;
	padding:20px 0px 0px 0px;
	float:none;
	clear:both;
}
#casestudy li.bottom {
	color:#fff;
	line-height:1.5em;
	list-style-type: none;
    padding-left: 30px;
    margin-left: 0px;
    background-image:url(../grafiken/iconHaken.png);
    background-repeat:no-repeat;
    background-position:left 2px;
}

/* Sections Content Disclaimer *********************/
#content-disclaimer-inner {
	width:90%;
	margin: 0 auto 0 auto;
	padding:2% 5% 5% 5%;
}

/* Button Up V02*********************/
#back-top {
bottom: 160px;
right: 10px;
}
}
.hidden {
	display: none;
}

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

/* Basics *********************************/
body h1 {
	font-size:1.8em;
	line-height:1.1em;
}

/* section header*********************************/
 .headercontent-inner {
width:100%;
margin:-5px auto 0 auto !important;
height:40px;
}
#logo {
width: 50%;
height: auto;
top: 20px  !important;
}

/* top_padding, zuständig für Abstand Navigation fixed *********************************/
#top_padding_home {
padding-top: 70px;
}

/* Section img top home*********************************/
#visual {
padding: 0% 0% 40% 0% !important;
}

#visual-slogan-frame {
	max-width:300px !important;
	height:auto;
	padding:5% 0 7% 0 !important;
}
/* Sections Content Info *********************/
#content-info .inner-left {
	width:100%;
	margin: 0 5% 0 0;
	padding:0% 0% 0% 0%;
	text-align:left;
	float:left;
}

#content-info .inner-right {
	width:100%;
	margin: 0 0 0 0;
	padding:0% 0% 0% 0%;
	text-align:left;
	float:left;
}

/* Sections Referenzen *********************/
.photo-grid figure {
	height:260px;
}

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

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

#content-wrapper-certificate .box01 {
	width:30%;
	margin:0% auto 0% auto;
	padding:0% 0% 0% 0%;
	text-align:center;
	float:none;
}

#content-wrapper-certificate .box02 {
	width:30%;
	margin:0% auto 0% auto;
	padding:0% 0% 0% 0%;
	text-align:center;
	float:none;
}

#content-wrapper-certificate .box03 {
	width:30%;
	margin:0% auto 0% auto;
	padding:0% 0% 0% 0%;
	text-align:center;
	float:none;
}

#content-wrapper-certificate .box04 {
	width:30%;
	margin:0% auto 0% auto;
	padding:0% 0% 0% 0%;
	text-align:center;
	float:none;
}

#content-wrapper-certificate .box05 {
	width:30%;
	margin:0% auto 0% auto;
	padding:0% 0% 0% 0%;
	text-align:center;
	float:none;
}

#content-wrapper-certificate .box06 {
	width:30%;
	margin:0% auto 0% auto;
	padding:0% 0% 0% 0%;
	text-align:center;
	float:none;
}

#content-wrapper-certificate .box07 {
	width:30%;
	margin:0% auto 0% auto;
	padding:0% 0% 0% 0%;
	text-align:center;
	float:none;
}


/* Sections Casestudy *********************/

#casestudy ul.top {
	margin:-10px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	clear:both;
}
#casestudy li.top {
	color:#fff;
	line-height:1.7em;
	list-style-type: disc;
	list-style-position: outside;
	margin:0px 0px -10px 15px;
}

#casestudy ul.bottom {
	margin:0px 0px 40px 15px;
	padding:20px 0px 0px 0px;
	float:none;
	clear:both;
}
#casestudy li.bottom {
	color:#fff;
	line-height:1.5em;
	list-style-type: none;
    padding-left: 30px;
    margin-left: 0px;
    background-image:url(../grafiken/iconHaken.png);
    background-repeat:no-repeat;
    background-position:left 2px;
}

/* Button Up V02*********************/
#back-top {
bottom: 30px;
right: 10px;
}
}
.hidden {
	display: none;
}

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

/* Basics *********************************/
body h1 {
	font-size:2.0em;
	line-height:1.1em;
}

#content-wrapper-home-txtbox .box03 img {
	width:30%;
	height:auto;
}

/* section header*********************************/
 .headercontent-inner {
width:100%;
height:40px;
}
#logo {
width: 60%;
height: auto;

}

/* Section img top home*********************************/
#visual {
padding: 0% 0% 40% 0% !important;
}

#visual-slogan-frame {
	max-width:250px !important;
	height:auto;
	padding:5% 0 10% 0 !important;
}
/* Sections Referenzen *********************/
.photo-grid figure {
	height:200px;
}

/* Sections Content Case Study *********************/
#casestudy-content {
	width:96%;
	margin: 0 auto 0 auto;
	padding:0% 2% 0% 2% !important;
}

/* Sections Footer *********************/
#footer-copyright {
 width:96%;
 margin:0 auto 0 auto;
 padding:3% 2% 5% 2%;
 text-align:center;
}

/* Button Up V02*********************/
#back-top {
bottom: 40px;
right: 10px;
}
}
.hidden {
	display: none;
}

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

/* Sections Content Case Study *********************/
#casestudy-content {
	width:94%;
	margin: 0 auto 0 auto;
	padding:0% 3% 0% 3% !important;
}

}
.hidden {
	display: none;
}