@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,800,800i');

html {
	overflow-y: scroll;
}

/* generalHTML */
body {
	background: #7c7d7a;
	font-family: Georgia, serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif !important;
}
p {
	font-size: 1.1rem;
}

.open {
	font-family: 'Open Sans', sans-serif !important;
	letter-spacing: 1px;
	font-weight: 700;
}

/* logo, nav */

.logo {
	width: 200px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.menu, .menu a, .menu a:active {
	color: #fff;
	margin-bottom: 15px;
}
.menu > li {
	padding-right: 30px; 
}
.menu .active {
	border-bottom: 3px solid #fff;
}
a[href^="mailto"] { text-decoration: underline; }

/* elements */
.white {
	color: #fff;
}
.dLine {
	border-top: 2px dashed #fff;
}
.dLineBottom {
	border-bottom: 2px dashed #fff;
}
.title {
	font-size: 1rem;
	text-transform: uppercase;
}

.padding-20 {
	padding: 25px 0 10px 0; 
}
.margin-left-20 {
	margin-left: 20px;
}
.margin-left-nav {
	margin-left: 32px;
}
.alignNavEcho {
	margin-left: 50px; 
}
.alignNavEcho2 {
	margin-left: 16px; 
}
.alignNavEcho3 {
	margin-left: 62px; 
}
.alignNavLG {
	margin-left: 65px; 
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.margin-top-20 {
	margin-top: 20px; 
}
.neg-margin-top-35 {
	margin-top: -35px; 
}
.noP {
	margin-bottom: 0 !important;
}
.noP2 {
	padding: 0 !important;
}

#lichtsammler h1, h2, h3, h4 {
	font-family: Georgia,serif !important;
}

.zitat, .zitat p {
    font-size: 1.65em;
    font-style: italic;	
	letter-spacing: 1px;
}
.center {
	text-align: center;
}
#echo .newMedium-6 {
	width: 45% !important;
}

/* slider */

.lSSlideOuter .lSPager.lSGallery {
	margin: 50px auto 50px auto !important; 
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
	border: 3px solid #fff;
	border-radius: 0 !important; 
}

.gallery.thumbnails {
    margin-bottom: 15px;
}

.gallery.thumbnails li img {
	height: 400px;
	width: auto !important;
	margin: 0 auto; 
}

.paginationTile {
    float: right;
    left: 50px;
    position: relative;
    top: -165px;
}

.prev {
	float: left;
    left: -45px;
    margin-right: -26px;
    position: relative;
    top: 65px;
}

.paginationTile a {
	font-size: 2.5em;
	font-weight: 100 !important;
	padding-top: 26% !important;
}

/* Thumbnails */
.thumb-box {
  padding: 1.4em 0 1em;
  margin-left: 0 auto;
}
.thumb-box ul {
	text-align: center; 
	margin-bottom: 0;
}
.thumb-box .thumbs li {
  display: inline-block;
  width: 120px;
  text-align: center;
  padding: 0;
  list-style: none;
  margin-bottom: 20px; 
}
.thumb-box .thumbs li img {
	width: 100%;
	opacity: .8;
	border: 4px solid transparent;
	-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;	  
}
.thumb-box .thumbs li img.active {
  border-color: white;
  opacity: 1;
}
.thumb-box .thumbs li:hover img {
  opacity: 1;
}

/* Gondel */

.gondelKategorien {
	background-size: cover;
	height: 200px;
	max-width: 300px;
	position: relative;
}
.gondelKategorien p {
	font-family: 'Open Sans', sans-serif !important;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding-top: 29%;
	position: relative;
	z-index: 999;
	width: 150px;
	line-height: 1.1em;
	margin: 0 auto;
}
.gondelKategorien a, .gondelKategorien a:active {
	color: #fff;
}
.gondelKategorienBG { 
	height: 100%;
	width: 100%;
	position: absolute;
	background: rgba(0,0,0,.3);
	-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;		
}
.gondelKategorienBG:hover { 
	background: rgba(0,0,0,.0);
}

@media (min-width:40.01em) and (max-width: 64em) { 

.margin-left-20, .alignNavLG, .alignNavEcho { margin: 0; }

.alignNavEcho2 {  margin-left: 13px; }
.alignNavEcho3 {  margin-left: 27px; }

#echo .newMedium-6 {
	width: 42% !important;
}

.margin-left-nav { margin-left: 15px;  }

.gondelKategorien p { padding-top: 23%; }

}

@media (max-width: 40em) { 

.menu > li {
    display: block;
    margin: 0 auto;
    padding-right: 0;
    text-align: center;
    width: 50%;
}
.menu {
	margin-bottom: 40px;
}

.gondelKategorien {
	height: 300px;
	max-width: 450px;
}

.margin-left-20, .alignNavLG, .alignNavEcho, .alignNavEcho2, .alignNavEcho3, .margin-left-nav { margin: 0; }
.gondelKategorien p { padding-top: 30%; }
.columnsMobKorr .columns { padding: 0;  }
.padding-20 {}
#echo .newMedium-6 {
	width: 98% !important;
}

.gallery.thumbnails li img {
	max-width: 100%;
	height: auto;
}


}

@media (max-width: 25em) { 

.gondelKategorien p { padding-top: 45%; }

}