@import url(assets/fitgrid.css);
@import url('https://te-schmidt.de/templates/lesefaken/css/local/hind.css');


body {
	font-family:'Hind', sans-serif;
	color:#666;
	font-size:0.9em;
}
img {max-width:100%; height:auto;}
p {
	text-align:justify;
	font-size: 1.25em;
	font-weight:300;
	line-height:1.5em;
	letter-spacing:0.02em;
	margin:0 0 0.8em 0;
	-moz-hyphens: auto;
   	-o-hyphens: auto;
	-webkit-hyphens: auto;
        -ms-hyphens: auto;
         hyphens: auto; 
}
h1, h2 {
	color:#172646;
}
h1 {
	margin-top: 25px;
	font-size: 3.0em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align:center;
}
h2 {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.36364;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-top: 10px;
}
h4 {
	text-transform:uppercase;
	/*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; }
.piccenter {display: block; margin-left: auto; margin-right: auto; width:70%}
.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;}
}