/* BEGIN Google Fonts */
@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  src: url('./fonts/Open_Sans/OpenSans-Light.ttf') format('truetype'),
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  src: url('./fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'),
}
/* END Google Fonts */

body, html {background-color:#FFFFFF; margin: 0px; padding: 0px; height: 100%; font-family: "Open Sans"; font-weight: 300; color: #333;}
section {width: 100%; margin-left: auto; margin-right: auto; position: relative;}
article {width: 80%; height: auto; margin-left: auto; margin-right: auto;  padding-bottom: 60px; background-color:#FFFFFF; }
#eins {min-height: 100%; background-image: url(img/gesamt.jpg); background-size: cover;}
#zwei {background-color:#FFFFFF; height: auto; padding-top: 50px;}
#drei {
	background-color: #5D5D5D;
	height: 800px;
	background-image: url(img/detail_1.jpg);
	background-size: cover;
	background-position: right 0%;
}
#vier {background-color:#33333; height: auto; padding-top: 50px;}
#fuenf {
	background-color: #FFFFFF;
	height: 600px;
	background-repeat: no-repeat;
	background-image: url(img/bgrd_2.jpg);
	background-size: 100% auto;
	background-position: center center;
}

#fuenf-mobile {
	display: none;
	background-color: #FFFFFF;
	height: 600px;
	background-repeat: no-repeat;
	background-image: url(img/bgrd_2.jpg);
	background-attachment: scroll;
	background-size: 100% auto;
	background-position: center center;
}

#sechs {background-color:#FFFFFF; height: 400px; padding-top: 50px;}
#sieben {background-color:#FFFFFF; height: 765px; background: url(img/bgrd_1.jpg); background-size: cover;}
#acht {background-color:#FFFFFF; min-height: 400px; padding-top: 50px;}

#neun {
	background-color:#FFFFFF; 
	height: 400px; 
	background: url(img/gal1.jpg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

#neun-mobile {
	display: none;
	background-color: #FFFFFF;
	height: 400px;
	background-repeat: no-repeat;
	background-image: url(img/gal1.jpg);
	background-attachment: scroll;
	background-size: 100% auto;
	background-position: center center;
}

#zehn {background-color:#FFFFFF; height: 400px; padding-top: 50px;}


#elf {
	background-color:#FFFFFF; 
	height: 400px; 
	background: url(img/mdj.jpg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}


#zwoelf {background-color:#FFFFFF; height: 400px; padding-top: 50px;}

h1, h2, h3, h4,h5, h6 {
	font-family: "Open Sans";
	font-weight: 300;
	text-transform: uppercase;
	font-style: normal !important;
}

a {color: #FE0105; text-decoration: none;}
a:hover {
	color: #5D5A5A;
	text-decoration: none;
}

p {margin-bottom: 30px !important;}

.one_third_left {width: 33%; float: left; padding-right: 50px;}
.two_thirds_left {width: 50%; float: left; padding-right: 50px;}

.one_third_right {width: 45%; float: left; }
.two_thirds_right {width: 65%; float: left; }

.last-img {margin-right: 20px; margin-bottom: 20px;}

header {width: 80%; margin-left: auto; margin-right: auto;}
header img {margin-top: 40px; float: left;}

#scroll-down {width: 200px; left: 50%; margin-left: -100px; height: 50px; text-align: center; bottom: 25px; position: absolute;}

#malerdesjahres {position: absolute; margin-left: 350px; margin-top: 30px; z-index: 999999999;}

/* Mobile Devices / Very Small Laptops & Netbooks ----------- */
@media screen and (max-width: 1226px) {
/* Styles */

.one_third_left {width: 100%; float: left; }
.two_thirds_left {width: 100%; float: left;}

.one_third_right {width: 100%; float: left; }
.two_thirds_right {width: 100%; float: left; }

.last-img {margin-right: 20px; margin-bottom: 20px;}

}

/* Pretty Photo CSS Bug Fix for iPhone */
@media only screen and (min-width: 320px) and (max-width: 767px) {

/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }

}