/* Standard-Design für Handys (keine Media Query nötig) */
.container {
  width: 100%;
}

/* Ab 768 Pixel Bildschirmbreite (Tablets und größer) */
@media (min-width: 768px) {
  .container {
    width: 750px;
  }

	h1 {
		text-align: left !important;
	}
	
	h2 {
		text-align: left !important;
	}	

	.img-logo-div {
		width: 400px !important;
		margin-right: 30px;
	}
	
	.img-fotter-div {
		width: 33%;
	}

}

/* Ab 992 Pixel Bildschirmbreite (Desktops und größer) */
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
		
	h1 {
		text-align: left !important;
	}
	
	h2 {
		text-align: left !important;
	}	

	.img-logo-div {
		width: 400px !important;
		margin-right: 30px;
	}

	.img-fotter-div {
		width: 33%;
	}

}

/* Ab 1200 Pixel Bildschirmbreite (Desktops und größer) */
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

	h1 {
		text-align: left !important;
	}

	h2 {
		text-align: left !important;
	}	
	
	.img-logo-div {
		width: 400px !important;
		margin-right: 30px;
	}
	
	.img-fotter-div {
		width: 33%;
	}

}
	
.float-right {
	float: right;
}
	
.float-left {
	float: left;
}

.float-clear {
	clear: both;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.img-logo {
	width: 100%;
}

.img-logo-div {
	width: 100%;
	text-align: center;
}

h1 {
	color: #ee7312;
	text-shadow: 3px 3px 5px #000000;
	text-align: center;
}

h2 {
	color: #f9b233;
	text-shadow: 3px 3px 5px #000000;
	text-align: center;
}

.slogan-bs {
	color: #ee7312;
}

.slogan-help {
	color: #ee7312;
}

.tel-header {
	color: #f9b233;
}

.img-fotter-div {
	width: 100%;
}

.hide {
	display: none;
}