@charset "utf-8";
/* mobile Version Good Maschinencenter Mels */

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

#header {
	height:auto;
}

#logo-wrapper {
	width:100%;
	height:0;
	padding-bottom:10.94%;
}

#logo {
	float:left;
	width:24%;
	margin:1.56% 2.4% 0 2.4%;
	height:auto;
}

#logo img {
	width:100%;
	height:auto;
}

#address {
	bottom:15%;
}

/* slider */

.tx-ws-flexslider .caption-align-left .caption-text {
    right:6%;
}
.tx-ws-flexslider .caption-text {
    width:320px;
	bottom: 20px;
}

#slider .caption-text {
	padding:1.25em 20px 1.5em 15px !important;
}

#slider .caption-title {
	font-size:1.5em;
	margin-bottom:.5em;
}

#uid-1 #slider {
	padding-bottom:30%;
}


#home {
	float:left;
	height:26px;
	width:3.%;
	padding: 17px 0;
	margin:0 2% 0 2.4%;
}

.mainnavi li {
	font-size:1em;
	padding:0 2% 0 0;
}

#c250 {
	padding:20px 50px;
}


}

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

.sub li a, .sub li a:visited {
	font-size:1em;
	padding:0 10px;
}

#address {
	bottom:23px;
	left:42%;
	width:57%;
	height:20px;
}

.mainnavi li {
	letter-spacing:-1px;
	padding:0 3% 0 0;
}

/* slider */

.tx-ws-flexslider .caption-align-left .caption-text {
    right:5%;
}
.tx-ws-flexslider .caption-text {
    width:300px;
	bottom: 15px;
}

#slider .caption-text {
	padding:.75em 20px 1em 15px !important;
}

#slider .caption-title {
	font-size:1.35em;
	margin-bottom:.35em;
}

#uid-1 #slider {
	padding-bottom:30%;
}

#content h1 {
	font-size:1.5em;
}

/* 2 spaltig */

.column2 {
	width:45%;
	margin-right:10%;
}

/* 3 spaltig */

.column3 {
	width:30.66%;
	margin-right:4%;
}

/* 4-spaltig */

.column4 {
	width:22.75%;
	margin-right:3%;
}

.last {
	margin-right:0;
}

#c250 {
	width:96%;
	padding:15px 2%;
}

#c250 h3 {
	font-size:1.5em;
}

#c250 p {
	font-size:1.1em;
}

}

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

#navi-wrapper,
#subnavi-wrapper,
#address {
	display:none;
}

#logo-wrapper {
    width: 100%;
    height: auto;
    padding-bottom:0;
}

#logo {
	float:none;
	width:35%;
	margin:0 auto;
	padding:20px 0 15px 0;
	height:auto;
}

#slider .caption-text {
	display:none;
}

/* menu mobile */

#mobilemenu {
	display:block;
}

.button {
    background-image: url("../img/bg/mobilemenu_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 50px;
    left: 64.9%;
    position: absolute;
    top: 20px;
    width: 6%;
    z-index: 12399994;
}

.button:after{display:block;height:100%;}
.button.menu-opened{position:absolute;left:3%;top:20px;background-image:url(../img/bg/mobilemenu_icon_open.png);}

#mobilemenu {
	position:absolute;
	top:0;
	left:-62.5%;
	width:100%;
	height:100%;
	z-index:999901;
}
#mobilemenu.menu-active {
	-webkit-transition:all .25s ease;
	-ms-transition:all .25s ease;
	transition:all .25s ease;
	left:0;
}

#mobilemenu,#mobilemenu ul,#mobilemenu ul li,#mobilemenu ul li a,#mobilemenu #head-mobile{border:0;list-style:none;line-height:1;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#mobilemenu ul{width:60%;min-height:10%;padding:40px 0 20px 0;background-color:rgba(255,255,255,0.95);-webkit-box-shadow: 2px 2px 18px 0 #A8A8A8;box-shadow: 2px 2px 18px 0 #A8A8A8;display:none;}
#mobilemenu ul.submenu_mobile {padding-top:10px;padding-bottom:80px;}
#mobilemenu ul li{width:75%;margin-left:25%; position:relative;font-size:1.1em;}
#mobilemenu ul li:last-child {}
#mobilemenu ul.submenu_mobile li{border:none;}
#mobilemenu ul ul li,#mobilemenu li:hover > ul > li{height:auto}
#mobilemenu > ul > li > a{padding:0.35em 0;font-size:1em;text-decoration:none;color:#6b6e6f;font-weight:400;}
#mobilemenu > ul > li.has-sub-open > a{font-weight:700;}
#mobilemenu > ul.submenu_mobile > li > a {padding:8px 0;}
#mobilemenu ul li a,#mobilemenu ul ul li a{width:100%;border-bottom:0}
#mobilemenu > ul > li{float:none}
#mobilemenu ul ul li {background:none;margin-left:10%;}
#mobilemenu ul ul li a{padding:5px 0;font-size:1em;text-decoration:none;color:#6b6e6f;font-weight:400;}
#mobilemenu ul ul li:last-child > a,#mobilemenu ul ul li.last-item > a, #mobilemenu ul ul li:last-child{padding-bottom:0.35em}
#mobilemenu ul ul ul li a{padding-left:10px}
#mobilemenu ul ul li:hover > a,#mobilemenu ul ul li.active > a{color:#000}
#mobilemenu ul ul,#mobilemenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left; background:none;-webkit-box-shadow:none;box-shadow:none;padding:0;}
#mobilemenu > ul > li.has-sub > a {padding-left:15px;}
#mobilemenu ul ul li.has-sub > a:before{-webkit-transition:all .75s ease;-ms-transition:all .75s ease;transition:all .75s ease}
#mobilemenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#mobilemenu > ul > li.has-sub > a:after,#mobilemenu > ul > li.has-sub > a:before,#mobilemenu ul ul > li.has-sub > a:after,#mobilemenu ul ul > li.has-sub > a:before{display:none}
#mobilemenu #head-mobile{display:block;padding:0px;color:#000;}
#mobilemenu .submenu-button{position:absolute;z-index:99;left:0;top:0;display:block;height:100%;width:40px;cursor:pointer;background-image:url(../img/bg/mobilemenu_li_sub-bg.png); background-repeat:no-repeat;background-position:left center ;}
#mobilemenu .submenu-button.submenu-opened{position:absolute;z-index:99;left:0;top:0;display:block;height:100%;width:40px;cursor:pointer;background-image:url(../img/bg/mobilemenu_li_sub-bg_open.png); background-repeat:no-repeat;background-position:left top ;}
#mobilemenu .submenu-button.submenu-opened:before{display:none;}
#mobilemenu ul ul ul li.active a{border-left:none}
#mobilemenu > ul > li.has-sub > ul > li.active > a,#mobilemenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

/* Inhalte */

#content_all {
	float:left;
	width:100%;
	margin:20px 0;
}

#content {
	float:left;
	width:96%;
	padding:10px 2%;
	margin-left:0;
}


#c250 h3 {
	font-size:1.25em;
}

#c250 p {
	font-size:1em;
}

#c250 .ce-media img {
	width:60%;
	margin:0 20%;
}

footer {
	width:96%;
	padding:0 2%;
	margin-top:100px;
}

}

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

#content h2 {
	font-size:1.1em;
	letter-spacing:-0.5px;
}

/* 3 spaltig */

.column3 {
	width:100%;
	margin-right:0%;
}

/* 4-spaltig */

.column4 {
	width:45%;
	margin-right:10%;
}

.column4:nth-child(2n) {
	margin-right:0;
}

	
}

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

#content h2 {
	font-size:1em;
	letter-spacing:-1px;
}
	
}

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

body {
	font-size:14px;
}

	
}


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

body {
	font-size:16px;
}

.flex-direction-nav {
	display:none;
}

.button {
    background-image: url("../img/bg/mobilemenu_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 50px;
    left: 64.9%;
    position: absolute;
    top: 20px;
    width: 7.5%;
    z-index: 12399994;
}

#mobilemenu ul{width:90%;}

#content h2 {
	font-size:1.25em;
	letter-spacing:0;
}

#content .ce-gallery[data-ce-columns="2"] .ce-column,
#content .ce-gallery[data-ce-columns="3"] .ce-column,
#content .ce-gallery[data-ce-columns="4"] .ce-column,
#content .ce-gallery[data-ce-columns="5"] .ce-column,
#content .ce-gallery[data-ce-columns="6"] .ce-column {
	width:100%;
	margin-right:0;
}

/* 2 spaltig */

.column2 {
	width:100%;
	margin-right:0%;
}


/* 4-spaltig */

.column4 {
	width:100%;
	margin-right:0%;
}


}

@media only screen and (max-width:360px) {
	
	#content h1 {
		font-size:1.25em;
	}
	
	#content h2 {
		font-size:1.1em;
	}
	
}