/* Your CSS codes here */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);

body {
	font: 22px "Times New Roman", Times, serif;
}

/* @group Grundeinstellungen */

.line-regular {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.line-plain {
	margin: 0;
	padding: 0;
	line-height: 1;
}

.small {
	font-size: 80%;
	line-height: 1.3;
}

bold {
	font-weight: '700';
}

.thin {
	font-weight: '400';
}

.xxxlarge {
	font-size: 500%;
}

.border-bott-no {
	border-bottom: 0px;
}

.marg-no {
	margin: 0;
}

.pad-no {
	padding: 0;
}

.pad-top-no {
	padding-top: 0;
}

.pad-bott-no {
	padding-bottom: 0;
}

.pad-right-5 {
	padding-right: 5px;
}

.pad-left-15 {
	padding-left: 15px;
}

.pad-right-10 {
	padding-right: 10px;
}

.pad-right-30 {
	padding-right: 30px;
}

.pad-top-15 {
	margin-top: 15px;
}

.marg_pad-no {
	margin: 0;
	padding: 0;
}

.marg-top-5 {
	margin-top: 5px;
}

.marg-top-10 {
	margin-top: 10px;
}

.marg-top-15 {
	margin-top: 15px;
}

.marg-top-20 {
	margin-top: 20px;
}

.marg-top-25 {
	margin-top: 25px;
}

.marg-top-30 {
	margin-top: 30px;
}

.marg-top-50 {
	margin-top: 50px;
}

.marg-top-90 {
	margin-top: 90px;
}

.marg-topbott-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.marg-topbott-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.marg-topbott-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.marg-bott-0 {
	margin-bottom: 0;
}

.marg-bott-10 {
	margin-bottom: 10px;
}

.marg-bott-20 {
	margin-bottom: 20px;
}

.marg-bott-30 {
	margin-bottom: 30px;
}

.marg-left-15 {
	margin-left: 15px;
}

.marg-left-30 {
	margin-left: 30px;
}

.marg-right-15 {
	margin-right: 15px;
}

.marg-right-30 {
	margin-right: 30px;
}

.marg-right-50 {
	margin-right: 50px;
}

.marg-15 {
	margin: 15px;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.clearfloat {
	clear: both;
	height: 0;
}


/* @end */

/* @group Colors */

.text-disabled {
	color: #a6a6a6;
}

.color {
	color: #34495e;
}

.dark {
	color: #333;
}

.dark-bg {
	background: #3c3c3c;
}

.grau {
	color: #999;
}

.rot {
	color: #C00;
}

.hellgrau {
	color: #ccc;
}

.white {
	color: #fff;
}

/* @end */


/* ------ Large Displays and TV ------*/
@media (min-width:1600px) {


}

/* ------ Laptops and Tablet Landscape size ------*/

@media (min-width:1280px) {

h1 {
	font-size: 2em;
}

h4 {
	font-size: 1.3em;
}


}

/* ------ Tablet Landscape size to standard devices and browsers ------*/

@media (max-width : 1275px){
	

}

/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/

@media (max-width: 959px){
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}
/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/

@media (max-width: 767px) {

h1 {
	font-size: 1.3em;
}

h4 {
	font-size: 1em;
}
}

/* ------ Mobile Landscape Size (devices and browsers) ------*/

@media (min-width: 567px) and (max-width: 767px) {

.hidden-xls {
    display: none !important;
}
}

/* ------ Mobile Portrait Size (devices and browsers) ------*/

@media (max-width: 320px) {

.hidden-xxs {
    display: none !important;
  }

.col-xxs-12 {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
}