html, body {height:100%;}
	body {color:#555;font-size:100%;font-family:"Lato",sans-serif;}

	* {margin:0;padding:0;}
	a {color:#333;}
	a.no_underline {text-decoration:none;}
	button {cursor:pointer;background:transparent;padding:1em 1em 1em 1em;border:0;outline:0;} /*outline:0;*/
	button:focus {outline:2px solid rgba(166,199,255,.5);}
	
	.clearfloats {clear:both;display:block;height:1px;margin-bottom:-1px;font-size:1px;line-height:1px;}
	a img {border:0;}	

	div.hr {margin-top:1em;margin-bottom:1em;}
	div.hr img {width:100%;height:1px;background-color:#cbcbcb;width:100%;}	

	ul, ul li {list-style: none outside none;}
	ul.vandret {float:left;} /*list-style:outside none none;*/
	ul.vandret li {display:inline-block;float:left;}

	input, select {display:block;font-family:"Lato";font-weight:400;font-size:1.125em;line-height:39px;line-height:1.7em;
	padding:.05em 0px 0 .3em;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #BBBBBB;
	border-radius:.1em;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
	color:#555555;margin:0;outline:medium none; -moz-box-sizing: border-box;}
	label {display:block;font-family:"Lato";font-size:1em;font-weight:400;color:#8e9197;margin:0em 0 .2em;}
	select {padding: .12em .3em .3em .3em;}

	input#soeg {width:60%;background:transparent;box-shadow:none;float:left;float:left;border:0;} /*margin-right:.75em;*/
	input#soeg::placeholder {font-size:15px;}

	.search form {padding:1.7em 6% 0em 6%;z-index:50;margin-bottom:1.7em;}
	.search .searchbox {width:100%;padding:1em 0 1em 0em;display:inline-block;border:1px solid #ccc;background-color:#fafafa;border-radius:4px;}


	/*
	body.result .search {background-color:white;border-top:#a4a4a4;border-bottom:#a4a4a4;}
	*/
	


	 /*
	.topbar {position:relative;border-bottom:1px solid #ddd;background-color:white;}
	#content {padding:0 9% 0 6%;}
	*/

	/*text-align:center;*/
	h1 {padding:0em 0;font-size:1.5em;font-family:"Lato",sans-serif;font-weight:700;color:#444;}
	h1 span.endelse {font-size:.75em;font-weight:normal;color:#888;}
	h2 {font-size:1.2em;margin:.6em 0em .3em 0;color:#555;}
	p {font-size:1.125em;}
	p strong {color:#444;}
	p.underrubrik {font-size:1em;color:#888;}


	h1 span {margin-right:.1em;cursor:pointer;}
	h1 span.navneord {color:#45ad3e;}
	h1 span.udsagnsord {color:#e1656e;}
	h1 span.tillaegsord {color:#59b9f5;}

	/*
	p.underrubrik.endelse {margin:.38em .6em;}
	p.underrubrik.ordklasse {display:inline-block;padding:.15em .45em .3em .4em;color:rgba(0,0,0,.45);border-radius: .2em;margin-top:.3em;}
	p.underrubrik.navneord {background-color: #adfaa8;}
	p.underrubrik.udsagnsord {background-color: #f8b9c9;}
	p.underrubrik.tillaegsord {background-color: #b5cef8;}
	*/
	p span.sprog {margin:0 .2em 0 0;color:#999;}
	p a.afspil {text-decoration:none;background-color:#ddd;color:#777;font-size:.75em;padding:.2em .6em .3em .6em;border-radius:.3em;}
	p a.afspil:hover {background-color:#d5d5d5;}

	div.language_col {min-width:7.5em;float:left;margin-right:2em;}
	div.language_col.col_last {margin-right:0em;}
	div.language_col.col_first {}
	
	/* Flex footer */
	body {display:flex; flex-direction:column;background-color: #ededed;}
	.container {flex: 1 0 auto;} /* padding:0 6%;*/
	.header {position:relative;background-color:white;overflow:hidden;height:130px;background: #01eafb; background: linear-gradient(to bottom, #01eafb 0%,#8ffbfd 100%);} /*min-height:120px;max-height:130px;overflow:hidden;min-height:120px;max-height:130px;text-align:center;*/
	.content {padding:1em 6% 2.5em;}


	#footer {flex-shrink: 0;background-color:white;font-family:sans-serif;color:#666;font-size:100%;line-height:1.55em;}
	
	.btn {display:inline-block;-webkit-appearance: none;cursor:pointer;font-size:16px;text-decoration:none;font-size-adjust:none;border:0 none;border-radius:.25em;padding:.75em 1.8em;} /*border-radius: 3px;*/
	.btn.blue {background-color:#009dff;color:#fff;}
	.btn.blue:hover {background-color:#008dff;}
	.btn.white {background-color:white;border:1px solid #666;}
	.btn.white:hover {}
	.btn.lightgrey {background-color:#e5e5e5;background-color:#e0e0e0;color:#777;box-shadow:none;font-weight:bold;}
	.btn.lightgrey:hover {background-color:#dadada;color:#555;}

	.btn.small {padding:.15em 1.2em .2em 1.2em;}
	.btn.inactive, .btn.blue.inactive:hover  {background-color:#e2e2e2;}
	.btn.grey {float:left;padding:.4em 1em;color:#555;border: 1px solid #aaa;margin-right:0.85em;margin-top:0;font-size:14px;font-weight:600;}
	.btn.grey:hover {background-color:rgba(0,0,0,.07);} /*padding:.55em 1.2em;background-color:#666;color:white;*/
	.btn.grey.selected {background-color:rgba(0,0,0,.1);webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
 	
 	.btn.admin {background-color:#ddd;}

	
	/*a {color:#666;}*/
	a.tel {text-decoration:none;}
	
	/*
	ul.list_images {display: block;margin-bottom:2em;}
	.list_images li {}
	.list_images a {display:inline-block;max-width:240px;max-height:210px;}
	.list_images img {width:100%;}
	*/

	/*
	ul.list_images {display: flex;flex-wrap: wrap;}
	ul.list_images li {height: 40vh;flex-grow: 1;}
	ul.list_images li img {max-height:100%;min-width:100%;object-fit:cover;vertical-align:bottom;}
	ul.list_images li:last-child {flex-grow: 10;}
	@media (max-aspect-ratio: 1/1) {
		ul.list_images li {height: 30vh;}
	}
	@media (max-height: 480px) {
		ul.list_images li {height: 80vh;}
	}
	@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
	   ul.list_images {flex-direction: row;}
	   ul.list_images li {height: auto;width: 100%;}
	   ul.list_images li img {width:100%;max-height:75vh;min-width: 0;}
	}
	*/
	ul.list_images {display:flex;flex-wrap: wrap;} /*align-items:center;  */
	ul.list_images li {
    margin-right:.75em;margin-bottom:.75em;
    flex-grow: calc(var(--ratio)*100);
    --ratio: calc(var(--width)/var(--height));
    --row-height:12em;
    flex-basis: calc(var(--ratio)*var(--row-height));
    z-index: 1;cursor:pointer;background-color:white;
	}

	ul.list_images li a {display:inline-block;padding:.3em;position:relative;bottom:0;height:100%;vertical-align:middle;} /*justify-content: center;align-items:center;*/
	ul.list_images li img {position:relative;top:50%;left:50%;transform: translate(-50%, -50%);max-width:15em;max-height:13em;

	}
	/*justify-content: center;align-items: center;*/

	.image_show {min-width:320px;min-height:100px;margin-top:1em;padding:.4em;background-color:white;display:inline-block;}
	.image_show img {width:100%;} /*max-width:380px;max-height:320px;*/


	.admin label {margin-top:.6em;}
	.admin input, .admin select {font-size:16px;}

	.admin .en-et {display:none;float:left;margin-left:1em;}
	.admin .en-et input {width:2em;}

	.admin .navneord .ordklasse_select_container {display:inline-block;}
	.admin .navneord .en-et {display:inline-block;}

	.alert {position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .25rem;}
	.alert.alert-info {color: #0c5460;background-color: #d1ecf1;border-color: #bee5eb;}

		/*
	 @font-face {font-family:'fontello';src: url('../fonts/fontello.woff2?58996813') format('woff2'),url('../fonts/fontello.woff?58996813') format('woff'),url("../fonts/fontello.ttf?58996813") format("truetype");font-weight:normal;font-style:normal;}
	 .fontello {float:right;font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;
	      text-align: center;
		  font-variant: normal;text-transform: none;
	      line-height: 1em;
	      -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
		  width: auto;height: auto;line-height: 3.3em;
	   }
	.fontello {float:none;color:white;}
	*/


/* fontello (edit,lock,attach,trash,search,reply,back) */
[class*=icon-]:before {font-family:fontello;margin-right:.45em;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing: antialiased;}
.icon-volume-up:before {content:"v";}
.icon-search:before {content:"s";transform: rotate(90deg) scaleX(-1) !important;}
.icon-before {position:absolute;padding:27px 0 27px 24px;opacity:.2;}

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.woff2?2') format('woff2'),
       url('../fonts/fontello.woff?2') format('woff'),
       url('../fonts/fontello.ttf?2') format('truetype'),
       url('../fonts/fontello.svg?2#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}



	/* default setup */
	span.aria_only {position:absolute;left:-9999px;}
	
	
	/* RESPONSIVE */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	 /* STYLES GO HERE */
	   .no_mobile {display:none;}
	 }
	 
	 /* one col */
	@media all and (max-width:33em) { /* 528  */ 
		body:after {content:'mobile';display:none;}
		.no_mobile {display:none;}
	}
	
	@media all and (max-width: 595px) {
		ul.list_images li {width:100%;}
		ul.list_images li img {width:100%;max-width:none;max-height:none;}

	}
	

	@media all and (max-width:23.45em) { /* 375 - iPhone 6/7/8 */ 
		div.language_col.col_first {float:none;display:block;margin-bottom:1.5em;}
		div.language_col {margin-bottom:1.5em;}
		
		.header {height:126px;}
		.search form {padding:0;}
		.search .searchbox {border-top:0;border-left:0;border-right:0;border-radius:0;}
		.search input#soeg {width:60%;}


		/*
	input#soeg {width:70%;background:transparent;box-shadow:none;float:left;float:left;margin-right:.75em;border:0;}
	input#soeg::placeholder {font-size:15px;}
	.search form {padding:1.3em 6%;z-index:50;}
	.search .searchbox {width:80%;padding:1em 1.2em 1em 1em;display:inline-block;border:1px solid #ccc;background-color:#fafafa;border-radius:4px;}
	body.result .search {background-color:white;border-top:#a4a4a4;border-bottom:#a4a4a4;}
	
*/

	}
	
	@media all and (max-width:22em) { /* 330px - iPhone default  */
	}

    body.mobile .no_mobile {display:none;}
	

	
/* LOADER */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}