.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body, html { height:100%; }
body { overflow-x:hidden; position:relative;
 /* padding-top: 80px; */
  color: #333;
  background:#e6e6e6; background-image:url(../images/bg.png); background-position:bottom left; background-repeat:no-repeat; background-attachment:fixed; background-color:#f6f6f6;	font-family: Atial, sans-serif;
}
a {
  color: #1d1d1b;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.btn {
  font-weight: 400;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
a:hover,
a:focus {
  color:#222;
  text-decoration: none;
  outline: none;
}

#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
}
#footer a {
  color: #bbb; 
}
#footer a:hover {
  color:#f39321;
}
#footer ul {
  list-style: none;
   clear:both; float:left; margin-left:0 !important; padding-left:0 !Important;
}
#footer ul > li {
}




p { margin-bottom:1.8em;}
p a { text-decoration:underline;}



h1 { font-size:100px; font-weight:400; margin:0 0 5px 0; font-family: 'Amatic SC', cursive; }
h2 { font-size:50px; font-weight:400; margin:0 0 55px 0; color:#d27376; font-family: 'Amatic SC', cursive;}
h3 { font-size:30px; font-weight:700; margin:0 0 5px 0;  font-family: 'Amatic SC', cursive;}
h4 { font-size:20px; font-weight:400; margin:0 0 25px 0; color:#d27376; font-family: 'Amatic SC', cursive;}
#home { padding-top:100px;}
#ueber-uns, #leistungen, #extras, #photographer { background:#fff; z-index:-1; padding:20px 0;}
#impressionen { z-index:999;  padding:100px 0;}
#kontakt { background:#d27376; color:#fff !important; padding:100px 0;}
#kontakt h2, #kontakt h4 { color:#fff;}
#footer { background:#707173;}
#footer h3 { font-size:25px !important; margin:0 !important}
#footer h4 { font-size:20px !important;  margin-bottom:15px !important}

#nav { border-top:none !important; background:#f5f5f5; padding:15px 0;}
.navbar { background: url(../images/seamless_paper_texture.jpg); z-index:10000;}
section { background:#fff;}

#home-slider {
	position: relative;
	overflow: hidden;
	height: 100%;
}

#home-slider .overlay { 
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=5);
	z-index: 0;
}

#home-slider .slider-text {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -585px;
	width: 1170px;
	height: 250px;
	text-align: center;
	z-index: 2;	
}

#home-slider #slidecaption {
	width: 100%;
	margin: 0;
	text-align: center;
	text-shadow: none;	
}

#home-slider .slide-content {
	font-size: 60px;
	color: #FFFFFF;
	letter-spacing: -3px;
	text-transform: uppercase;	
}

#home-slider .control-nav {
	position: absolute;
	width: 100%;
	background: #2F3238;
	height: 50px;
	bottom: 0;
	z-index: 2;
}
#main-slider  { 
  position: fixed; left:0; top:0; right:0; bottom:0; height:100%; z-index:-1; padding:0;
}
#main-slider .carousel { height:100%;}
#main-slider .carousel-inner, #main-slider .item { height:100%;}
#main-slider .carousel h2 {
  font-size: 60px; text-indent:0 !important
}
#main-slider .carousel .btn {
  border: 3px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  border-radius: 0;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background: none;
  display: inline-block;
}

.boxed .more { text-align:right; clear:both; font-weight:700; text-decoration:none; float:right; color:#db0132; }
.boxed .more:hover { color:#cbb165; }

#main-slider .carousel .boxed h2 {
	margin:0; font-weight:700; font-size:40px; color:#fff;
}
#main-slider .carousel .boxed h3 {
	margin:0; font-size:20px; font-weight:300; color:#db0132;
}
#main-slider .item {
  background-position: center !Important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 100%;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms; color:#fff;
}
#main-slider hr { margin:0 auto;}
#main-slider a { text-transform:uppercase; color:#fff; display:block; padding:15px;}
#main-slider a:hover { font-size:20px; font-weight:700;}
#main-slider  .item:first-child {
  top: auto;
  position: relative;
}
#main-slider  .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}

.shadow { box-shadow:0px 0px 3px 1px #333; -moz-box-shadow:0px 0px 3px 1px #333; -webkit-box-shadow:0px 0px 3px 1px #333;}
.inner-shadow { box-shadow:0px 0px 3px 1px #999 inset; -moz-box-shadow:0px 0px 3px 1px #999 inset; -webkit-box-shadow:0px 0px 3px 1px #999 inset;}

/* navigation */
nav {
    width:300px;
    background-color:rgb(240,240,240);
    border:solid 1px rgb(220,220,220);
    padding:0 12px;
}

nav.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    margin-top:12px;
}

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

nav li {

}

nav li a {
    color:rgb(50,50,50);
    font-weight:700;
}

a.nav-active {
    color:#ccc;
}

.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

.portfolio-item .desc { position:absolute; left:0; bottom:0; padding:10px 0; text-align:center; background:rgba(255,255,255,0.8); width:100%;}

.portfolio-item .overlay .preview {
  position: absolute;
  top: 50%; left:50%;
  margin: -40px 0 0 -40px;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}

.overlay .btn { -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
	padding: 30px 33px;
}

.superhide { display:none !Important;}

.scroll { position:absolute; top:-200px; left:50%; margin:-65px 0 0 -200px;   -webkit-transition: top .5s;
  -moz-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
}

#social-media li{ list-style:none; display:inline-block}
#social-media li a:hover, #social-media li a:focus { background:#c36366; color:#fff !important;}

.quote {  font-family: 'Amatic SC', cursive; font-size:30px;  font-weight:700;}
.red {  color:#d27376;}
.kundengalerie  a{ background:#333; color:#fff !important;}
.kundengalerie  a:hover{ color:#333 !important;}

.desc h3 { font-size:18px;}

 h4.panel-title { font-size:30px; cursor:pointer;}
 .panel-heading:hover { box-shadow:0px 0px 3px 1px #999; -moz-box-shadow:0px 0px 3px 1px #999; -webkit-box-shadow:0px 0px 3px 1px #999;}
 
 .logo {position: absolute; left:50%; top:-200px; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition: top .5s;
  -moz-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;}
 .logo.in { top:50%;}
 
#footer {left:0; right:0; bottom:-300px; padding-top:40px; position:fixed; -webkit-transition: bottom .75s;
  -moz-transition: bottom .75s;
  -o-transition: bottom .75s;
  transition: bottom .75s; background:#333; background-size:cover; background-position:center; color:#ddd}
  
  #footer.in { bottom:0;}
  
  @media (max-width:400px) {
	.logo, .logo.in { left:10%; -webkit-transform:translate(-5%,-50%);-moz-transform:translate(-5%,-50%); -o-transform:translate(-5%,-50%); -ms-transform:translate(-5%,-50%); transform:translate(-5%,-50%);}
  }