/* responsive */

@media only screen and (min-width: 1170px) {
/* Galerien */
#main .content-gallery > ul li {
	width:32.7%;
	margin-right:10px;
}

#main .content-gallery > ul li:nth-child(3n) {
	margin-right: 0;
	/* border-right: 2px solid red; */
}

}


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

#wrapper {
	width: 100% !important;
}

#header, #footer {
    width: 100% !important;
    margin: 0 auto;
}

#header {
	height:  auto;
	min-height: 200px;
}

#header .inside {
	margin: 0 10px;
}

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

#logo {
    float:none;
		text-align: center;
    margin-top:30px;
}

#main .mod_article {
    width: 100% !important;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

#main .inside {
	margin: 0 10px;
}





/* Slider News */
#main .swiper-slide {
	/*min-height: 220px;*/
	min-height:20px;
}

#main .swiper-slide .newsbox {
  position: inherit;
  top: 0;
  left: 0;
  max-width: auto;
}

#main .swiper-slide a {
  text-decoration: none;
}

#main .swiper-slide a:hover {
	opacity: 0.8;
}

#main .swiper-slide img {
  max-width: 100%;
  height: auto;
}

#main .swiper-slide .newsbox p {
	font-size:22px;
}

.swiper-button-next, .swiper-button-prev {
	top:20%;
}





/* Produkte */
.content-image.produkteuebersicht {
  position: relative;
	max-width: 49%;
  height: auto;
  float: left;
  margin-right: 1%;
}


.facebook, .instagram {
	width: 99% !important;
	float: none !important;
	margin-bottom: 10px !important;
}

#main .mod_article.fullwidth {
    width: 100% !important;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.content-gallery.family img,
.content-gallery.luana img {
    width: 300px;
    height: auto;
}

.content-gallery.family li, .content-gallery.luana li {
	max-width: 50% !important;
	height: auto !important;
}

.content-gallery .caption {
	font-size: 14px !important;
	padding: 5px !important;
}

.content-gallery .image_container .caption {
	height: 97% !important;
}

.filmfloat {
	float:none !important;
}

#footer {
	margin:0;
	padding:0;
	height: auto;
}

#footer .footerleft,
#footer .footermiddle,
#footer .footerright{
	width:100% !important;
	float:none;
}

#footer .footerleft,
#footer .footermiddle,
#footer .footerright {
	padding: 10px 0;
	text-align: center;
}

#footer .inside {
	margin: 0;
	padding:0;
}

.beba {
	background-color: #fff ;
	padding: 15px 5px;
	box-sizing: border-box;
	text-align: center;
}

.beba a {
		color: #213947 !important;
		display: block;
}

/* Kontakt */
#kontaktform .widget-text {
	float: none !important;
	width: 100% !important;
}

#mainnav {
	display: none !important;
}

.mobile_menu_trigger,
.mod_mobile_menu {
	display: block;
	text-transform:uppercase;
	color:#fff;
	font-size:30px;
}
#kontaktform #ctrl_1.select {
	width:100%;
}

#kontaktform .text {
	width:98%;
}








/* mobiles Menue */
.mod_mobile_menu {
	text-align: center;
	margin-top: 20px;
	padding:15px 0;
	color: #fff;
	background-color: #295941;
	cursor: pointer;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* mobile menue */
.mobile_menu .inner {
	background:#fff;
	overflow: auto;
}

/* mobile Navigation */
#mobilenav {
	padding:30px 0 0 0;
}

#mobilenav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#mobilenav li {
	margin:0 0 14px 20px;
	padding:0;
	float: none;
	text-align: left;
}

#mobilenav a {
	margin:0;
	padding:10px 0;
	display: block;
	text-decoration: none;
	color:#4A4646;
  font-family: 'News Cycle';
	font-weight: 300;
	font-size: 22px;
}

#mobilenav strong.active {
	font-weight: 300;
	color: #295941;
	padding: 10px 0;
	display: block;
	font-size: 22px;
	font-weight:700;
}

#mobilenav a:focus, #mobilenav a:hover {
	color:#295941;
	text-decoration: none;

}


/*#mainnav li.home-icon:before*/
#mobilenav .home-icon a,
#mobilenav .home-icon a:link,
#mobilenav .home-icon a:visited,
#mobilenav .home-icon strong.active {
	content: url(../Layout/home-icon.svg);
	padding:6px 0px 0px 0px;
	cursor:pointer;
}



/* Sprachenwechsler */
.mod_changelanguage {
    position: absolute;
    top: 10px;
    right: 0;
}

/* News */
.news #main .layout_latest {
  max-width: 100%;
  float:none;
  margin-right: 0;
}

.news #main .layout_latest img {
  width: 100%;
  height: auto;
}

#footer .content-text.footerimg {
	max-width: 100%;
	float: none;
}

#footer .content-text.footerimg figcaption {
	background-color:#736357;
	text-transform:uppercase;
	color: #fff;
	text-align:right;
	padding:4px 4px 4px 6px;
	box-sizing: border-box;
	font-size: 18px;
	position: absolute;
	top: 150px;
	bottom: auto;
	right: 20px;
}


.content-player video {
	max-width: 100%;
	height: auto;
}

}


/* Landscape ipad 9,7"*/
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {

#main .content-gallery > ul li {
	width: 49.5%;
}

#main .content-gallery > ul li:nth-child(1n) {
	margin-right: 10px;
}

#main .content-gallery > ul li:nth-child(2n) {
	margin-right: 0;
}

.content-gallery>ul li.col_first {
	clear: none;
}

}

/* Landscape ipad 9,7"*/
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {

#main .content-gallery > ul li {
	width: 49.5%;
}

#main .content-gallery > ul li:nth-child(1n) {
	margin-right: 10px;
}

#main .content-gallery > ul li:nth-child(2n) {
	margin-right: 0;
}

.content-gallery>ul li.col_first {
	clear: none;
}

}


/* Landscape ipad 10.5"*/
@media only screen
  and (min-device-width: 834px)
  and (max-device-width: 834px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {

#main .content-gallery > ul li {
	width: 49.3%;
}

#main .content-gallery > ul li:nth-child(1n) {
	margin-right: 10px;
}

#main .content-gallery > ul li:nth-child(2n) {
	margin-right: 0;
}

.content-gallery>ul li.col_first {
	clear: none;
}




}







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

/* Produkte */
.content-image.produkteuebersicht {
  position: relative;
	width: 100%;
	max-width: 100% !important;
  height: auto;
  float: none;
  margin-right: 0;
}

#main .content-image.produkteuebersicht figcaption {
	background-color:#736357;
	text-transform:uppercase;
	color: #fff;
	text-align:right;
	padding:2px 2px 2px 6px;
  box-sizing: border-box;
	font-size: 18px;
  position: absolute;
	bottom: auto;
  top: 150px;
  right: 0;
}

#main .swiper-slide .newsbox {
	right: 0;
}

#main .swiper-slide .newsbox-title h2 {
	height: auto;
	font-size: 8vw;
}

#footer .content-text.footerimg {
	max-width: 100%;
	float: none;
	margin-right: 0;
}

#footer .content-text.footerimg figcaption {
	background-color:#736357;
	text-transform:uppercase;
	color: #fff;
	text-align:right;
	padding:2px 2px 2px 6px;
  box-sizing: border-box;
	font-size: 18px;
  position: absolute;
  top: 150px;
	bottom: auto;
  right: 0;
}

#main .swiper-slide .newsbox-title h2 {
	height: auto;
	font-size: 20px;
}

#main .content-gallery > ul li {
	width: 100%;
	float: none;
}


#main .mod_newslist .layout_latest {
	width: auto;
	float:none;
	margin-right:0;
	margin-bottom: 30px;
	border-top:2px solid #295941;

}
/*
#main .swiper-slide .newsbox a, #main .swiper-slide .newsbox h2 {
	font-size:20px;
}
*/


.kundenbilder #main .content-image.kundenbilder {
    width: 48%;
    height: auto;
    float: left;
    margin-right: 10px;
    object-fit: cover ;
    position: relative;
}

.team #main .content-image.team {
    width: 48%;
    height: auto;
    float: left;
    margin-right: 10px;
    object-fit: cover ;
    position: relative;
}




.infobox {
	background-color:rgba(41,89,65,0.7);
	width:100%;
	float:left;
	margin-right:0;
	color:#fff;
	padding:5px 10px;
	height:auto;
	margin-top: 30px;

}

.infobox p {
	margin-top:5px;
}



#main .flyer a, #main .flyer a:link, #main .flyer a:visited {
	line-height:2.4em;
	padding:5px
}


}







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

/* Produkte */
.content-image.produkteuebersicht {
  position: relative;
	width: 100%;
	max-width: 100% !important;
  height: auto;
  float: none;
  margin-right: 0;
}

#footer .content-text.footerimg {
	max-width: 100%;
	float: none;
}

#main .swiper-slide .newsbox {
	right: 0;
}


.swiper-button-next, .swiper-button-prev {
	top:22%;
}




#main .swiper-slide .newsbox-title h2 {
	height: auto;
	font-size: 8vw;
}





#main .content-image.produkteuebersicht figcaption {
  top: 50px;

}





#main .content-gallery > ul li {
	width: 100%;
	float: none;
}

.newsbox h2 {
	font-size:20px !important;
}


.kundenbilder #main .content-image.kundenbilder {
    width: 100%;
    height: auto;
    float: left;
    margin-right: 0px;
    object-fit: cover ;
    position: relative;
}

.kundenbilder #main .content-image.kundenbilder:hover figcaption {
    margin: 0;
    padding: 60px 0px 0 30px;
    box-sizing: border-box;
    text-align: center;
    font-size: 25px;
    text-transform:uppercase;
    line-height: 1.4;
    max-width: 100%;
    height: auto;
    color: #fff;
    display:block;
    position: absolute;
    top: 0;
    letter-spacing:0.5px;
}


.team #main .content-image.team {
    width: 100%;
    height: auto;
    float: left;
    margin-right: 0px;
    object-fit: cover ;
    position: relative;
}

.team #main .content-image.team:hover figcaption {
    margin: 0;
    padding: 60px 0px 0 50px;
    box-sizing: border-box;
    text-align: center;
    font-size: 25px;
    text-transform:uppercase;
    line-height: 1.4;
    max-width: 100%;
    height: auto;
    color: #fff;
    display:block;
    position: absolute;
    top: 0;
}


#main .swiper-slide .newsbox a, #main .swiper-slide .newsbox h2 {
	font-size:20px;
}


}