@font-face {
  font-family: 'Astrup Regular';
  font-weight: normal;
  src: url('../fonts/Astrup-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-Regular.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup Regular Plus';
  font-weight: normal;
  src: url('../fonts/Astrup-RegularPlus.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-RegularPlus.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-RegularPlus.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup Medium';
  font-weight: normal;
  src: url('../fonts/Astrup-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-Medium.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup Medium Plus';
  font-weight: normal;
  src: url('../fonts/Astrup-MediumPlus.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-MediumPlus.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-MediumPlus.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup Semibold';
  font-weight: normal;
  src: url('../fonts/Astrup-Semibold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-Semibold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-Semibold.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup Semibold Plus';
  font-weight: normal;
  src: url('../fonts/Astrup-SemiboldPlus.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-SemiboldPlus.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-SemiboldPlus.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup Bold';
  font-weight: normal;
  src: url('../fonts/Astrup-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-Bold.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup Black';
  font-weight: normal;
  src: url('../fonts/Astrup-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-Bold.woff') format('woff'); /* Pretty Modern Browsers */
}







/* Prev */

@font-face {
  font-family: 'Astrup';
  font-weight: normal;
  src: url('../fonts/Astrup-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-Regular.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup';
  font-weight: 500;
  src: url('../fonts/Astrup-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-Medium.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup';
  font-weight: 600;
  src: url('../fonts/Astrup-Semibold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-Semibold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-Semibold.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Astrup';
  font-weight: bold;
  src: url('../fonts/Astrup-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Astrup-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Astrup-Bold.woff') format('woff'); /* Pretty Modern Browsers */
}





@font-face {
    font-family: 'Satyr10 Web';
    src: url('../fonts/satyr10_web.eot');
    src: url('../fonts/satyr10_web.eot#iefix') format('embedded-opentype'),
         url('../fonts/satyr10_web.woff') format('woff'),
         url('../fonts/satyr10_web.ttf') format('truetype'),
         url('../images/satyr10_web.svg#satyr10regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Satyr10 Web';
    src: url('../fonts/satyr10_web_italic.eot');
    src: url('../fonts/satyr10_web_italic.eot#iefix') format('embedded-opentype'),
         url('../fonts/satyr10_web_italic.woff') format('woff'),
         url('../fonts/satyr10_web_italic.ttf') format('truetype'),
         url('../images/satyr10_web_italic.svg#satyr10italic') format('svg');
    font-weight: normal;
    font-style: italic;

}


@font-face {
  font-family: 'Sub Fraktur';
  font-weight: normal;
  src: url('../fonts/SubFraktur-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/SubFraktur-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SubFraktur-Regular.woff') format('woff'); /* Pretty Modern Browsers */
}

.subfraktur {
	font-family: 'Sub Fraktur';
	display: block;
	text-align: center !important;
}



html {
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
}

body {
	padding: 0rem;
	margin: 0rem;
	background-color: #e9e9e9;
	font-family: "Satyr10 Web", serif;
	font-size: 1.6rem;
	line-height: 2.5rem;
}



table#kafe {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table#kafe td {
	vertical-align: top;
}

	.vare {
		width: 40%;
	}
	.pris {
		width: 20%;
	}
	.status {
		width: 40%;
	}





body, input, textarea {
}
h1, h2, h3, h4, h5, h6 { 
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h1 {
	font-family: "Astrup Regular", sans-serif;
	font-size: 4.1rem;
	line-height: 5rem;
	margin-bottom: 0.5rem;
}

h2 {
	font-family: "Astrup Regular Plus", sans-serif;
	font-size: 3rem;
	line-height: 3.5rem;
	margin-bottom: 1rem;
}

h3 {
	/*
	-moz-font-feature-settings: "smcp", "c2sc";
	-ms-font-feature-settings: "smcp", "c2sc";
	-webkit-font-feature-settings: "smcp", "c2sc";
	font-feature-settings: "smcp", "c2sc";
	
	*/
	
	/*font-weight: bold;*/
	font-family: "Astrup Medium", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	font-size: 1.6rem;
	line-height: 2.5rem;
	margin-bottom: 1rem; 
	
	-moz-font-feature-settings: "case", "cpsp";
	-ms-font-feature-settings: "case", "cpsp";
	-webkit-font-feature-settings: "case", "cpsp";
	font-feature-settings: "case", "cpsp";
}

h4 {
	font-family: "Astrup", sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 1rem;
}

h5 {
	font-family: "Astrup", sans-serif;
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin: 1rem 0rem 3rem 0rem;
}

em {
	font-style: italic;
}

strong {
	font-family: "Astrup Semibold Plus", sans-serif; 
	font-weight: normal;
	font-size: 1.25rem;
}

.smcp {
	font-variant-caps: all-small-caps;
	-moz-font-feature-settings: "c2sc", "smcp";
	-ms-font-feature-settings: "c2sc", "smcp";
	-webkit-font-feature-settings: "c2sc", "smcp";
	font-feature-settings: "c2sc", "smcp";
}

.lang {
	text-transform: uppercase;
	font-variant-caps: all-small-caps;
	-moz-font-feature-settings: "c2sc", "smcp";
	-ms-font-feature-settings: "c2sc", "smcp";
	-webkit-font-feature-settings: "c2sc", "smcp";
	font-feature-settings: "c2sc", "smcp";
	color: #fd9826;
}
	


p + h1 { 
	margin-top: 3rem;
}

p + h2 { 
	margin-top: 3rem;
}

p + h3 { 
	margin-top: 3rem;
}

p + h4 { 
	margin-top: 3rem;
}




hr {
}
pre {
}
code {
}
p {
	margin: 0px;
}
p+p {
	margin-top: 1.25rem;
}

p .more-link {
	margin-top: 1rem;
}

p.wp-caption-text {
	font-family: "Astrup", sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 1em;
}

a {	
	color: #000;
	border-style: solid;
	border-color: #fd9826;
	border-width: 0px 0px 1px 0px;
	text-decoration: none;
}
a:hover {
	color: #000;
	background-color: #fd9826;
}
a:visited {
}


h1 a {
	color: #000;
	background-color: transparent;
	border-style: solid;
	border-color: #fd9826;
	border-width: 0px 0px 0px 0px;
}

h1 a:hover {
	color: #000;
	background-color: #fd9826;
	text-decoration: none;
	border-width: 0px;
}





#wrapper {
	width: 850px;
	margin: 5rem auto;
}


#header {
	display: -webkit-flex;
  	display: flex;
  	
	line-height: 80px;
	margin: 0px 0px 1rem 0px;
}

	#logo {
		text-align: center;
		width: 200px;
	}
		
		#logo a {
			background-color: transparent;
			border-width: 0px;
		}
		
		#logo a:hover {
			border-width: 0px;
		}
		
		#logo img {
			height: 80px;
		}
		
	.menu-header {
		margin: 0px;
		padding: 0px;
	}
	
	
		.menu ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			
		}
			.menu li {
				display: inline;
				margin-right: 10px;
			}
			.menu-item {
			
			}
			
			.menu ul a {
			}
			.menu ul a:hover {
				
			}
			
			



div#container {
	display: -webkit-flex;
  	display: flex;
  	
	margin: 0px 0px 5rem 0px;
}

	div#sidebar {
		width: 200px;
		text-align: center;
		line-height: 2rem;
	}
	
		

		div#primary {
		}
		
			ul.eo-events {
				margin: 0px;
				padding: 0px;	
				list-style: none;
			}
			
				ul.eo-events li {
					margin: 0px 0px 0.5rem 0px;
					padding: 0px;	
					list-style: none;
					font-style: italic;
				}
				
				ul.eo-events a {
					font-style: normal;
				}
			
			table#wp-calendar {
				width: 150px;
				margin: auto;
				margin-top: -1rem;	
			}
			
				#wp-calendar caption {
					padding-bottom: 1.5rem;
					font-style: italic;
					text-transform: capitalize;
				}
				
				#wp-calendar th {
					font-weight: normal;
					
					font-variant-caps: all-small-caps;
					-moz-font-feature-settings: "c2sc", "smcp";
					-ms-font-feature-settings: "c2sc", "smcp";
					-webkit-font-feature-settings: "c2sc", "smcp";
					font-feature-settings: "c2sc", "smcp";
				}
			
				td.eo-past-date {
				}
				
				td.today {
					color: #fd9826;
				}
				
					td.today a {
						color: #fd9826 !important;
					}
				
					td.today a:hover {
						color: #000 !important;
					}
				
				td.event {
				}
				
					td.event a {
						display: block;
						text-decoration: none;
					}
					
					td.event a:hover {
					}
					
				td.eo-future-date {
				}
			
			table.op-table {
				margin: auto;
				width: 150px;
			}
				
				.op-table th {
					font-weight: normal;
				}
				
				
			/* */
			.openinghours {
				margin: 0px;
				padding: 5px;
				width: 100%;
				line-height: 2.5rem;
			}
			
				.openinghours td.day {
					text-align: right;
					padding-right: 2rem;
					width: 50%;
					
					font-variant-caps: all-small-caps;
					-moz-font-feature-settings: "c2sc", "smcp";
					-ms-font-feature-settings: "c2sc", "smcp";
					-webkit-font-feature-settings: "c2sc", "smcp";
					font-feature-settings: "c2sc", "smcp";
				}
				
				.overhang {
					float: right;
					width: 0px;
					overflow: visible;
				}
				
				.openinghours td.hours {
					text-align: left;
				}
	
				.openinghours tr.note td {
					font-family: "Astrup", sans-serif;
					padding-top: 1.5rem;
					font-size: 1rem;
					line-height: 1.5rem;
				}
			
			
		
		.widget-area {
			/* Class that applies to BOTH widget areas */
		}
		.xoxo {
			/* Class that applies to each item in each widget area (an unordered list class) */
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
			.xoxo li {
				margin-bottom: 3rem;
			}
	
	div#content {
		margin-left: 50px;
		width: 600px;
	}






.post {
	margin-bottom: 6rem;
}

.event {
	margin-bottom: 6rem;
}











/*** HEADER : OTHER ***/






















/*** CONTENT : POSTS AND PAGES ***/

/* Entry and Page Titles */
h1.entry-title {
	
}
h2.entry-title {
	
}
h2.entry-title a {
	color: #000;
	
}
h1.page-title {
	
}



/* Entry Content */
.entry-content {
	margin-bottom: 5rem;
	/* Style that affects actual entry/post content */
}

.page {
	margin-bottom: 5rem;
}

.entry-content img {
	display: block;
}

.entry-content a {

}

.entry-content a:hover {
	
}
.entry-content h1, h2, h3, h4, h5 {
}
.entry-content ol li {
	
}

.entry-utility
{
	/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
	font-family: "Astrup", sans-serif;
	font-size: 1.1rem;
	line-height: 2rem;
	margin: 1rem 0px 0px 0px;
}

	.entry-utility a {
		background-color: #bcbcbc;
		border-width: 0px;
	}

	.entry-utility a:hover {
		background-color: transparent;
	}
	
	
.edit-link {
	font-family: "Astrup", sans-serif;
	font-size: 1.1rem;
	line-height: 2rem;
	display: block;
	margin: 1rem 0px 0px 0px;
}	
	
.edit-link a {
	background-color: #bcbcbc;
	border-width: 0px;
}

.edit-link a:hover {
	background-color: transparent;
}	

	.entry-utility .edit-link {
		display: inline;
		margin: 0rem;
	}

	
	
.entry-meta
{
	/* Style for the entry metadata (author, etc.) */
	margin-bottom: 1em;
}

	.entry-meta a {
		background-color: #bcbcbc;
	}

	.entry-meta a:hover {
		background-color: transparent;
	}
	
	
	
	




	
	
.skip-link
{
	/* Style for the skip link */
	/*position: absolute;
	left: -9000px;*/
}
.navigation {
	margin-top: 2rem;
	/* Style for the navigation links (next/previous post) on a given post */
}

	.navigation a[rel~="next"] {
		float: right;
	}
	
	.navigation a[rel~="prev"] {
		float: left;
	}
	
	.navigation a span {
		color: #000 !important;
	}
	
	.navigation span {
		color: transparent !important;
	}

/*** CONTENT : COMMENTS ***/

div#comments
{
	background-color: #bcbcbc;
	padding: 3rem;
	margin-top: 3rem;
	/* Style that affects the DIV containing all the comments */
}
.comments h3
{
	/* H3 header style for comments */
}
.comments ol
{
	/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
	list-style: none;
	margin: 0px 0px 3rem 0px;
	padding: 0px;
}
.comments ol li
{
	padding: 3rem;
	/* Style each list item in the comments ordered list */
}

	
	


.comments img
{
	/* Style for the user avatar beside each comment */
}
.comments .comment
{
	/* Style that applies to each individual comment in a series of comments */
	background-color: #fff;
}

.comment + .comment
{
	/* Style that applies to each individual comment in a series of comments */
	margin-top: 1rem;
}


ul.children {
	list-style: none;
	margin: 1rem 0px 0px 0px;
	padding: 0px;
}

ul.children li {
	margin: 2rem 0px 0px 2rem;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #ccc;
	padding: 0px 0px 0px 2rem;
}

.comment-reply-link
{
	/* Style for the "Reply" link on a comment */
}

.comment-author {
}

.comment-meta {
	/* Style for metadata for a comment */
	font-family: "Astrup", sans-serif;
	font-size: 1.1rem;
	line-height: 2rem;
}


	.comment-meta a {
		background-color: #bcbcbc;
		border-width: 0px;
	}
	
	.comment-meta a:hover {
		background-color: transparent;
	}

.comment-content {
}





div#respond
{
	/* DIV that contains the comment response form */
}
div#respond h3
{
	/* H3 header for the comment response form */
}


.comments div#respond {
	background-color: #bcbcbc;
	margin: 3rem -3rem;
	padding: 3rem;
}





/*** FOOTER ***/
div#footer {
	padding-left: 250px;
	font-family: "Astrup", sans-serif;
	font-size: 1.1rem;
	line-height: 2rem;
}

	div#footer a {
		background-color: #bcbcbc;
		border-width: 0px;
	}

	div#footer a:hover {
		background-color: transparent;
	}


/*** YOUR CSS ***/



.archive-meta {
	margin-bottom: 6rem;
}

.archive-meta p {
	font-style: italic;
}

.entry-meta {
	display: none;
	font-family: "Astrup", sans-serif;
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin: 1rem 0rem 0rem 0rem;
}

.eo-event-meta {
	display: none;
}

article {
	margin-bottom: 3rem;
}

.nation {
	font-size: 0.5em;
	font-family: "Astrup Medium", sans-serif;
	position: relative;
	top: -1rem;
	letter-spacing: 1px;
}

h1 .nation {
	font-size: 0.5em;
	font-family: "Astrup Semibold", sans-serif;
	position: relative;
	top: -1.5rem;
	letter-spacing: 1px;
}

h2 .nation {
	font-size: 0.5em;
	font-family: "Astrup Semibold", sans-serif;
	position: relative;
	top: -1rem;
	letter-spacing: 1px;
}

	
.sitat {
	font-size: 2.5rem;
	line-height: 3rem;
	padding: 4rem;
	font-family: 'Satyr10 Web', serif;
	font-style: italic;
}

.sitert {
	font-family: "Astrup", sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: -3rem 4rem 5rem 4rem;
	text-align: right;
}

.eventorganiser-event-meta {
	display: none;
}

	#content img {
		width: auto !important;
		height: auto !important;
		margin-bottom: 3rem;
		margin-top: 3rem;
		display: block;
	}

	.wp-caption p {
		margin-top: -2rem;
		margin-bottom: 3rem;
	}

	#content img.size-large {
		width: 100% !important;
		height: auto !important;
	}

	#content img.size-full {
		width: 100% !important;
		height: auto !important;
	}

	#content iframe {
		width: 100% !important;
		margin: 3rem 0px;
	}


/* Media Alignment */
.alignright {
	float: right;
	margin: 0px 0px 2rem 2rem !important;
}

.alignleft {
	float: left;
	margin: 0px 2rem 2rem 0px !important;
}

.alignnone {
	width: 100% !important;
}

.aligncenter {
	margin: auto;
}



@media (max-width: 900px) {

	h1, h2, h3, h4, h5 {
		text-align: center;
	}

  #wrapper {
  	width: 600px;
  }
	
  #container {
   	-webkit-flex-direction: column-reverse;
   	flex-direction: column-reverse;
  }

  #sidebar {
  	width: 600px;
  	margin: 0px 0px 0px 0px !important;
  }
  
  #content {
  	width: 600px;
  	margin: 0px 0px 0px 0px !important;
  }
  
  #primary {
  	
  }
  
  #secondary {
  }
  
  .xoxo {
  	display: -webkit-flex; /* Safari */
  	display: flex;
  	margin-bottom: 5rem;
  	width: 600px;
  }
  
  	.xoxo li {
  		width: 200px;
  		margin-bottom: 0rem;
  	}
  	
  #footer {
  	padding-left: 0px !important;
  	text-align: center;
  }
  
  #header {
		display: block !important;
	}
	
		#logo {
			margin: auto;
		}
	
		.menu {
			text-align: center;
			margin: 0px;
			width: 100%;
		}
		
			.menu li {
				float: none;
				display: inline;
				margin: 0px 1rem;
			}
			
	#content img {
		margin: 3rem auto;
	}
	
	.wp-caption p {
		text-align: center;
	}
	
	.vare {
		width: 40%;
		text-align: right;
	}
	
	.pris {
		width: 20%;
		text-align: center;
		padding: 0px;
	}
	
	.status {
		width: 40%;
		text-align: left;
	}
	
	
	.edit-link {
		text-align: center;
	}
			
}


@media (max-width: 650px) {


	h1 {
		font-size: 3rem;
		line-height: 4rem;
	}
	
	.alignright {
		float: none;
		margin: 0px auto 2rem auto !important;
	}
	
	.alignleft {
		float: none;
		margin: 0px auto 2rem auto !important;
		width: 100% !important;
	}

	#wrapper {
  		width: 80%;
  	}
	
	#content {
		width: 100% !important;
	}	
	
	#sidebar {
		width: 100% !important;
		margin: 0px 0px 0px 0px !important;
	}
	
	.xoxo {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		width: 100%;
	}
  
		.xoxo li {
			width: 100%;
			margin: 0rem auto 5rem auto;
		}
		
	.vare {
		width: 33%;
	}
	
	.pris {
		width: 34%;
	}
	
	.status {
		width: 33%;
	}


}