html {
	height: 100%;
}

body{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f0eae1;
	width: 100%;
	min-height: 100vh;
}

.main-container{
	max-width: 1024px;
	margin:auto;
	z-index: 10;
}

.max-width{
	width: 100% !important
}

.w33 {
	width: 33%;
}

.w30 {
	width: 30%;
}

.w20 {
	width: 20%;
}

.font-bold{
	font-weight:bold;
}

.right0{
	right:0px;
}

.display-none{
	display:none;
}

.padding-left32{
	padding-left: 32px !important
}

.padding-left16{
	padding-left: 16px !important
}


.padding-right32{
	padding-right: 32px !important
}

.padding-right16{
	padding-right: 16px !important
}

.padding-bottom16{
	padding-bottom: 16px !important
}

.padding-top16{
	padding-top: 16px !important
}

.margin-top32{
	margin-top: 32px !important
}

.clear-both{
	clear: both;
}

.pointer{
	cursor: pointer;
}

.decoration-none{
	text-decoration: none;
}

/* header */
.header-background{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 192px;
	max-height: 20vw;
	background-color: #2c2807;
	z-index: -1;
}

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

nav li{
  float: left;
}

nav li a {
   display: block;
}

.main-menu{
	font-weight: bold;
	position: absolute;
	top: 40px;
	color: #c5aa85;
	z-index: 10;
	float:left;
}

.animate-fading{
	animation:fading 8s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

@media only screen and (max-width: 600px) {
	
	.header-container{
	}
	.slider-container{
		margin-top:48px;
		margin-bottom:6px;
		background-color: #2c2807;
	}
	#bekamentes th
	{
		writing-mode: vertical-lr;
	}
}

@media (min-width: 601px) and (max-width: 992px) {
	.header-container{
	}
	.slider-container{
		margin-top:38px;
		margin-bottom:6px;
		background-color: #2c2807;
	}
}

@media only screen and (max-width: 992px) {
	.social-logos{
		width:10px;
		height: 10px;
		margin-top: 3px;
		margin-right: 3px;
		margin-left: 3px;
	}
}

@media only screen and (min-width: 993px) {
	.slider-container{
		position:absolute;
		top:78.5px;
		background-color: #2c2807;
	}
	
	.header-container{
		position:relative;
		height: 468.5px;
		max-height: 50vw;
	}
	.social-logos{
		width:16px;
		height: 16px;
		margin-right: 5px;
		margin-left: 5px;
	}
}

.animate-top{
	position:relative;animation:animatetop-m 1s}@keyframes animatetop-m{from{top:-300px} to{top:0}}

.sub-menu{
	position:absolute;
	bottom:0px;
	font-size:14px;
}

.front-sub-list{
	background: rgba(84,84,83);
	color:#f5eeeb;
	text-decoration: none;
	font-weight:bold;
	padding: 8px 12px !important 
}

.front-sub-list:hover{color:#000!important;background-color:#ccc!important}
.front-sub-list:focus{color:#000!important;background-color:#ccc!important}
.front-main-list:focus{color:#000!important;background-color:#ccc!important}
.menu-element:focus{color:white!important;}
#close-front:focus{color:white!important;}
.nav-bar:hover{color:white !important}

.own-bar-item{
	padding:8px 16px;
	float:left;
	width:auto;
	border:none;
	display:block
}

.logo-container{
	float:right;
}

.logo{
	height: 32px;
	width:auto;
	padding-bottom: 5px;
	padding-right: 6px;
	padding-left: 6px;
}

/* title upper row */

#search{
	margin-left: 16px !important
}

#mySidebar{
	position:absolute;
	top:0;
	font-weight: bold;
	color: #c5aa85;
	background-color: #2c2807;
	z-index: 200;
	width:260px !important
}
#close-front{
	color: #c5aa85;
	background-color: #2c2807;
	font-weight: bold;
}

#close-front:hover{
	color: white;
}

#ham-btn{
	cursor:pointer;
	padding-right:0px !important
	padding-left:0px !important
	margin-left:0px !important
}

.ham-btn{
	margin-bottom:5px;
	padding-right:0px !important
}

.own-padding{
	padding:8px 8px!important
}

.transparent-button {
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

.ham-main{
	width:260px !important
}

.dropdown-list{
	font-weight: bold;
	color: #c5aa85;
	background-color: #2c2807;
	z-index:200;
}

.menu-element{
	text-decpration: none;
	cursor: pointer;
}

.menu-element:hover{
	color:white !important
}

.url-link{
	background-color: #2c2807;
	color: #c5aa85;
}

.url-link a{
	text-decoration:none;
}

/* startpage content */
.teaser-button{
	height: 44px;
	width:44px;
}

.sub-image{
	position:absolute;
	top:0px;
	z-index:-1;
}

.image-container{
	width:100%;
	height:auto;
}

/* listview */

@media (min-width: 601px) and (max-width: 800px) {
	.listed-element-box{
		font-size:12px;
	}
}

@media only screen and (max-width: 600px) {
	.title-row{
		position:fixed;
		color: #c5aa85;
		top:0px;
		background: rgba(23,25,28,0.9);
		width:100%;
		max-width: 1024px;
		min-height: 40px;
		z-index: 100;
	}
	
	.teaser-container{
		padding-right:0px;
		padding-left:0px;
	}
	
	.sub-teaser-name{
		color:#c5aa85;
		z-index: 1;
		line-height: 16px !important
	}
	
	.teaser-name{
		font-size:24px !important
	}
	
	.own-responsive{
	}
	
	.sub-filter{
		position absolute;
		top:0px;
		width: 1024px;
		height: 102px;
		background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0.7));
		z-index:2;
		max-width:100vw;
		max-height:9.5vw;
	}
}

@media only screen and (min-width: 601px) {
	.title-row{
		position:fixed;
		color: #c5aa85;
		top:0px;
		background: rgba(23,25,28,0.9);
		width:100%;
		max-width: 1024px;
		height: 40px;
		z-index: 100;
	}
	
	.teaser-container{
		padding-right:40px;
		padding-left:45px;
		margin-top:16px;
		margin-bottom:16px;
	}
	
	.sub-teaser-name{
		color:#c5aa85;
		z-index: 1;
		line-height: 20px !important
	}
	
	.teaser-name{
	}
	
	.own-responsive{
		display:table !important
	}
	
	.sub-filter{
		position absolute;
		top:0px;
		width: 1024px;
		height: 102px;
		background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0.5));
		z-index:2;
		max-width:100vw;
		max-height:9.5vw;
	}
}

.listed-element{
	background-color: white;
}

.background-white{
	background-color: white;
}

@media only screen and (min-width: 601px) {
	.listed-element-box{
		margin-right:1%;
		margin-left:1%;
		width: 31% !important
	}
	
	.sub-filter-margin{
		margin-bottom: 16px !important
	}
}

@media only screen and (max-width: 600px) {
	.listed-element-box{
		width: 31% !important
	}
	
	.sub-filter-margin{
	}
	
	.card-box{
		margin-bottom:16px;
	}
	.empty-lead-container{
		min-height: 32px;
	}
}

@media only screen and (min-width: 601px) {
	.card-box{
		position: relative;
		height: 500px;
		overflow:hidden;
	}
	.card-filter{
	position: absolute;
	top:460px;
	left:0px;
	width: 100%;
	height: 40px;
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	z-index:2;
	}
}

@media only screen and (min-width: 601px) {
	
	.sub-filter-margin{
		margin-bottom: 16px !important
	}
}

@media only screen and (max-width: 600px) {
	
	.sub-filter-margin{
	}
}

.element-image-thn{
	width:100%;
	height:auto;
}

.element-name{
	font-size:inherit;
	padding: 32px 16px 0px 16px;
	font-weight: bold;
	color: #212121;
	margin:0;
}

.h2-custom{
	font-size:inherit;
	padding: 0px;
	font-weight: bold;
	color: #212121;
	margin:0;
}

.element-lead{
	text-align: justify;
	padding-bottom:16px;
	color: #212121;
}

.element-datum{
	color : #212121;
}

/* footer */
.accept-cookie{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100;
}

#accept-button{
	color: #c5aa85;
	background-color: #2c2807;
}

.cookie-details{
	margin-left:16px;
	margin-right:16px;
}

.footer-main{
	background-color: #2c2807;
	margin:auto;
	max-width: 1024px;
}

.footer-upper{
	margin:auto;
	max-width: 1024px;
	color: #c5c4c2;
}

.footer-logo-element{
	padding-left:5.5%;
	padding-right:5.5%;
}

.footer-bottom{
	width:100%;
	background-color: #17191c;
	color: #c5c4c2;
}

@media only screen and (min-width: 601px){
	.hasznos-tartalmak{
		padding-left:32px;
		padding-right:32px;
	}
	
	.footer-logos{
		padding-top:4px;
	}
}

@media only screen and (max-width: 600px){
	.hasznos-tartalmak{
		padding-left:16px;
		padding-right:16px;
	}
	
	.footer-logos{
	}
}

.footer-element-border {
	border-top:1px solid #cccccc;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-left:16px;
	margin-right:16px;
}


/* Content element */

.content-element{
	padding-bottom: 16px;
}

.content-element-border {
	border-top:1px solid #cccccc;
	padding-top: 16px;
	padding-bottom: 16px;
}

.textfield-name {
	font-weight: bold;
}

.datafield-value p {
	margin: 0 !important
}

.textfield-name{
	font-weight: bold;
}

.datafield-logos{
	float:left;
	height: 20px;
	margin-top:2px;
	margin-bottom:2px;
}

.simple-listview-name{
	font-weight:bold;
}

.simple-listview{
	margin-bottom:6px;
}

.relative{
	position: relative;
}

.downloads-field a:link{
	text-decoration: none;
}

.nearby-panel{
	margin-bottom:32px;
}

@media only screen and (min-width: 601px) {
	
	.content-element-container{
		height:auto;
		margin-top:32px;
		background-color: #ffffff;
	}
	
	.content-element-image{
		padding:0px 0px 16px 0px;
	}

	.content-element-name{
		font-weight: 700;
		color: #212121;
		font-size:24px;
		line-height:36px;
		margin-bottom:10px;
		margin-top:10px;
		margin-left:0px;
		margin-right:0px;
		padding-left: 32px;
		padding-right: 32px;
	}

	.content-element-datum{
		color : #212121;
		padding-bottom:16px;
	}

	.content-element-lead{
		text-align: justify;
		padding-left: 32px;
		padding-right: 32px;
		padding-bottom: 16px;
		color: #212121;
		font-weight: bold;
	}

	.content-element-content{
		width: 100%;
		padding: 0px 32px 16px 32px !important;
		text-align: justify;
		margin-bottom:32px !important
	}
	
	.textfield {
		width: 100%;
		padding: padding: 0px 30px 16px 20px;
		text-align: justify;
	}
	
	.datafield-name{
		font-weight: bold;
		text-align:right;
		padding-right:16px;
	}

	.datafield-value{
		padding-left:15px;
		border-left:1px solid #cccccc;
	}
	
	.empty-lead{
		width: 100%;
		height: 64px;
	}
	
	.nearby-name{
		padding-left:16px;
		font-size:20px;
		font-weight:700;
		line-height:30px;
	}
	
	.content-header{
		padding-left:0px !important
	}
	
	.useful-field{
		background-color: #ffffff;
		width: 100%;
		padding: 16px 16px 16px 16px !important;
		text-align: justify;
		margin-bottom:32px;
	}
}

@media only screen and (max-width: 600px) {

	.content-element-container{
		margin-top:16px;
		height:auto;
		background-color: #ffffff;
		padding-bottom:16px;
	}
	
	.content-element-image{
		padding:0px 0px 16px 0px;
	}

	.content-element-name{
		font-weight: 700;
		color: #212121;
		padding-right: 8px;
		padding-left: 8px;
		font-size:24px;
		line-height:36px;
		margin-bottom:10px;
		margin-top:10px;
		margin-left:0px;
		margin-right:0px;
	}

	.content-element-datum{
		color : #212121;
		padding-right:8px;
		padding-left:8px;
		padding-bottom:16px;
	}

	.content-element-lead{
		text-align: justify;
		padding-left: 16px;
		padding-right: 16px;
		color: #212121;
		font-weight: bold;
	}
	.content-element-content{
		padding-left:16px;
		padding-right:16px;
		text-align: justify;
	}
	
	.datafield-name{
	font-weight: bold;
	}

	.datafield-value{
	}
				
	.empty-lead{
	}
	
	.nearby-name{
		padding-left:16px;
		font-size:20px;
		font-weight:700;
		line-height:30px;
	}
	
	.useful-field{
		background-color: #ffffff;
		width: 100%;
		padding: 16px 16px 16px 16px !important;
		text-align: justify;
		margin-bottom:16px;
	}
}

/* Calendar */
.past_days{
	color:grey;
}

.event_day{
	background-color:yellow;
	cursor:pointer;
}

.calendar{
	margin:auto;
}

.calendar-label{
	color : #212121;
	font-weight: bold;
	font-size:18px;
	cursor:pointer;
}

.calendar-card{
	background-color:white;
	width:214px;
	height:216px;
	margin:auto;
}

.myCalendar{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding-top: 16px;
	padding-bottom: 16px;
	height: 250px;
}

/* Skip to content */
#skip-to-content {
	text-align: left;
}

.skip-origin {
	position: absolute;
	top:0;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skip-standard{
	background-color:black;
	color: white;
	z-index:200;
	padding-top: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	padding-right: 8px;
}
	
.skip-move {
	position:relative;
	animation: animatetop 0.3s;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
	border: 2px solid white;	
}

.skip-move-on{
	position:relative;
	animation: animatetopback 0.3s;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
	border: 2px solid white;
}

@keyframes animatetopback
{from{top:-0px;opacity:1;} to{top:-300px;opacity:0;}}

.datafield-value a:focus {
	border:none !important;
	outline:none !important;
}

.datafield-value a:focus img{
	border: 2px solid black;
}

.title-row a:focus {
	border: 2px solid white;
	padding-bottom:6px;
	padding-top:4px;
	outline:none
}

.title-row button:focus{
	border: 2px solid white;
	background-color: Transparent;
    background-repeat:no-repeat;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

.content-element-content:focus a{
	border: 2px solid black;
}

.nearby-panel a:focus .listed-element{
	border: 2px solid black;
}

.teaser-name:focus{
	border: 2px solid white;
}

.listed-element-box:focus{
	border: 2px solid black;
}

.teaser-button:focus{
	border: 2px solid black;
}

.hasznos-element:focus{		
	border: 2px solid white;	
}

.footer-logo-element:focus img{
	border: 2px solid white;
}

.footer-logo-element:focus{
	outline:none;
	border:none;
}

.nav-link-bar a:focus{
	border: 2px solid white;
}

#accept-button:focus{
	color: #000 !important;
	background-color: #ccc !important
}

.cookie-details:focus{
	border: 2px solid black;
}
.content-element-content:focus{
	border: 2px solid black;
}