/*
Füge deinen eigenen CSS-Code nach diesem Kommentar hinter dem abschließenden Schrägstrich ein. 

Klicke auf das Hilfe-Symbol oben, um mehr zu erfahren.
*/

select{
	padding: 5px;
	border: 1px solid #DDDDDD;
	color: #333333;
	font-family: Calibri;
	font-size: 1.2em;
}
select option{
	padding: 3px 5px;
}

.sub-menu .menu-item{
	border-bottom: 1px dotted #333333;
	border-right: 1px dotted #333333;
	border-left: 1px dotted #333333;
	color: rgba(0,0,0,0.8);
}

.sub-menu .menu-item:hover a{
	background-color: #FFFFFF;
	background-size: auto 80%;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(http://travel-korea.de/wp-content/uploads/2017/07/Flag_of_South_Korea.png);
	color: rgba(0,0,0,0.8);
}

.sub-menu .menu-item:first-child{
	border-top: 1px dotted #333333;
}

.sub-menu{
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1), 0px 15px 20px -10px rgba(0,0,0,0.3);
}

.header-main{
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	box-shadow: 0px 10px 15px -10px rgba(0,0,0,0.3);
}

#menu-sprachmenu{
	padding-top: 40px;
}

#primary-sidebar{
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 20px;

}

.content-area{
	padding-top: 40px;
}

.content-sidebar{
	padding: 40px 50px 0px 30px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 100%;
}

@media screen and (min-width: 1218px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		margin-right: auto;
		max-width: 80%;
	}
	.full-width .archive-header,
	.full-width .comments-area,
	.full-width .image-navigation,
	.full-width .page-header,
	.full-width .page-content,
	.full-width .post-navigation,
	.full-width .site-content .entry-header,
	.full-width .site-content .entry-content,
	.full-width .site-content .entry-summary,
	.full-width .site-content footer.entry-meta {
		margin-right: auto;
	}
}

@media screen and (min-width: 480px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		margin-right: auto;
		max-width: 80%;
	}
	.full-width .archive-header,
	.full-width .comments-area,
	.full-width .image-navigation,
	.full-width .page-header,
	.full-width .page-content,
	.full-width .post-navigation,
	.full-width .site-content .entry-header,
	.full-width .site-content .entry-content,
	.full-width .site-content .entry-summary,
	.full-width .site-content footer.entry-meta {
		margin-right: auto;
	}
}


.site-content{
	padding-left: 5px;
	padding-right: 5px;
}

.comments-area{
	display: none;
}

.archive-header{
	max-width: 100%;
}

.archive-title{
	line-height: 1.5;
	text-transform: uppercase;
	font-family: Lato, sans-serif;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
	padding-top: 16px;
	padding-left: 5px;
}

.page-header h1{
	line-height: 1.5;
	text-transform: uppercase;
	font-family: Lato, sans-serif;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
	font-weight: normal;
}

h2 {
	font-size: 26px;
	line-height: 1.5;
}

.taxonomy-description,
.author-description {
	color: black;
	font-family: Lato, sans-serif;
  line-height: 1.5;
	font-size: 16px;
	padding-top: 0px;
}

@media screen and (min-width: 480px) {
	.taxonomy-description,
.author-description {
		padding-bottom: 30px;
	}
}

.taxonomy-description p:last-child,
.author-description p:last-child {
	margin-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
}

.taxonomy-description p,
.author-description p,
.taxonomy-description h2,
.taxonomy-description p:last-child,
.author-description p:last-child {
	padding-left: 5px;
	padding-right: 5px;
}

.archive-header{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1), 0px 10px 20px -10px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.2);
	background-color: rgba(152,129,70,00.1);
	padding-bottom: 5px;
}

@media screen and (min-width: 1110px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
	}
}

input[type="submit"]{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1), 0px 10px 20px -10px rgba(0,0,0,0.3);
}

input[type="submit"]:hover{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1), 0px 10px 15px -10px rgba(0,0,0,0.3);
}

input[type="submit"]:active{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1), 0px 1px 15px -10px rgba(0,0,0,0.3);
}

.widget{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1), 0px 10px 15px -10px rgba(0,0,0,0.3);
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.2);
}

.butzumBlog{
		text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
		background-color: darkgrey;
		border: 1px solid black;
	  box-shadow: 2px 2px 5px rgba(0,0,0,0.1), 0px 1px 15px -10px rgba(0,0,0,0.3);
}

.butzumBlog:hover{
		text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
		background-color: #988146;
	  border: 1px solid black;
	  box-shadow: 2px 2px 5px rgba(0,0,0,0.1), 0px 1px 15px -10px rgba(0,0,0,0.3);
}

.butzumBlog:active{
		text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
		background-color: #988146;
	  border: 1px solid black;
	  box-shadow: 2px 2px 5px rgba(0,0,0,0.1), 0px 10px 15px -10px rgba(0,0,0,0.3);
}

.site{
  box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
	margin: 0 auto;
}

.widget-area .widget input,
.widget-area .widget textarea {
	color: black;
}

@media screen and (max-width: 440px) {
	.list-view .content-area {
		padding: 0px 10px 10px;
	}
	.entry-title{
		font-size: 25px;
	}
	#City-Overlay{
		width: calc(85vw);
		z-index: 1;
		position: absolute;
		top: 0;
	}
	#map-frame {
  width: 100%;
	height: calc(125vw);
	}
	#Korea-Map{
		width: calc(85vw);
		z-index: 0;
		position: absolute;
		top: 0;
	}
	#Korea-Map-NoSelect{
		width: calc(85vw);
	}
	#Map-Province-Links{
		z-index: 4;
		position: relative;
		margin-top: 40px;
	}
}

@media screen and (min-width: 441px) {
	.entry-title{
		font-size: 33px;
	}
	#City-Overlay{
		z-index: 3;
		position: absolute;
		top: 0;
		padding: 1px 5px 5px 1px;
	}
	#map-frame {
  width: 400px;
	height: 511px;
	padding-right: 10px;
	}
	#Korea-Map{
		z-index: 0;
		position: absolute;
		top: 0;
		padding: 1px 5px 5px 1px;
	}
}

@media screen and (min-width: 780px) {
	#map-frame {
  float: left;
	}
}

#map-frame {
  position: relative;
	padding-bottom: 10px;
}

.entry-content table{
	font-size: calc(3vmin);
	background-color: white;
}