@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
{
	-webkit-text-size-adjust: 100%;
}	
}
@media screen and (max-width: 750px) { 

.allinone_bannerRotator_texts,
#searchformbox,
#responsive-switcher,
.dotyimg,
.tooltipp,
#banner1,
#banner2,
#web20-quick,
#mainnav,
.cont21 {
	display: none !important;
}
#mm-hauptnavi {
  text-align: left;
}

.mm-list {
/*  font-size: 15px;*/
}

#mobile-nav-bar {
  background-color: black;
  color: white;
  position: relative;
  height: 50px;
  text-align: left;
  border-bottom: 1px solid #222222;
  z-index: 2;
}
#mobile-nav-bar a {
  color: white;
  line-height: 50px;
  text-decoration: none;
  padding: 0 0 0 3em;
  text-transform: uppercase;
  font-size: 120%;
}
#mobile-nav-bar a:before {
  content: "\f0c9";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: white;
  font-size: 150%;
  line-height: 50px;
  position: absolute;
  top: 0;
  left: 10px;
}	
#navcontainer {
	top: 50px;
	height: 0px;
}
#infonav {
	top: -45px;
	width: 150px;
	right: 0;
	padding: 0;
	min-width: 70%;
}
#nav3 li a {
	color: #666666;
}
#home {
	background-color: rgba(255, 255, 255, 0);
	top: 1px;
	left: 50%;
	background-size: 100px auto;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	filter: invert(0);
}
#frame {
	width: 100%;
}
#contframe {
	width: 100%;
	padding: 0 10px 0 10px;
	margin: 0 auto 0 auto;
	float: none;
}
#footer {
	width: 100%;
	padding: 0;	
}
#nav1 li a {
	font-size: 1.1rem;
}
#nav3 li a {
	font-size: 1rem;
}
h1 {
	font-size: 1.2rem;
}
.clickable .mehr {
	display: inline-block;
}
.fancybox-title-float-wrap {
	position:relative !important;
	bottom:inherit !important;
	right:inherit !important;
}
.fancybox-title-float-wrap .child {
	width:100% !important;
	margin-right:0px !important;
	margin-left:0px !important;
}





	
}

@media screen and (max-width: 750px) and (orientation:portrait) { 
#wrapper {
	background-image: none;
}
#frame {
	padding: 150px 10px 10px 10px;
}
#wind #frame {
	padding-top: 10px;
}
#contin {
	padding: 25px 0 0 0;
}

section.table-responsive {
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}
section.table-responsive th,
section.table-responsive td {
    white-space: nowrap;
}
section.table-responsive:before {
	animation-name: colorchange;
	animation-duration: 2.5s;
	animation-iteration-count: 3;
	content: "\f1de";
	font-size: 2rem;
	color: #999999;
}
.dir333 section.table-responsive:before {
	content: none;
}
@keyframes colorchange {
	from {color: black; margin-left: 0px}
	to {color: red; margin-left: 100px;}
}
.cont2,
.videocontainer {
	padding: 10px;
}
#boxcontainer1 #market-slider,
#boxcontainer2 #market-slider,
#boxcontainer3 #market-slider {
	width: 100%;
	padding: 10px;
	margin: 0 auto 0 auto;
}
#boxcontainer1 #market-slider article,
#boxcontainer2 #market-slider article,
#boxcontainer3 #market-slider article {
	width: 100%;
	float: none;
	padding: 10px;
	margin: 0 auto 20px auto;
}
#boxcontainer1 #market-slider article:nth-child(3),
#boxcontainer2 #market-slider article:nth-child(3),
#boxcontainer3 #market-slider article:nth-child(3) {
	margin-right: 0;
}
#boxcontainer4 #market-slider article,
.box_in .sec44 .slide,
.box_in .sec45 .slide {
	width: 100%;
	float: none;
	padding: 10px;
	margin: 0 0 20px 0;
}
.box_in .sec44 .slide,
.box_in .sec45 .slide {
	padding-top: 30px;
}
.box_out_2 > div {
	width: 100%;
	float: none;
}
h2.togglein:after,
h3.togglein:after {
	right: 5px;
}
h2.togglein,
h3.togglein,
.box_in h2.togglein {
	padding-right: 35px;
}
.pic_gallery {
	text-align: center;
}
.bslist {
	width: 90%;
  padding: 0px;
}
.bslist article {
  margin: 0 0 10px 0;
  width: 100%;	
  float: none;	
}
.bottomNav {
	display: none !important;
}
.owl-carousel {
	width:100% !important;
}
.dir2 .box_out_4 .cont41,
#CDSWIDCOE {
	position: relative;
	top: inherit;
	right: inherit;
	margin: 0 auto 0 auto !important;
}
#lang {
	position: absolute;
	top: 90px;
	right: 10px;
}
#google_translate_element {
	position: absolute;
	top: 95px;
	right: 70px;
	border: none;
}
h2.togglein.alert,
#header h2.togglein.alert {
	padding: 20px;
	width: 90%;
}
.box_out_4 {
	padding: 10px;
}
.dir2 .box_out_4 {
	padding: 0;
}





}

@media screen and (max-width: 750px) and (orientation:landscape) { 
.bslist {
	width: 100%;
	padding: 20px;
	margin: 0 auto 0 auto;
} 
.bslist article {
	position: relative;
  display: inline-block;
  margin: 0 4% 10px 0;
  width: 48%;	
  float: left;	
 	background: #F5F5F5;
 	border: 5px solid #F5F5F5;
	z-index: 201;
}
.bslist article:nth-child(2n) {
	margin-right: 0;
}
.bslist article:nth-child(2n+1) {
	clear: left;
}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {


	
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {
	
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {



}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

}

/*---750---*/

@media screen and (min-width: 751px) and (max-width: 980px) { 
html {
	font-size: 100%;
}
#header {
	padding: 50px 0 0 0;
}
#home {
	background-size: 100px auto;
	top: 120px;
	left: 10px;
	width: 100px;
	height: 100px;
}
.cont21 {
	display: none;
}
#navcontainer {
}
#lang {
	position: absolute;
	top: 105px;
	right: 10px;
}
#google_translate_element {
	position: absolute;
	top: 110px;
	right: 70px;
	border: none;
}

#boxcontainer1 #market-slider article,
#boxcontainer2 #market-slider article,
#boxcontainer3 #market-slider article,
#boxcontainer4 #market-slider article {
	position: relative;
	background: white;
	width: 48%;
	float: left;
	padding: 10px;
	margin: 0 4% 20px 0;
}

#boxcontainer4 #market-slider article:nth-child(2n),
#boxcontainer1 #market-slider article:nth-child(2n),
#boxcontainer2 #market-slider article:nth-child(2n),
#boxcontainer3 #market-slider article:nth-child(2n) {
	margin-right: 0;
}
#boxcontainer4 #market-slider article:nth-child(2n+1),
#boxcontainer1 #market-slider article:nth-child(2n+1),
#boxcontainer2 #market-slider article:nth-child(2n+1),
#boxcontainer3 #market-slider article:nth-child(2n+1) {
	clear: left;
}
.box_out_4 {
	padding: 20px;
}
.dir2 .box_out_4 {
	padding: 0;
}
#footer {
	width: 100%;
	padding: 0;	
}
.cont2,
.videocontainer {

}
.box_out_2 {

}
#mainnav {
	right: 0;
	width: 100%;
}
#mainnav #nav1 {
	width: 100%;
}
#mainnav.is_stuck #nav1 {
	right: 0;
}

#nav1 li a,
#nav1 li span.disabled {
	font-size: 1.4rem;
}
#infonav {

}


/*---content---*/
.list.news img {
	max-width: 100%;
}
h1,
.box_in h1,
.box_out_4 h1 {
	font-size: 1.3rem;
}
h2 {
	font-size: 1rem;
}
h3 {
	font-size: 1rem;
}
#nav1 li a {
	font-size: 1.1rem;
}
#nav1 li a,
#nav1 li span.disabled {
	font-size: 1.1rem;
	font-weight: 400;
	padding: 15px 10px 15px 10px;
}
#nav1 li li:hover a,
#nav1 li li:hover span.disabled,
#nav1 li li.active a,
#nav1 li li.active span.disabled {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.bslist {
	width: 100%;
	padding: 20px;
}
.bslist article {
	position: relative;
  display: inline-block;
  margin: 0 4% 10px 0;
  width: 48%;	
  float: left;	
 	background: #F5F5F5;
 	border: 5px solid #F5F5F5;
	z-index: 201;
}
.bslist article:nth-child(2n) {
	margin-right: 0;
}
.bslist article:nth-child(2n+1) {
	clear: left;
}




}


/*---1400---*/

@media screen and (min-width: 1280px) and (max-width: 1368px) { 
html {
	font-size: 100%;
}
#home {
	background-size: 200px auto;
	top: 101px;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-left: -600px;
}
#navcontainer {
	height: 100px;
}
#frame {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}
#contframe {
	width: 100%;
	padding: 0;
}
#contin,
.box_out_4 .section,
.box_in .section,
.bslist {
	width: 1200px;
	margin: 0 auto 0 auto;
}
.dir17 #contframe,
.dir17 #contin {
	width: 100%;	
	padding: 0;
}
#tblock {
	width: 300px;
}
.box_out .linkwrapper {
	width: 300px;
	height: 230px;
}
.box_out #boxlinks {
	width: 280px;
}
#boxcontainer1 #market-slider,
#boxcontainer2 #market-slider,
#boxcontainer3 #market-slider {
	width: 1200px;
	padding: 30px 0 0 0;
	margin: 0 auto 0 auto;
}
#footer {
	width: 100%;
	padding: 0;	
}
.cont2,
.videocontainer {
	width: 1200px;
	padding: 30px;
	margin: 0 auto 0 auto;
}
.box_out_2 {
	width: 1200px;
	margin: 0 auto 0 auto;
}
.cont3 {
	padding: 50px 10% 50px 10%;
}
.cont3 section.adr {
	background-size: 300px auto;
	width: 50%;
	float: left;
	padding: 0px 0 50px 320px;	
}
.cont3 section.koop {
	width: 50%;	
	float: right;
}
#mainnav {
	right: 50%;
	top: 101px;
	margin-right: -600px;
}
#mainnav.is_stuck #nav1 {
	right: 50%;
	margin-right: -600px;	
}
#nav1 li a,
#nav1 li span.disabled {
	font-size: 1.4rem;
}
#infonav {

}


/*---content---*/
.list.news img {
	max-width: 100%;
}
h1,
.box_in h1,
.box_out_4 h1 {
	font-size: 1.6rem;
}
h2 {
	font-size: 1.2rem;
}
h3 {
	font-size: 1.1rem;
}




}




@media screen and (min-width: 1369px) { 
html {
	font-size: 100%;
}
#home {
	background-size: 250px auto;
	top: 101px;
	left: 50%;
	width: 250px;
	height: 250px;
	margin-left: -700px;
}
#navcontainer {
	height: 100px;
}
#frame {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}
#contframe {
	width: 100%;
	padding: 0;
}
#contin,
.box_out_4 .section,
.box_in .section,
.bslist {
	width: 1200px;
	margin: 0 auto 0 auto;
}
.dir17 #contframe,
.dir17 #contin {
	width: 100%;	
	padding: 0;
}
#tblock {
	width: 300px;
}
.box_out .linkwrapper {
	width: 300px;
	height: 230px;
}
.box_out #boxlinks {
	width: 280px;
}
#boxcontainer1 #market-slider,
#boxcontainer2 #market-slider,
#boxcontainer3 #market-slider {
	width: 1200px;
	padding: 30px 0 0 0;
	margin: 0 auto 0 auto;
}
#footer {
	width: 100%;
	padding: 0;	
}
.cont2,
.cont43,
.videocontainer {
	width: 1200px;
	padding: 30px;
	margin: 0 auto 0 auto;
}
.box_out_2 {
	width: 1400px;
	margin: 0 auto 0 auto;
}
.cont3 {
	padding: 50px 10% 50px 10%;
}
.cont3 section.adr {
	background-size: 300px auto;
	width: 50%;
	float: left;
	padding: 0px 0 50px 320px;	
}
.cont3 section.koop {
	width: 50%;	
	float: right;
}
.cont21,
.cont38 {
	height: 500px;
}
#mainnav {
	right: 50%;
	top: 101px;
	margin-right: -600px;
}
#mainnav.is_stuck #nav1 {
	right: 50%;
	margin-right: -600px;	
}
#nav1 li a,
#nav1 li span.disabled {
	font-size: 1.3rem;
}
#infonav {

}



/*---content---*/
.list.news img {
	max-width: 100%;
}
h1,
.box_in h1,
.box_out_4 h1 {
	font-size: 1.6rem;
}
h2 {
	font-size: 1.2rem;
}
h3 {
	font-size: 1.1rem;
}





}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { 

}