@charset "utf-8";
/* override CSS */

body {
	font-family: 'MuseoSans', sans;
	background-color: #FAFAFA;
}

.navbar {
	margin: 0;
	min-height: 100px;
}

.navbar-brand, .navbar-nav.navbar-right:last-child {
	font-family: 'MuseoSans', sans;
	margin-top: 20px;
}

.navbar-default {
	background-color: #FFF;
	border: 0 none;
}

.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
	-moz-transition: ease-in-out .3s;
	-ms-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	-webkit-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #E3E3E3;
}

.dropdown-menu {
	box-shadow: none;
	min-width: 119px;
}

.carousel-caption h3 {
	text-shadow: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 42px;
	color: #000;
}

.carousel-caption {
	padding-bottom: 290px;
}

.carousel-control {
	opacity: 1;
}
.carousel-control .icon-next:before, .carousel-control .icon-prev:before {
	display: none;
}

span.icon-next {
	width: 31px;
	height: 71px;
	background: url(../img/next.png) no-repeat;
}

span.icon-prev {
	width: 31px;
	height: 71px;
	background: url(../img/previous.png) no-repeat;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
	width: 37px;
	height: 71px;
}

.om {
	margin-top: 30px;
}

.container-full-width {
	width: 100%;
	border-top: 1px solid #dcdcdc;
	margin-top: 80px;
	padding-top: 80px;
}

h3 {
	font-family: 'MuseoSans', sans;
	text-align: center;
	font-weight: 700;
	font-size: 28px;
	text-transform: uppercase;
	color: #000;
}

h4 {
	font-family: 'Neuton', serif;
	text-align: center;
	text-transform: none;
	font-size: 16px;
	font-weight: 200;
	color: #000;
	font-style: italic; 
	letter-spacing: 2px
}

h5 {
	font-family: 'MuseoSans', sans;
	text-align: left;
	font-weight: 700;
	font-size: 28px;
	text-transform: uppercase;
	color: #000;
}

h6 {
	font-family: 'MuseoSans', sans;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
}

h7 {
	font-family: 'Georgia', serif;
	font-weight: 300;
	font-size: 14px;
	text-transform: none;
	color: #000;
	line-height: 1.7;
}

.center {
	text-align: center;
}

.center span {
	text-transform: uppercase;
}

.center  {
	font-size: 16px;
}

.pic {
	background-color: #f2f2f2;
	height: 250px;
}

span.hello, span.heart, span.book, span.pen {
	display: block;
	margin: 0 auto;
	width: 60px;
}

.form-control {
	border: 3px solid #dcdcdc;
	border-radius: 0;
	box-shadow: none ;
	text-transform: uppercase;
	color: #000;
}

form p {
	text-align: center;
	font-weight: 900;
	margin-bottom: 0;
}

input#senden {
	display: block;
	border: 3px solid #dcdcdc;
	background-color: transparent;
	font-weight: 900;
	background: url(../img/mail-senden.png) no-repeat 5px 7.5px;
	padding: 5px 5px 5px 30px;
	margin: 20px auto 0 auto;
	-moz-transition: ease-in-out .3s;
	-ms-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	-webkit-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}

input#senden:hover {
	border: 2px solid #E3E3E3;
}

.form-control:focus {
  border-color: #E3E3E3;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#footer a{
	color: #000;
	-moz-transition: ease-in-out .3s;
	-ms-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	-webkit-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}

#footer a:hover{
	color: #E3E3E3;
	text-decoration: none;
}

/* INFO - CSS */

#info, #galerie {
	margin-top: 100px;
	padding-top: 50px;
}

span.hello-2, span.heart-2, span.book-2, span.pen-2 {
	display: inline-block;
	width: 60px;
}

.hover-background {
	font-family: 'MuseoSans', serif;
	background-color: #000;
	position: relative;
}

.hover-background img {
	-moz-transition: ease-in-out .3s;
	-ms-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	-webkit-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}

.hover-background a span {
	position: absolute;
	display: none;
	color: #FFF;
	top: 50%;
	width: 100%;
	text-align: center;
	margin: -20px 0 0 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 900;
}

.hover-background a:hover span {
	display: inline-block;
}

.hover-background a:hover img {
	opacity: .3;
}

/* CONTACT - CSS */

.contact p, .contact h4 {
	text-align: left;
}

.contact span.hello {
	margin: 0;
}

.contact ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.contact ul li {
	display: inline-block;
	margin-right: 53px;
}

.contact ul li a {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 900;
	color: #000;
}

.contact ul li:nth-child(4) {
	margin-right: 0;
}

.contact ul li a:hover {
	text-decoration: none;
}

.formular {
	margin-top: 125px;
}

.formular input#senden {
	display: block;
	border: 3px solid #dcdcdc;
	background-color: transparent;
	font-weight: 900;
	background: url(../img/mail-senden.png) no-repeat 10px 7.5px;
	padding: 5px 10px 5px 40px;
	margin: 20px 0 0 0;
	-moz-transition: ease-in-out .3s;
	-ms-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	-webkit-transition: ease-in-out .3s;
	transition: ease-in-out .3s;
}

input#senden:hover {
	border: 3px solid #000;
}

.formular .form-control {
	border: 3px solid #dcdcdc;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none ;
	text-transform: uppercase;
	color: #000;
}

/* PROJEKTE - CSS */


.galerie h4 {
	font-weight: 200;
	font-size: 24px;
	text-align: left;
	padding: 0;
	margin: 0;
}

#galerie {
	position: relative;
}

a.close-button, a.next-button, a.prev-button {
	position: absolute;
	transition: all .3s;
}

a.close-button {
	right: 50px;
}

a.next-button {
	right: 50px;
	margin-top: 305px;
}

a.prev-button {
	left: 50px;
	margin-top: 305px;
}

a.next-button:hover, a.prev-button:hover, a.close-button:hover {
	opacity: .5;
}

.copyright {
	text-align: center;
	font-size: 16px;
	font-weight: 900;
	background-color: #FFF;
	padding: 50px 0;
}


@media (max-width: 1280px) {

a.close-button img, a.next-button img, a.prev-button img {
	width: 20px;
}

a.close-button {
	right: 20px;
}

a.next-button {
	right: 20px;
	margin-top: 305px;
}

a.prev-button {
	left: 20px;
	margin-top: 305px;
}
}

@media (max-width: 1024px) {

a.close-button img, a.next-button img, a.prev-button img {
	width: 20px;
}

a.close-button {
	right: 8px;
}

a.next-button {
	right: 8px;
	margin-top: 305px;
}

a.prev-button {
	left: 8px;
	margin-top: 305px;
}
}

@media (max-width: 768px) {
.carousel-caption h3 {
	text-shadow: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 16px;
	color: #000;
}
	
.navbar-toggle {
	margin-top: 33px;
}
	
a.close-button img, a.next-button img, a.prev-button img {
	width: 20px;
}

a.next-button img, a.prev-button img {
	width: 15px;
}

a.close-button {
	top: 15px;
	right: 30px;
}

a.next-button {
	left: 100px;
	top: 9px;
	margin-top: 0;
}

a.prev-button {
	left: 20px;
	top: 9px;
	margin-top: 0;
}

}

@media (max-width: 600px) {

a.close-button img {
	width: 15px;
}

a.next-button img, a.prev-button img {
	width: 10px;
}

a.close-button {
	top: 15px;
	right: 20px;
}

a.next-button {
	left: 100px;
	top: 15px;
	margin-top: 0;
}

a.prev-button {
	left: 20px;
	top: 15px;
	margin-top: 0;
}
}

@media (max-width: 320px) {
	a.navbar-brand {
		margin-top: 24px;
		width: 230px;
	}
	
	h5 {
		font-size: 24px;

}