.remove-from-mobile{
	display: none;
}

.c-mobile-menu__off-canvas .c-mobile-menu__nav ul li .dropdown-arrow {
	display: none;
}

:focus {
    outline: none !important;
}

.demarcation-page h1.synlig_h1 {
    display: block;
}
.demarcation-page h1 {
    display: none;
}

/* here we will add all the theme stuff */
header {
    background-color: #f3f3f3;
}

.forside_titel {
	padding-top: 20px;
	background-color: var(--color-b);
	color: white;
}

main p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

main a {
	text-decoration: underline;
	color: var(--color-c)
}

main h1 {
    margin: 1rem 0rem;
}

main h2 {
    font-weight: 500;
    margin: 1rem 0rem 1rem 0rem;
    font-size: 1.4375rem;
}
main h3 {
    font-size: 1.125rem;
}

main td {
	padding: 5px 5px;
}

.box-right {
    border-style: solid;
    border-width: 5px;
    border-color: #3b5e6d;
    background: #6b8f9e;
    color: #fff;
}

.top-logo {
	margin-top: 30px;
}

.top_image {
    height: 200px;
    background-position: center 25%;
}

.forside-top {
    height: 275px;
    background-position: center 70%;
}

.hack_top {
    display: none;
	}

header h2 {
	color: #6f6f6f;
	font-weight: 600;
	font-size: 3rem;
	font-family: 'calibri';
	margin-top: 26px;
	text-shadow: 0 0 40px white, 0 0 30px white;
}

header .search_kp21 {
    /* padding-top: 57px; */
    width: 311px !important;
    /* height: 124px; */
}

.search-box{
	padding-top:20px;
}

section .hack_top{
	margin-bottom: 1rem;
}

.top-left-menu .c-service-menu nav .c-service-menu__link{
	color:white;
	font-size:1rem;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0;
}

/*------- Member login -------*/

#logout {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
/*---------- Hero  ----------*/

.c-hero-banner {
	min-height: 400px;
}

.frontpage-hero-banner {
	min-height: 250px;
}

.c-hero-banner .frontpage-hero-banner .c-service-menu {
	margin-top:45px;
	float:right;
	
}

.in-content-hero .hero-banner-text{
	background-color: transparent;
}
.in-content-hero .hero-banner-text *{
	color:#000;
}

.in-content-hero .c-service-menu{
	margin-right: 15px;
}


.hero-banner-text{
	margin-top: -100px;
    height: calc(100% + 67px)!important;
    padding-bottom: 100px!important;
}

.c-mega-menu__level--1>li>p{
	color: #fff;
}

/*---------- Header ----------*/

header .c-service-menu {

	/* margin-bottom: 75px; */
}

header .c-mega-menu__level--1 {
    margin-top: 25px;
    margin-bottom: 10px;
	display: flex;
}

.c-sticky-header .c-mega-menu__level--1 > li > a{
	padding-top: 5px;
	color:#ccc;
}
	
.c-sticky-header .c-logo {

	width: 100px;
	margin: 15px 0 10px 0;
}

.servicemenu {
    max-height: 25px;
}

section.clearfix.grid-wrapper {
    background-color: #f3f3f3;
}

.c-service-menu.is-collapsed .c-service-menu__show-service-menu-btn {
	background-color: var(--color-b);
	height: 40px;
    width: 40px;
}

.c-service-menu.is-collapsed .c-service-menu__search-field {
	height: 40px;
	font-size: 1rem;
}

.mobilesearch .c-service-menu.is-collapsed {
    width: 100%;
    display: flex;
    position: relative;
}
.mobilesearch .c-service-menu__shadow{
	display: none;
}
.mobilesearch .c-service-menu.is-collapsed .c-service-menu__show-service-menu-btn {
	width: 40px;
    height: 40px;
    border: 0;
    background-color: var(--color-b);
	background: var(--color-b);
}

/*---------- Mega menu  ----------*/


header .c-mega-menu__level--1  .c-mega-menu__li-a-text {
	color: #fff;
}

.c-mega-menu__ul li.-currentPage a span.c-mega-menu__li-a-text:after {
	background-color: var(--color-c);
}

.c-mega-menu__ul li.-currentPage-ancestor a span.c-mega-menu__li-a-text:after {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 5px;
    left: 0;
    content: ' ';
    height: 5px;
    background-color: var(--color-c);
}

header .c-mega-menu {
	margin-top: -12px;
}

.c-mega-menu__ul li a span.c-mega-menu__li-a-text, .c-mega-menu__ul li p span.c-mega-menu__li-a-text {
	font-size: 1rem;
}

/*---------- Left menu  ----------*/
main .c-left-navigation a{
	text-decoration: none;
}




/*---------- Link-element  ----------*/

.link-menu .c-link-element{
	padding-bottom:0.5rem;
	padding-top:0.5rem;
}

.link-menu .c-link-element__link
{
	background-color: var(--color-b);
}

.link-menu .c-link-element__link__text
{
	color: #fff;
}

.link-menu .c-link-element__link__svg-arrow{
	fill:#fff;
}

.link-menu .c-link-element:first-child{
	padding-top:0;
}

.frontpage-cards .c-link-element__link{
	padding: 0px 1rem 0px 0;
	background-color:transparent;

}

.frontpage-cards  .c-link-element__image{
	border: 1px solid #000;
	margin-bottom: 5px;
}

.frontpage-cards .c-link-element__link__text,
.frontpage-cards .c-link-element a{
    text-decoration: none;
}

.c-link-element__link {
    width: 100%;
	background-color: var(--color-b);
}

.c-link-element__link__text {
    color: white;
}
.c-link-element__link__svg-arrow {
    fill: #ffffff
}

/*---------- Infobox ----------*/
.rte-infobox {
	border:1px solid var(--color-b);
	margin-bottom: 20px;
}

.rte-infobox h3,
.rte-infobox h4{
	color: #fff;
	background-color: var(--color-b);
	margin-top: 0px;
	padding: 10px;
}

.rte-infobox h3{
    font-size: 1.2rem;
}

.rte-infobox h4{
    font-size: 1rem;
    font-weight: 400;
}
	
.rte-infobox p{
	padding: 0px 5px 0 10px;
	font-size: 0.9rem;
}

/*----- Media carousel -----*/
	main .c-media-gallery{
		margin: 5px 0;
	}

/*---------- Vidi-maps--------*/

.c-vidi-map {
    padding-bottom: 90%;
    margin: 0 0 30px;
	height: 150px;
}
.accordion__panel .c-vidi-map {
    padding-bottom: 90%;
}

/*---------- Footer ----------*/

footer {
	color: white;
	padding-top: 30px;
    padding-bottom: 0px;
    background-color: var(--color-b);
}
footer a {
    color: white;
}
footer .c-logo {

	margin-bottom: 20px;
}

footer h2{
	margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1.55rem;
    font-weight:300;
    margin-bottom:5px;
}
footer h3{
	margin:0;
	font-size:1.3rem;
	margin-bottom:10px;
}
footer p{

	margin:0 0 20px 0;
}
footer .cowi-stamp, footer .cowi-stamp a {
	color: var(--color-b);
	text-decoration:none;
	padding-top:10px;
	background-color: white;
}

.c-breadcrumb li:not(.active) a:not(.c-breadcrumb__home-link), .c-breadcrumb__home-link-text{
	text-decoration:underline;
}

.c-breadcrumb, .c-breadcrumb a, .c-breadcrumb li a, .c-breadcrumb__home-link, .c-breadcrumb__home-link-text {
    font-size: 0.75rem;
    color: var(--color-grey);
    fill: var(--color-grey);
    line-height: 0.75rem;
}

.c-breadcrumb__home-link-text {
	 transform: translateY(-4px); 
    display: inline-block;
}

.c-breadcrumb > .active {
    color: var(--color-grey);
}

/*----- leaflet toolbar style -----*/

.c-leaflet-table .bootstrap-table button.btn.btn-secondary {
    cursor: pointer;
    background-color: var(--color-b);
    padding: 5px 10px;
    height: 35px;
    border: 0;
    color: #FFF;
}


/*----------Tillaeg----------*/

.c-localplan__id {
    padding: 1rem 15px;
    margin-bottom: 0rem;
    background-color: transparent;
    font-size: 1rem;
    color: #000;
}

.c-addendumdemarcationsoverview h2,
.c-localplan__id h2{
    margin: 15px 0px;
    font-size: 1rem;
    font-weight: 500;	
}

.c-localplan__id h2::before{
	content:"Plannavn: "
}

.c-addendumdemarcationsoverview a {
    font-size: 1rem;
}


/*----------Rammegrid----------*/
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item {
    background-color: transparent;
}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item-key {
    background-color: transparent;
	background:  var(--color-b);
	border: 1px solid  var(--color-b);
	margin-right: 0px;
}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item-key p{
	color: #ffffff;
	font-weight: 700;
	font-size: 0.9rem;
}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item-value {
    background-color: transparent;
	border: 1px solid  var(--color-b);
}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item-value p{
	color: #4c4c4c;
	font-size: 0.9rem;
}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item:nth-child(odd) {
    background-color: #ffffff;
}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item:nth-child(even) {
    background-color: var(--color-grey);
}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item-key{
	flex: 2;
	background-color: transparent;
}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item-key p{
	color: #4c4c4c;
	font-size: 0.8rem;
	line-height: 1.5;

}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item-value{
	background-color: transparent;
}
.Kommuneplan-2025-2037 .grid-rammebestemmelser .col--md-8 .c-demarcation-plandata__list-item-value p{
	font-size: 0.8rem;
    font-weight: 400;
	line-height: 1.5;
    color: #000;
}
/*----------Rammegrid----------*/
/*

.Kommuneplan-2021 .grid-rammebestemmelser .col--md-8 {
	max-width: 80%;
	flex: 0 0 80%;
}
.Kommuneplan-2021 .grid-rammebestemmelser .col--md-4 {
	max-width: 19.8%;
	flex: 0 0 19.8%;
}
.Kommuneplan-2021 .grid-rammebestemmelser .col--md-4 .c-demarcation-plandata__list-item{
	flex-direction: column;
}
*/
/*----Media Queries----*/

element.style {
}
.grid .row > div {
    width: 100%;
}
.top-logo  p{
	color: rgb(111,111,111);
	margin: 0px;
    padding-bottom: 15px;
	margin-top: 0px;
	text-shadow: 0 0 5px white, 0 0 10px white, 0 0 30px white;
}
.logo-sitemenu .c-service-menu.is-collapsed .c-service-menu__services-panel nav  {
		background: #fff;
	}
.logo-sitemenu .c-service-menu__shadow{
	display: none;
}
.top-menu .c-service-menu__shadow{
	display: none;
}
.top-menu .c-service-menu{
	border: 1pt solid var(--color-b);
	margin-top: 15px;
}
.top-sitemenu .c-service-menu__nav ul{
	padding: 0.5em 1em 1em 1em;
	background: var(--color-service-menu);
}
@media (min-width: 992px){
	.logo-sitemenu .col--md-4 {
		max-width: 25%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		text-align: center;
	}
	.logo-sitemenu .col--md-8 {
		max-width: 75%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
	}
	.logo-sitemenu .col--md-4 .c-logo {
		margin: 0px auto;
	}
	.logo-sitemenu .col--md-8 .c-service-menu__nav ul {
		/* background: var(--color-service-menu); */
		margin-block-start: 0em;
		margin-block-end: 0em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 0px;
		/* padding: 0.5em 1em 1em 1em; */
	}
	.remove-from-mobile{
		display: block;
	}
}

.accordion__btn .accordion__icon svg {
  transform: translateY(2px) rotate(180deg);
}
.accordion__btn.active .accordion__icon svg {
  transform: none;
}

.enkelt_ramme h1 {
    display: none;
}

@media print{	
    .noscreen {
		display:block;
	}
	.remove-from-print, .noprint  {
		display:none;
		height: 0px;
	}
	footer {
		display: none;
	}
	.c-cookie.grid-wrapper.cookie--initialized {
		display: none !important;
	}
	main {
    	background: transparent !important;
		padding-bottom: 0px !important;
		-webkit-print-color-adjust: exact !important;
  	}
	body {
		background-color: none !important; 
		background-image: none !important;
	}
	.Kommuneplanrammer .c-leaflet-map__wrapper {
		display: none;
	}
	.c-demarcation-plandata__list {
    	display: table;
    	width: 100%;
    	border-collapse: collapse;
  	}
  	.c-demarcation-plandata__list-item {
    	display: table-row;
    	border-bottom: 1px solid #ccc;
  	}
  	.c-demarcation-plandata__list-item-key,
  	.c-demarcation-plandata__list-item-value {
    	display: table-cell;
    	padding: 8px;
    	vertical-align: top;
  	}
  	.c-demarcation-plandata__list-item-key {
    	font-weight: bold;
    	width: 40%; /* eller justér som du vil */
  	}
	
	li em {
    	font-family: "Roboto", helvetica, sans-serif !important;
  	}
 }