body, p {
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}

.keinumbruch {
	 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 hyphens: none;
	}
.bildquelle img {
	padding: 4px 10px 0px 0px
	}
/*
.slide img {
	opacity: 0.25;
	filter: alpha(opacity=25);
	}*/

.transp10 { opacity: 0.1; filter: alpha(opacity=10) }
.transp20 { opacity: 0.2; filter: alpha(opacity=20) }
.transp30 { opacity: 0.3; filter: alpha(opacity=30) }
.transp40 { opacity: 0.4; filter: alpha(opacity=40) }
.transp50 { opacity: 0.5; filter: alpha(opacity=50) }
.transp60 { opacity: 0.6; filter: alpha(opacity=60) }
.transp70 { opacity: 0.7; filter: alpha(opacity=70) }
.transp80 { opacity: 0.8; filter: alpha(opacity=80) }
.transp90 { opacity: 0.9; filter: alpha(opacity=90) }
.transp100 { opacity: 1; filter: alpha(opacity=100) }

.flieder {
	background: #d2c7d6 /*A68FAE*/
	}
.grau {
	background: #dee2e3 /*96A1A6*/
	}
.braun {
	background: #A59685;
	background: #e4dfda;
	}
.overlayer {
	background: black; 
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	left: 0px;
	top: 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.65+19,0.1+38,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.65) 19%, rgba(255,255,255,0.1) 38%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 19%,rgba(255,255,255,0.1) 38%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 19%,rgba(255,255,255,0.1) 38%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.post, .recent-post {
  height: auto;
  margin-bottom: 10px;
  padding: 50px 40px 30px !important;
  background: #fff;
  background-position: 50% 40%;
  }
h1, h2, h3 { 
	font-family: 'Michroma', sans-serif;
	text-transform: uppercase
}

.impressum h1, .impressum h2, .impressum h3 {
font-size: 20px;
padding-top: 0px;
color: #a48dac;
/*
border-bottom: 1px solid #e0e0e0;
padding-bottom: 10px;
margin-bottom: 10px;
*/
}

.logo-sticky {
  margin-left: 0px;
  /*
    background: #333;
	width: 44px;
  height: 44px;*/
  text-align: center;
  position: fixed;
  left: 0px; }



header ul {
	font-family: 'Michroma', sans-serif;
}
header ul li a:hover {
	color: #a48dac;
	}

.pano-ratio {
	position: relative;
	padding-bottom: 80%;
	height: 0;
}

#panorama {
				width: 100%;
				height: 100%;
}

.pano-inhalt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;	
}

.abstand {
	border-bottom:10px solid #f5f5f5;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

h1 {
  font-size: 3rem; }

h2 {
  font-size: 2.375rem; }

h3 {
  font-size: 1.5rem; }

h4 {
  font-size: 1.375rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }
  
.slow { 
	-webkit-animation-duration: 2s;
	  animation-duration: 2s;
}
.slide .inner {
  padding-top: 40%;
  padding-left: 10%;
  position: relative; 
  }

  .slide .inner h1 {
    font-weight: bold;
    font-size: 80px;
    line-height: 1.1em;
    margin-bottom: 40px;
		color: #ffffff;
text-shadow: 0px 0px 25px rgba(46, 39, 31, 0.25);}


@media only screen and (min-width:40.0625em) {
header ul {
  font-size: 50px;
  line-height: 1.5;
  }
  
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 2.15rem; }
  h2 {
    font-size: 1.8rem; }
  h3 {
    font-size: 1.575rem; }
  h4 {
    font-size: 1.25rem; }
  h5 {
    font-size: 1.05rem; }
  h6 {
    font-size: 1rem; } 
    
.slide .inner {
  padding-top: 40%;
  padding-left: 10%;
  position: relative; 
  }

  .slide .inner h1 {
    font-weight: bold;
    font-size: 50px;
    line-height: 1.1em;
    margin-bottom: 20px;
}



}

    @media only screen and (max-width: 40em) {
header ul {
  font-size: 30px;
  line-height: 1.5;
  }
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 1.4rem; }
  h2 {
    font-size: 1.2rem; }
  h3 {
    font-size: 1.075rem; }
  h4 {
    font-size: 1.0rem; }
  h5 {
    font-size: 0.85rem; }
  h6 {
    font-size: 0.75rem; } 

.post, .recent-post {
  height: auto;
  margin-bottom: 10px;
  padding: 10px !important;
  background: #fff;
  background-position: 50% 40%;
  }

p, ul, ol, dl {
    font-size: 0.85rem;
    font-weight: normal;
    line-height: 1.6;
    color: #3e3e3e;
}
    
.header-intro { padding: 60px;}   

.slide .inner {
  padding-top: 40%;
  padding-left: 10%;
  position: relative; 
  }

  .slide .inner h1 {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 0px;
}

 
}

@media only screen and (min-width:64.0625em) {

.abstand {border-right: 20px solid #f5f5f5
}
.pano-ratio {
	position: relative;
	padding-bottom: 50%;
	height: 0;
}

header ul {
  font-size: 70px;
  line-height: 1.5;
  }
.slide .inner {
  padding-top: 35%;
  padding-left: 10%;
  position: relative; 
  }

  .slide .inner h1 {
    font-weight: bold;
    font-size: 70px;
    line-height: 1.1em;
    margin-bottom: 60px;
}

}