/* Miss Danmark – mobil og små skærme (lægges efter layout-CSS) */

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

	body {
		background-attachment: scroll;
		-webkit-text-size-adjust: 100%;
	}

	#website_wrapper,
	.shadow_right_bottom,
	.shadow_left_bottom {
		width: 100% !important;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.shadow_right_bottom,
	.shadow_left_bottom,
	.shadow_right,
	.shadow_left {
		background-image: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#website {
		width: 100%;
		border-left: none;
		border-right: none;
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	#header {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		height: auto !important;
		min-height: 0;
		background-image: none !important;
		padding: 0;
		display: block;
		overflow: visible;
	}

	/* Plads til logo – menu-båndet kommer lige under */
	#header > div[style*="height"] {
		height: 0 !important;
		min-height: 0 !important;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}

	.mobile-header-logo {
		display: block;
		text-align: center;
		margin: 0;
		padding: 40px 10px 40px;
	}

	.mobile-header-logo a {
		border: none;
		display: inline-block;
	}

	.mobile-header-logo-img {
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
		border: 0;
	}

	/* Mørkt menu-bånd kant-til-kant under logo */
	.mobile-menu-bar {
		position: relative;
		left: 50%;
		width: 100vw;
		margin-left: -50vw;
		margin-right: 0;
		margin-top: 0;
		background-color: #1a1a1a;
		box-sizing: border-box;
		clear: both;
	}

	.mobile-nav-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 12px 16px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		background: transparent;
		border: none;
		border-bottom: 1px solid #2a2a2a;
		border-radius: 0;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.mobile-menu-bar.is-open .mobile-nav-toggle {
		border-bottom-color: #333;
	}

	.mobile-nav-toggle .mobile-nav-toggle-icon {
		display: inline-block;
		width: 18px;
		height: 12px;
		margin-right: 8px;
		vertical-align: middle;
		background: linear-gradient(
			to bottom,
			#fff 0,
			#fff 20%,
			transparent 20%,
			transparent 40%,
			#fff 40%,
			#fff 60%,
			transparent 60%,
			transparent 80%,
			#fff 80%,
			#fff 100%
		);
	}

	#HorisontalMenuHolder {
		display: block !important;
		margin-top: 0 !important;
		padding: 0;
		clear: both;
		text-align: left;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	#HorisontalMenuHolder.nav-open {
		max-height: 80vh;
		overflow: visible;
	}

	.horisontal_menu {
		height: auto !important;
		min-height: 0;
		padding: 0 !important;
		margin: 0;
		text-align: left;
		background-color: #1a1a1a;
	}

	.horisontal_menu .horisontal_link,
	.horisontal_menu .chosen {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 12px 16px !important;
		border: none;
		border-bottom: 1px solid #2a2a2a;
		border-radius: 0;
		color: #fff !important;
		background: transparent;
	}

	.horisontal_menu .horisontal_link:hover,
	.horisontal_menu .chosen {
		color: #c58b33 !important;
		background-color: #252525;
		border-bottom-color: #333;
	}

	#menu_breadcrumbs,
	#breadCrumbNavigation_holder {
		text-align: left !important;
		margin-right: 0 !important;
		padding-left: 0;
		padding-right: 0;
		font-size: 11px;
		word-wrap: break-word;
	}

	#enclose,
	#indhold,
	#left,
	#right {
		float: none !important;
		width: 100% !important;
		max-width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	#indhold {
		margin-top: 0;
		padding: 0;
	}

	#indhold img,
	#indhold table,
	.billedramme img {
		max-width: 100% !important;
		height: auto !important;
	}

	#indhold table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	#enclose {
		display: block;
		overflow: hidden;
	}

	#enclose::after {
		content: "";
		display: table;
		clear: both;
	}

	#left,
	#right {
		clear: both !important;
		display: block !important;
	}

	#left .shadow_right,
	#left .shadow_left,
	#right .shadow_right,
	#right .shadow_left {
		display: block !important;
		width: 100% !important;
		max-width: 100%;
		float: none !important;
		clear: both !important;
		margin: 0 !important;
		padding: 0 !important;
		background-image: none !important;
	}

	.left_bokse,
	.left_bokse_gal,
	.left_bokse_profil {
		display: block !important;
		width: 100% !important;
		max-width: 100%;
		float: none !important;
		clear: both !important;
		margin: 0 0 16px !important;
		padding: 0;
		box-sizing: border-box;
		border-bottom: none;
		overflow: hidden;
		background-color: #f3eeee;
	}

	.left_bokse_gal {
		padding-top: 0;
	}

	.left_bokse_profil {
		margin-bottom: 16px !important;
	}

	.undermenu-top {
		display: block;
		width: 100% !important;
		max-width: 100%;
		height: auto !important;
		min-height: 0;
		box-sizing: border-box;
		margin: 0;
		padding: 10px 14px;
		font-size: 15px;
		line-height: 1.3;
		color: #fff;
		background-image: none !important;
		background-color: #333;
		border: none;
	}

	.undermenu-top.blog,
	.undermenu-top.news {
		background-color: #333;
	}

	.hovedmenuen {
		width: 100%;
		float: none !important;
		clear: both;
		margin: 0;
	}

	#left a.sub_submenu,
	#left a.sub_submenu_chosen,
	#left a.sub_sub_submenu,
	#left a.sub_sub_submenu_chosen,
	#left a.sub_sub_sub_submenu,
	#left a.sub_sub_sub_submenu_chosen,
	#right a.sub_submenu,
	#right a.sub_submenu_chosen,
	#right a.sub_sub_submenu,
	#right a.sub_sub_submenu_chosen,
	#right a.sub_sub_sub_submenu,
	#right a.sub_sub_sub_submenu_chosen,
	.left_bokse a.sub_submenu,
	.left_bokse a.sub_submenu_chosen,
	.left_bokse a.sub_sub_submenu,
	.left_bokse a.sub_sub_submenu_chosen,
	.left_bokse a.sub_sub_sub_submenu,
	.left_bokse a.sub_sub_sub_submenu_chosen,
	.left_bokse_gal a.sub_submenu_gal {
		display: block !important;
		width: 100% !important;
		max-width: 100%;
		float: none !important;
		clear: both !important;
		box-sizing: border-box;
		margin: 0 !important;
		padding: 11px 14px !important;
		background-image: none !important;
		background-color: #f3eeee;
		color: #333 !important;
		text-decoration: none;
		border: none;
		border-bottom: 1px solid #e0dada;
	}

	#left a.sub_sub_submenu,
	#left a.sub_sub_submenu_chosen,
	#left a.sub_sub_sub_submenu,
	#left a.sub_sub_sub_submenu_chosen,
	#right a.sub_sub_submenu,
	#right a.sub_sub_submenu_chosen,
	#right a.sub_sub_sub_submenu,
	#right a.sub_sub_sub_submenu_chosen {
		background-color: #ece7e7 !important;
		padding-left: 22px !important;
	}

	#left a.sub_sub_sub_submenu,
	#left a.sub_sub_sub_submenu_chosen,
	#right a.sub_sub_sub_submenu,
	#right a.sub_sub_sub_submenu_chosen {
		padding-left: 32px !important;
	}

	#left a.sub_submenu_chosen,
	#left a.sub_submenu_chosen:hover,
	#left a.sub_sub_submenu_chosen,
	#left a.sub_sub_submenu_chosen:hover,
	#left a.sub_sub_sub_submenu_chosen,
	#left a.sub_sub_sub_submenu_chosen:hover,
	#right a.sub_submenu_chosen,
	#right a.sub_submenu_chosen:hover,
	#right a.sub_sub_submenu_chosen,
	#right a.sub_sub_submenu_chosen:hover,
	#right a.sub_sub_sub_submenu_chosen,
	#right a.sub_sub_sub_submenu_chosen:hover,
	.left_bokse a.sub_submenu_chosen,
	.left_bokse a.sub_sub_submenu_chosen,
	.left_bokse a.sub_sub_sub_submenu_chosen {
		background-color: #e2dddd !important;
		background-image: none !important;
		border-left: 3px solid #c58b33;
		padding-left: 11px !important;
	}

	#left a.sub_submenu:hover,
	#left a.sub_sub_submenu:hover,
	#left a.sub_sub_sub_submenu:hover,
	#right a.sub_submenu:hover,
	#right a.sub_sub_submenu:hover,
	#right a.sub_sub_sub_submenu:hover,
	.left_bokse a.sub_submenu:hover,
	.left_bokse a.sub_sub_submenu:hover,
	.left_bokse a.sub_sub_sub_submenu:hover {
		background-color: #ece7e7 !important;
		background-image: none !important;
		color: #c58b33 !important;
	}

	.ordbog_links_menu {
		background-image: none !important;
		background-color: #f3eeee;
	}

	#left .randomTextSmall,
	#right .randomTextSmall {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 16px;
		padding: 12px 14px;
		background-color: #f9f6f0;
		border-left: 3px solid #c58b33;
		text-align: left;
	}

	/* Galleri: 2 kolonner, max 150px højde, beskær fra top (kun mobil) */
	#galleribox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		clear: both;
	}

	#galleribox .thumbContainer {
		width: calc(50% - 6px);
		float: none;
		display: block;
		margin: 0 0 12px 0;
		box-sizing: border-box;
	}

	#galleribox > a.imagelinks {
		display: block;
        width: 48%;
        margin: 1%;
	}

	#galleribox .gThumb-frame {
		display: block !important;
		width: 100% !important;
		height: 150px !important;
		max-height: 150px !important;
		min-height: 150px !important;
		margin: 0 !important;
		overflow: hidden;
		box-sizing: border-box;
		border: 2px solid #c58b34;
		border-radius: 6px;
		background-size: cover !important;
		background-position: center top !important;
	}

	#galleribox .thumbContainer .thumbText {
		width: 100% !important;
		max-width: 100%;
		margin-left: 0 !important;
		margin-top: 4px;
		height: auto;
		min-height: 0;
		box-sizing: border-box;
	}

	.profilFrontImg {
		width: 45%;
		margin: 0 2% 15px;
		height: auto;
	}
	#website{background:#fff}
	#website #top_images {
		width: 100%;
		height: auto;
		min-height: 80px;
		background-size: cover;
	}

	#foden {
		width: 100%;
		height: auto;
		min-height: 20px;
	}

	#sitemap {
		display: none;
	}

	.likeBottom {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		margin-top: 20px;
		padding: 10px 5px;
		box-sizing: border-box;
	}

	.likeBottom > div {
		width: 100% !important;
		max-width: 100%;
	}

	.likeBottom img {
		max-width: 100%;
		height: auto;
	}

	.float_right,
	.float_left {
		float: none;
		display: block;
		margin: 10px 0;
	}

	.itemhead,
	.nyhed,
	.guestbookSkriv {
		padding: 8px;
	}

	.storKnap {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	iframe,
	object,
	embed,
	video {
		max-width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 769px) {
	.mobile-header-logo {
		display: none;
	}

	.mobile-nav-toggle {
		display: none;
	}

	.mobile-menu-bar {
		position: static;
		left: auto;
		width: auto;
		margin-left: 0;
		background: transparent;
	}

	#HorisontalMenuHolder {
		max-height: none;
		overflow: visible;
	}
}

@media screen and (max-width: 480px) {
	.profilFrontImg {
		width: 100%;
		margin: 0 0 15px;
	}

	body, td, th, div {
		font-size: 100%;
	}

	h1, h1 a:link {
		font-size: 16px;
	}
}