* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	box-sizing: border-box;
}

html {
	font-size: 16px;
	font-family: 'Lora', serif;
	color: #ffffff;
}

body {	
	background-color: #000000;
	background-color: #000000;
}

.full_height {
	height: 100%;
}

.content {
	padding-top: 80px;
}

.black_transp_bg {
	background-color: rgba(0, 0, 0, 0.7);
	color: #ffffff;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover, a.active {
	color: #00E7E1;
}

nav {
	position: absolute;
	padding: 20px;
	background-color: #000000;
	z-index: 999;
}

nav a {
	margin-right: 30px;	
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
}

nav a:last-child {
	margin-right: 0px;
}

.folderdescription {
	padding: 20px;
    margin: 0px 20px 20px 20px;
	background-color: #abebe8; /*#a3efec*/
	color: #000000;
	font-family: 'Roboto', sans-serif;
	line-height: 1.3;
}

.travels {
	overflow: auto;
	margin-top: -10px;
	padding: 0px 10px 10px 10px;
}

.grid_box {
	width: calc(25% - 20px);
	height: 280px;
	position: relative;
	float: left;
	margin: 10px;	
	padding-top: 155px;
	background-size: cover;
	background-position: center;
}

.title {
	margin-bottom: 5px;
	padding: 7px 10px;
	background-color: #00e7e1;
	color: #000000;
	font-family: 'Oswald', sans-serif;
	font-size: 1.5rem;
	text-transform: uppercase;
}

.date {
	padding: 5px 9px 5px 10px;
}

.title, .date {
	display: inline-block;
}

.turquoiseBg {
	background-color: #00e7e1;
}

.fancybox-caption-wrap, .fancybox-caption {
	padding: 0px;
}

.fancybox-container {
	font-family: inherit;
}

.description {
	padding: 20px;
}

.fancybox-slide > video {
	margin: 0px;
	padding: 0px;	
	background-color: transparent;
}

video {
	width: 100%;
    height: 100%;
}

.play {
	position: absolute;
	margin: auto;
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;
}

/* Start - Detailview Travel */	
.description {
	width: 100%;
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #00e7e1;
	line-height: 150%;
	text-align: left;
	z-index: 999;		
}	
/* End - Detailview Travel */

/* Start - Textpage */
.textbox {
	padding: 0px 20px 20px 20px;
}

.textbox table {
	Width: 100%;
	border-collapse: collapse;
}

.textbox table tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #666666;
	vertical-align: top;
}

.textbox .col1 {
	width: 70px;
}

.textbox .col2 {
	width: 20px;
}

.textbox .col3 {
	width: 100px;
}

.textbox a, .description a {
	color: #00e7e1;
}

.textbox a:hover, .description a:hover {
	color: #ffffff;
}
/* End - Textpage */

@media only screen and (max-width: 1200px) {
	.grid_box {
		width: calc(33.33% - 20px);
	}
}

@media only screen and (max-width: 900px) {
	.grid_box {
		width: calc(50% - 20px);
	}
}

@media only screen and (min-width: 900px) {
	.folderdescription {
		column-count: 2;
		column-gap: 40px;
	}
}

@media only screen and (min-width: 601px) {
	.description_teaser, .description_less {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.grid_box {
		width: calc(100% - 20px);
	}

	.textbox .col3 {
		width: 70px;
	}
	
	.full_description {
		display: none;
	}
}