/* Abdo's Glasreinigung CSS */

@font-face {
    font-family: 'SP-Light';
    src: url('../fonts/SofiaProLight-webfont.eot');
    src: url('../fonts/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SofiaProLight-webfont.woff') format('woff'),
         url('../fonts/SofiaProLight-webfont.ttf') format('truetype'),
         url('../fonts/SofiaProLight-webfont.svg#SofiaProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SP-Regular';
    src: url('../fonts/SofiaProRegular-webfont.eot');
    src: url('../fonts/SofiaProRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SofiaProRegular-webfont.woff') format('woff'),
         url('../fonts/SofiaProRegular-webfont.ttf') format('truetype'),
         url('../fonts/SofiaProRegular-webfont.svg#SofiaProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SP-Bold';
    src: url('../fonts/SofiaProBold-webfont.eot');
    src: url('../fonts/SofiaProBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SofiaProBold-webfont.woff') format('woff'),
         url('../fonts/SofiaProBold-webfont.ttf') format('truetype'),
         url('../fonts/SofiaProBold-webfont.svg#SofiaProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	font-family: SP-Light, helvetica-neue, helvetica, arial, sans-serif;
	/*font-weight: 100 !important;*/
}

p {
	font-size: 1.4em;
	line-height: 1.6em;
	color: #333333;
	margin: 80px auto 0 auto !important;
	padding-right: 40px;
}


p.follow_h2 {
	font-size: 1.4em;
	line-height: 1.6em;
	color: #333333;
	margin: 20px auto 0 auto !important;
}

h1 {
	font-family: SP-Light, Helvetica, helvetica-neue, Arial, sans-serif !important;
	text-transform: none;
	color: #333333;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: 0;
	font-size: 3.5em;
	line-height: 1.2em;
}

h2 {
	font-family: SP-Bold, Helvetica, helvetica-neue, Arial, sans-serif !important;
	text-transform: none;
	color: #333;
	font-weight: normal !important;
	font-style: normal !important;
	letter-spacing: 0;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-top: 50px;
}

.contact h2 {
	margin-top: 83px;
}

strong {
	font-family: SP-Bold, helvetica, Helvetica, helvetica-neue, Arial, sans-serif !important;
}




/* Header */

header {
	margin-top: 0;
	height: auto;
	width: 100%;
	background-color: rgba(255,255,255, 0.7);
	position: relative;
	z-index: 100000;
	overflow: hidden;
}

header img {
	float: left;
	display: inline;
	height: 82px;
	width: auto;
	margin: 20px 0 22px 0;
	cursor: pointer;
}


.stage {
	background-color: #ccc;
	height: 500px;
	width: 100%;
	background: url(../img/header_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.stage_intro {
	margin: 170px 0 0 0;
}


/* List */

ul li {
	list-style-image: url(../img/list_icon@2x.png);
	font-size: 1.4em;
	line-height: 1.6em;
	padding: 0 0 0 6px;

}

ul {
	padding: 0;
	margin: 40px 0 0 21px;
}

dl {
	margin: 30px 0 40px 0;
	display: block;
}

dt {
	width: 100%;
	height: auto;
	font-family: SP-Bold, Helvetica, helvetica-neue, Arial, sans-serif !important;
	font-weight: normal !important;
	font-size: 1.4em;
	line-height: 3em;	
	margin: 10px 0 0 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*dt:hover {
	background: #eaf0f2;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-left: 10px;
}*/

dd {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 10px;
	padding-right: 40px;
}

dt img {
	margin: -3px 6px 0 0;
}


/* Inputs */

input[type=text] {
	background: #eaf0f2;
	border: 1px solid #bcdce7;
	height: 40px;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	font-family: inherit;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333333;
	padding: 0 10px 0 10px;
}

input[type=text]{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 0 10px 0 10px;
	border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

label {
	margin-top: 20px;
	display: block;
	float: left;
	font-family: inherit;
	font-weight: normal !important;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #333333;
}

textarea {
	width: 100%;
	height: 200px;
	background: #eaf0f2;
	border: 1px solid #bcdce7;
	display: block;
	float: left;
	position: relative;
	font-family: inherit;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #333333;
	padding: 10px 10px 0 10px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	border: 1px solid #DDDDDD;
}

button {
	background: #02a6d8;
	height: 50px;
	width: 150px;
	color: #fff;
	font-family: inherit;
	font-size: 1.2em;
	border: none;
	outline: none;
	position: relative;
	display: block;
		-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

button:hover {
	background: #35bce5;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

button:active {
	background: #039dcc;
	-webkit-transition: all 0 ease-in-out;
	-moz-transition: all 0 ease-in-out;
	-o-transition: all 0 ease-in-out;
	transition: all 0 ease-in-out;
}

span.small {
	margin: 10px 0 20px 0;
	display: block;
}

.alert {
	display: none;
	margin-top: 30px;
}

.alert-error {
	background: rgba(255,0,0,0.4);
}



/* Footer */

footer {
	background: #595160;
	width: 100%;
	height: 230px;
	margin-top: 84px;
	padding: 44px 0 60px 0;
}

footer img {
	float: left;
	display: inline-block;
	height: 46px;
	width: auto;
	margin: 46px 0 0 0;
	cursor: pointer;
}

footer a {
	color: #fff;
	text-decoration: underline;
	margin-right: 8px;
}

footer a:last-of-type {
	margin-right: 0;
}

footer a:hover {
	color: #428bca;
	text-decoration: underline;
}

address {
	display: inline-block;
	float: right;
	text-align: right;
	color: #fff;
}



/* Datenschutz */

.datenschutz p {
	font-size: 1.4em;
	line-height: 1.6em;
	color: #333333;
	margin: 24px 0 0 0 !important;
	padding-right: 0;
}

p.link-back {
	margin-top: 80px !important;
}

.datenschutz-liste {
	margin-top: 40px;
}

.datenschutz-hinweis h3{
	font-size: 85%;
	text-decoration: underline;
}






@media (min-width: 992px) and (max-width: 1024px) {





}

@media (min-width: 769px) and (max-width: 991px) {


}


@media (min-width: 480px) and (max-width: 768px) {

p {
	padding-right: 0;
}

dd {
	padding-right: 0;
}


/* Footer */

footer {
	background: #595160;
	width: 100%;
	height: auto;
	margin-top: 84px;
	padding: 30px 0 30px 0;
}

footer img {
	float: left;
	display: block;
	height: 46px;
	width: auto;
	margin: 10px 0 0 0;
	cursor: pointer;
}

address {
	float: left;
	position: relative;
	display: block;
	text-align: left;
	color: #fff;
	clear: both;
	margin-top: 30px;
}



}

@media (max-width: 480px) and (max-height: 320px) {

header img {
	float: left;
	display: inline;
	height: 50px;
	width: auto;
	margin: 20px 0 22px 0;
}

h1 {
	font-size: 2em;
	line-height: 1.2em;
}

.stage {
	background-color: #ccc;
	height: 300px;
	width: 100%;
	background: url(../img/header_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.stage_intro {
	margin: 80px 0 0 0;
}

p {
	padding-right: 0;
	margin: 40px auto 0 auto !important;
}


dd {
	padding-right: 0;
}

/* Footer */

footer {
	background: #595160;
	width: 100%;
	height: auto;
	margin-top: 84px;
	padding: 30px 0 30px 0;
}

footer img {
	float: left;
	display: block;
	height: 46px;
	width: auto;
	margin: 10px 0 0 0;
	cursor: pointer;
}

address {
	float: left;
	position: relative;
	display: block;
	text-align: left;
	color: #fff;
	clear: both;
	margin-top: 30px;
}



}

@media (min-width: 320px) and (max-width: 479px) {

header img {
	float: left;
	display: inline;
	height: 50px;
	width: auto;
	margin: 20px 0 22px 0;
}

h1 {
	font-size: 2em;
	line-height: 1.2em;
}

.stage {
	background-color: #ccc;
	height: 300px;
	width: 100%;
	background: url(../img/header_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.stage_intro {
	margin: 80px 0 0 0;
}

p {
	padding-right: 0;
	margin: 40px auto 0 auto !important;
}


dd {
	padding-right: 0;
}

/* Footer */

footer {
	background: #595160;
	width: 100%;
	height: auto;
	margin-top: 84px;
	padding: 30px 0 30px 0;
}

footer img {
	float: left;
	display: block;
	height: 46px;
	width: auto;
	margin: 10px 0 0 0;
	cursor: pointer;
}

address {
	float: left;
	position: relative;
	display: block;
	text-align: left;
	color: #fff;
	clear: both;
	margin-top: 30px;
}


}