@import url(assets/fitgrid.css);
@import url(webfonts.css);
@import url(colorset/colorset.php);
body {
	margin:0;
	padding:0;
	font-family:'Roboto',sans-serif;
         color:#777;
	height:100%;
	font-size:14px;
	width:100%;
	/*overflow-x: hidden;*/
	overflow-x:auto; 
}
html {
	height:100%;
	width:100%;
	/*overflow-x: hidden;*/
	overflow-x:auto; 
}
h1, blockquote { font-family: 'Lato Light', sans-serif!important;
font-weight:200!important;
}
blockquote {border-left:0px!important; font-size:20px!important; margin-left:10px!important;}
.green {color:#c1d82f !important}
.demo {color:#bbb!important}

.demo, .claim{
    font-family:"Freeland" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    }
h2,h3,h4,h5,h6 {  font-family: 'Lato', sans-serif;
font-weight:200!important;
}

h1 {
	/*text-transform:uppercase;*/
	margin-top:0;
	font-size:1.8em;
	font-weight:100;
}
h4 {
	/*font-size:0.8em;*/
	margin:0;
}
.ifl {
  float:left;
  margin:0 1em 1em 0;
}
.ifr{
  float:right;
  margin:0 0 1em 1em;
}
.clr {
	clear:both;
}
.highlight {background-color:#ffcc00;}
table {
	border-collapse:collapse;
	border: none;
}
table.table {
	clear:both;	
	border-collapse:collapse;
	border: none;	
	border-top: 1px solid #666;
	margin: 20px 0 5px 0;
	width:100%;
	font: 0.85em;	
}
.responsiveVideo, .flex-video {
   position: relative; padding-bottom: 56.25%; padding-top: 30px;  height: 0; overflow: hidden;
}
.responsiveVideo iframe, .flex-video iframe, .responsiveVideo object, .flex-video object, .responsiveVideo embed, .flex-video embed  {
   position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.bildrechts {float:right; margin-left:10px;}
.bildlinks {float:left; margin-right:10px;}
.picfull {width:100%; height:auto;}
.pic2left {float:left; max-width:49%; margin: 3px 1% 2px 0; height:auto;}
.pic2right {float:right; max-width:49%; margin: 3px 0 2px 0.5%; height:auto;}
.pic3left {float:left; max-width:32%; margin: 3px 1.5% 2px 0; height:auto;}
.pic3right {float:right; max-width:32%; margin: 3px 0 2px 0.3%; height:auto;}
.pic4left {float:left; max-width:24%; margin: 3px 1% 2px 0; height:auto;}
.pic4right {float:right; max-width:24%; margin: 3px 0 2px 0.5%; height:auto;}
/*Show and Hide Responsive*/
.hideOnDesktops {display: none;}	
/* Small devices (tablets, up to 768px) */
@media (max-width: 600px) {
	.pic2left, .pic2right {max-width: 100%;  margin: 3px 0 2px 0;}
	.pic3left, .pic3right, .pic4left, .pic4right  {max-width: 49%;}
	/*Show and Hide Responsive*/
	body .hideOnTablets {display: none;}
	.hideOnDesktops {display: block;}
}
/* Small devices (Smartphone, up to <480px) */
@media (max-width: 479px) {
	.pic2left, .pic2right {max-width: 100%;  margin: 3px 0 2px 0;}
	.pic3left, .pic3right, .pic4left, .pic4right  {max-width: 49%;}
	/*Show and Hide Responsive*/
	.hideOnMobiles {display: none;}
	body .hideOnTablets {display: block;}
	body .hideOnDesktops {display: block;}
}