@media (max-width: 767px) {
	
	.header-name {
		font-size: 22px;
		}
		
	.header-slogan {
		font-size: 20px;
		line-height: 1;
		}
	
	.header-tel {
		font-size: 20px;
		font-weight: bold;
		line-height: 1;
		}
		
	.header-logo {
		margin-top: 14px;
		margin-right: 14px;
		margin-bottom: 44px;
		}
		
	h1 {
		font-size: 22px !important;		
		}
	
	.img-software {
		width: 100%;
		max-width: 426px;
		}
		
	.img-referenzen {
		width: 100%;
		max-width: 490;
		}
		
	.btn-form {
		margin-right: 10px;
		margin-bottom: 10px;
		}
		
	.col-xs-2-form {
		width: 100%;
		}
	
	.col-xs-3 {
		width: 100%;
		}
		
	.col-xs-3-form {
		width: 100%;
		}
		
	.col-xs-4 {
		width: 100%;
		}
		
	.col-xs-5-form {
		width: 40%;
		}
	
	.col-xs-6 {
		width: 100%;
		}
	
	.col-xs-6-form {
		width: 100%;
		}

	.col-xs-7 {
		width: 100%;
		}
	
	.col-xs-8-form {
		width: 100%;
		}

	.col-xs-10-form {
		width: 100%;
		}

	.col-xs-12-form {
		width: 100%;
		}

	.col-xs-2-form, .col-xs-3, .col-xs-3-form, .col-xs-4, .col-xs-5-form, .col-xs-6, .col-xs-6-form, .col-xs-7, .col-xs-8-form, .col-xs-10-form, .col-xs-12-form, .col-xs-12, .img-software, .img-referenzen {
		margin: 0px !important;
		padding: 0px !important;
		}		
	
	}
	
@media (min-width: 768px) {
	
	.header-name {
		font-size: 28px;
		}
		
	.header-slogan {
		font-size: 26px;
		}
	
	.header-tel {
		font-size: 24px;
		line-height: 1.5;
		}
	
	.header-logo {
		margin-top: 40px;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	h1 {
		font-size: 24px !important;
		}
	
	.img-software {
		width: 290px;
		}
		
	.img-referenzen {
		width: 285px;
		}

	.col-sm-2-form {
		width: 20%;
		}
		
	.col-sm-3 {
		width: 50%;
		}
	
	.col-sm-3-form {
		width: 20%;
		}
	
	.col-sm-4 {
		width: 320px;
		}

	.col-sm-5-form {
		width: 41.66666667%
		}
		
	.col-sm-6 {	
		width: 50%;
		}
	
	.col-sm-6-form {	
		width: 100%;
		}

	.col-md-7 {
		width: 370px;
		}
	
	.col-sm-8-form {
		width: 80%;
		}
		
	.col-sm-10-form {
		width: 80%;
		}
	
	.col-sm-12-form {
		width: 100%;
		}
	
	}
	
	
@media (min-width: 992px) {
	
	.header-name {
		font-size: 32px;
		}
		
	.header-slogan {
		font-size: 35px;
		}	
		
	.header-tel {
		font-size: 32px;
		line-height: 1.7;
		}
		
	.header-logo {
		margin-top: 27px;
		margin-right: 30px;
		margin-bottom: 30px;
		}	
		
	h1 {
		font-size: 29px !important;
		}

	
	.img-software {
		width: 390px;
		}
		
	.img-referenzen	{
		width: 100%;
		}
	
	.col-md-2-form {
		width: 20%;
		}
		
	.col-md-3 {
		width: 25%;
		}
		
	.col-md-3-form {
		width: 25%;
		}

	.col-md-4 {
		width: 420px;
		}

	.col-md-5-form {
		width: 41.66666667%;
		}

	.col-md-6 {
		width: 50%;
		}

	.col-md-6-form {
		width: 50%;
		}

	.col-md-7 {
		width: 490px;
		}
	
	.col-md-8-form {
		width: 75%;
		}

	.col-md-10-form {
		width: 80%;
		}

	.col-md-12-form {
		width: 100%;
		}

	}
	
	
@media (min-width: 1200px) {

	.header-name {
		font-size: 40px;
		}
	
	.header-slogan {
		font-size: 30px;
		}
		

		
	.header-tel {
		font-size: 30px;
		line-height: 1.7;
		}
		
	h1 {
		font-size:30px !important;
	}
	
	.img-software {
		width: 426px;
		}
	
	.img-referenzen {
		width: 490px;
		}
	
	.col-lg-2-form {
		width: 16.66666667%;
		}
	
	.col-lg-3 {
		width: 25%;
			}
	
	.col-lg-3-form {
		width: 25%;
			}
	
	.col-lg-4 {
		width: 456px;
		}
		
	.col-lg-5-form {
		width: 41.66666667%;
		}
			
	.col-lg-6 {
		width: 50%;
		float: left;
		}
		
	.col-lg-6-form {
		width: 50%;
		float: left;
		}
	
	.col-lg-7 {
		width: 654px;
		}

	.col-lg-8-form {
		width: 66.66666667%;
		}
		
	.col-lg-10-form {
		width: 79.4%;
		}
		
	.col-lg-12-form {
		width: 100%;
		}
		
	}

.col-xs-2-form, .col-xs-3-form, .col-xs-5-form, .col-xs-6-form, .col-xs-8-form, .col-xs-10-form, .col-xs-12-form, .col-sm-2-form, .col-sm-3-form, .col-sm-5-form, .col-sm-8-form, .col-sm-10-form, .col-sm-12-form, .col-md-2-form, .col-md-3-form, .col-md-5-form, .col-md-8-form, .col-md-10-form, .col-md-12-form, .col-lg-2-form,  .col-lg-3-form, .col-lg-5-form, .col-lg-8-form, .col-lg-10-form, .col-lg-12-form {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	}
	

.no-border {
	border: 0px;
		}
		
.no-shadow {
	box-shadow: none !important;
	}

.no-padding {
	padding: 0px !important;
	}
	
.no-margin {
	margin: 0px !important;
	}
	
.header-logo {
	float:left;	
	color: #ff9a01;
	}
	
.header-name {
	margin-top: 5px;
	font-family: Arial;
	font-weight: bold;	
	color: #ff9a01;
	text-shadow: 2px 2px 7px #000;
	}
	
.header-tel {
	margin-top:10px;
	font-family: Arial;
	text-shadow: 2px 2px 7px #000;
	}
	
.header-slogan {
	font-family: Arial;
	font-weight: bold;
	color: #ff9a01;
	text-shadow: 2px 2px 7px #000;
	}
	
.slogan-gray {
	margin-top:4px;
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	text-shadow: 2px 2px 7px #000;
	}
	
.slogan-orange {
	margin-top:4px;
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #ff9a01;
	text-shadow: 2px 2px 7px #000;
	}	

.navbar {
	box-shadow: 0px 0px 7px #000;
	}
	
.jumbotron {
	box-shadow: 0px 0px 7px #000;
	}	
	
.panel {
	box-shadow: 0px 0px 7px #000;
	}
	
h1 {	
	margin-top: -14px;
	line-height: 1.2;
	text-shadow: 2px 2px 7px #000 !important;
	}
	
.h2-slide {
	font-weight: bold;
	text-shadow: 2px 4px 5px rgba(255,255,255,.5)
	}
	
h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	}
	
h3 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	}
	
img {
	box-shadow: 0px 0px 7px #000;
	}
	
.button-100 {
	width: 100%;
	}
	
.img-software {
	margin: 7px;
	}
	
.img-referenzen {
	border: 2px solid #2b3e50;
	}

.align-center {
	text-align: center;
	}
	
.align-left {
	text-align: left;
	}
	
.align-right {
	text-align: right;
	}
	
.align-justify {
	text-align: justify;
	}
	
.float-left {
	float: left;
	}

.float-right {
	float: right;
	}
	
.break {
	clear: both;
	}

.hide {
	display: none;
	}
	
hr { 
	border: 1px solid #df691a;
	}

#SkypeButton_Call_arminstarosta_1_paraElement > a > img {
	box-shadow: none;
}	
	
.skype-button {
	box-shadow: none;
	margin:-20px;
	}
	
.facebook {
	border: 2px solid #2b3e50
	}

#nachname:valid, #email:valid, #telefon:valid, #nachricht:valid {
	border: 4px solid #5cb85c;
	}

.g-recaptcha > div, .g-recaptcha > div > textarea {
	margin: 0px auto !important;
	padding: 0px !important;
	}

.map {
	border: 2px solid #df691a;
	border-radius: 14px;
	}

footer {
	margin-top: 14px;
	text-align: center;
	}