/* THEME SPECIFIC FIXES: BLANK SLATE */
html {
	font-family: Arial, sans-serif;
}

#header,
.header,
#sidebar,
#footer{
	display:none;
}
	
	/* FIX CHROME BLACK OUTLINE - BY REMOVING ALL DEFAULT OUTLINES */
	*:focus{
		  outline:none;
	}
	/*************************************************
 *  FARVER på Oversigstkort
 */

	.imagemap-masks-canvas-wrapper,
	.imagemap-masks-canvas-wrapper .svg-wrapper {
		mix-blend-mode: normal;
	}

	.imagemap-masks-canvas-wrapper g path {
		fill:  #ee70004c;
		stroke:#ee70007f;
		opacity:  1;
		
		stroke-width: 2px;
		
		mix-blend-mode: normal;
	}

	.imagemap-masks-canvas-wrapper g.infospot path {
		fill:  #ee70004c;
		stroke:#ee70007f;
		mix-blend-mode:  inherit;
	}

	.imagemap-masks-canvas-wrapper g.ledig path {
		fill:  #81d742;
		fill:  #81d7424c;
		stroke: #81d7427f;
	}

	.imagemap-masks-canvas-wrapper g.reserveret path {
		fill:  #efa91c;
		fill:  #efa91c4c;
		stroke: #efa91c7f;
	}

	.imagemap-masks-canvas-wrapper g.solgt path,
	.imagemap-masks-canvas-wrapper g.udlejet path {
		fill:  #dd3333;
		fill:  #dd33334c;
		stroke: #dd33337f;
	}


	/* HIGHLIGHTS */
	.imagemap-masks-canvas-wrapper g.highlight path, 
	.imagemap-masks-canvas-wrapper g.selected path {
		opacity:  1;
		fill:  #ee7000cc;
		stroke:#ee7000ff;
	}

	.imagemap-masks-canvas-wrapper g.infospot.highlight path,
	.imagemap-masks-canvas-wrapper g.infospot.selected path {
		fill:  #ee7000cc;
		stroke:#ee7000ff;
	}

	.imagemap-masks-canvas-wrapper g.ledig.highlight path,
	.imagemap-masks-canvas-wrapper g.ledig.selected path {
		fill:  #81d742;
		fill:  #81d742cc;
		stroke:#81d742ff;
	}

	.imagemap-masks-canvas-wrapper g.reserveret.highlight path,
	.imagemap-masks-canvas-wrapper g.reserveret.selected path {
		fill:  #efa91c;
		fill:  #efa91ccc;
		stroke:#efa91cff;
	}

	.imagemap-masks-canvas-wrapper g.solgt.highlight path,
	.imagemap-masks-canvas-wrapper g.udlejet.highlight path,
	.imagemap-masks-canvas-wrapper g.solgt.selected path,
	.imagemap-masks-canvas-wrapper g.udlejet.selected path {
		fill:  #dd3333;
		fill:  #dd3333cc;
		stroke:#dd3333ff;
	}

	@media (max-width: 767px) {
		.imagemap-masks-canvas-wrapper g.previously-selected path {
			opacity:  1;
			fill:  #ee7000cc;
			stroke:#ee7000ff;
		}

		.imagemap-masks-canvas-wrapper g.infospot.previously-selected path {
			fill:  #ee7000cc;
			stroke:#ee7000ff;
		}

		.imagemap-masks-canvas-wrapper g.ledig.previously-selected path {
			fill:  #81d742;
			fill:  #81d742cc;
			stroke:#81d742ff;
		}

		.imagemap-masks-canvas-wrapper g.reserveret.previously-selected path {
			fill:  #efa91c;
			fill:  #efa91ccc;
			stroke:#efa91cff;
		}

		.imagemap-masks-canvas-wrapper g.solgt.previously-selected path,
		.imagemap-masks-canvas-wrapper g.udlejet.previously-selected path {
			fill:  #dd3333;
			fill:  #dd3333cc;
			stroke:#dd3333ff;
		}
	}
	

	/* HOVER */
	@media (hover: hover) {
		.imagemap-masks-canvas-wrapper g:hover path {
			opacity:  1;
			fill:  #ee7000cc;
			stroke:#ee7000ff;
		}

		.imagemap-masks-canvas-wrapper g.infospot:hover path {
			fill:  #ee7000cc;
			stroke:#ee7000ff;
		}

		.imagemap-masks-canvas-wrapper g.ledig:hover path {
			fill:  #81d742;
			fill:  #81d742cc;
			stroke:#81d742ff;
		}

		.imagemap-masks-canvas-wrapper g.reserveret:hover path {
			fill:  #efa91c;
			fill:  #efa91ccc;
			stroke:#efa91cff;
		}

		.imagemap-masks-canvas-wrapper g.solgt:hover path,
		.imagemap-masks-canvas-wrapper g.udlejet:hover path {
			fill:  #dd3333;
			fill:  #dd3333cc;
			stroke:#dd3333ff;
		}
	}


	/* CIRCLES */
	.imagemap-masks-canvas-wrapper g circle {
		fill:  #ee7000;
		fill:  #ee700000;
		stroke:  #ee7000;
		stroke:  #ee700099;
	}
	.imagemap-masks-canvas-wrapper g.infospot circle {
		fill:  #ee7000;
		fill:  #ee700000;
		stroke:  #ee7000;
		stroke:  #ee700099;
	}
	.imagemap-masks-canvas-wrapper g.ledig circle {
		fill:  #81d742;
		fill:  #81d74200;
		stroke:  #81d742;
		stroke:  #81d74299;
	}
	.imagemap-masks-canvas-wrapper g.reserveret circle {
		fill:  #efa91c;
		fill:  #efa91c00;
		stroke:  #efa91c;
		stroke:  #efa91c99;
	}
	.imagemap-masks-canvas-wrapper g.solgt circle,
	.imagemap-masks-canvas-wrapper g.udlejet circle {
		fill:  #dd3333;
		fill:  #dd333300;
		stroke:  #dd3333;
		stroke:  #dd333399;
	}

	@media (hover: hover) {
		.imagemap-masks-canvas-wrapper g:hover circle {
			fill:  #ee7000;
			fill:  #ee7000ff;
			stroke:  #ee7000;
			stroke:  #ee7000ff;
		}
		.imagemap-masks-canvas-wrapper g.infospot:hover circle {
			fill:  #ee7000;
			fill:  #ee7000ff;
			stroke:  #ee7000;
			stroke:  #ee7000ff;
		}
		.imagemap-masks-canvas-wrapper g.ledig:hover circle {
			fill:  #81d742;
			fill:  #81d742ff;
			stroke:  #81d742;
			stroke:  #81d742ff;
		}
		.imagemap-masks-canvas-wrapper g.reserveret:hover circle {
			fill:  #efa91c;
			fill:  #efa91cff;
			stroke:  #efa91c;
			stroke:  #efa91cff;
		}
		.imagemap-masks-canvas-wrapper g.solgt:hover circle,
		.imagemap-masks-canvas-wrapper g.udlejet:hover circle {
			fill:  #dd3333;
			fill:  #dd3333ff;
			stroke:  #dd3333;
			stroke:  #dd3333ff;
		}
	}


				.imagemap-masks-canvas-wrapper g.ledig path {
				 	fill: #81d7424c;
				 	stroke: #81d7427f;
				}
				.imagemap-masks-canvas-wrapper g.ledig circle {
				 	fill: #81d74200;
				 	stroke: #81d74299;
				}
				.imagemap-masks-canvas-wrapper g.ledig.highlight path,
				.imagemap-masks-canvas-wrapper g.ledig.selected path {
				 	fill: #81d742cc;
				 	stroke: #81d742ff;
				}
				.imagemap-masks-canvas-wrapper g.ledig.highlight circle,
				.imagemap-masks-canvas-wrapper g.ledig.selected circle {
				 	fill: #81d742ff;
				 	stroke: #81d742ff;
				}
				@media (hover:hover) {
					.imagemap-masks-canvas-wrapper g.ledig:hover path {
					 	fill: #81d742cc;
				 		stroke: #81d742ff;
					}
					.imagemap-masks-canvas-wrapper g.ledig:hover circle {
					 	fill: #81d742ff;
					 	stroke: #81d742ff;
					}
				}
				@media (max-width: 767px) {
					.imagemap-masks-canvas-wrapper g.ledig.previously-selected path {
					 	fill: #81d742cc;
					 	stroke: #81d742ff;
					}
					.imagemap-masks-canvas-wrapper g.ledig.previously-selected circle {
					 	fill: #81d742ff;
					 	stroke: #81d742ff;
					}
				}
            
				.imagemap-masks-canvas-wrapper g.reserveret path {
				 	fill: #efa91c4c;
				 	stroke: #efa91c7f;
				}
				.imagemap-masks-canvas-wrapper g.reserveret circle {
				 	fill: #efa91c00;
				 	stroke: #efa91c99;
				}
				.imagemap-masks-canvas-wrapper g.reserveret.highlight path,
				.imagemap-masks-canvas-wrapper g.reserveret.selected path {
				 	fill: #efa91ccc;
				 	stroke: #efa91cff;
				}
				.imagemap-masks-canvas-wrapper g.reserveret.highlight circle,
				.imagemap-masks-canvas-wrapper g.reserveret.selected circle {
				 	fill: #efa91cff;
				 	stroke: #efa91cff;
				}
				@media (hover:hover) {
					.imagemap-masks-canvas-wrapper g.reserveret:hover path {
					 	fill: #efa91ccc;
				 		stroke: #efa91cff;
					}
					.imagemap-masks-canvas-wrapper g.reserveret:hover circle {
					 	fill: #efa91cff;
					 	stroke: #efa91cff;
					}
				}
				@media (max-width: 767px) {
					.imagemap-masks-canvas-wrapper g.reserveret.previously-selected path {
					 	fill: #efa91ccc;
					 	stroke: #efa91cff;
					}
					.imagemap-masks-canvas-wrapper g.reserveret.previously-selected circle {
					 	fill: #efa91cff;
					 	stroke: #efa91cff;
					}
				}
            
				.imagemap-masks-canvas-wrapper g.udlejet path {
				 	fill: #dd33334c;
				 	stroke: #dd33337f;
				}
				.imagemap-masks-canvas-wrapper g.udlejet circle {
				 	fill: #dd333300;
				 	stroke: #dd333399;
				}
				.imagemap-masks-canvas-wrapper g.udlejet.highlight path,
				.imagemap-masks-canvas-wrapper g.udlejet.selected path {
				 	fill: #dd3333cc;
				 	stroke: #dd3333ff;
				}
				.imagemap-masks-canvas-wrapper g.udlejet.highlight circle,
				.imagemap-masks-canvas-wrapper g.udlejet.selected circle {
				 	fill: #dd3333ff;
				 	stroke: #dd3333ff;
				}
				@media (hover:hover) {
					.imagemap-masks-canvas-wrapper g.udlejet:hover path {
					 	fill: #dd3333cc;
				 		stroke: #dd3333ff;
					}
					.imagemap-masks-canvas-wrapper g.udlejet:hover circle {
					 	fill: #dd3333ff;
					 	stroke: #dd3333ff;
					}
				}
				@media (max-width: 767px) {
					.imagemap-masks-canvas-wrapper g.udlejet.previously-selected path {
					 	fill: #dd3333cc;
					 	stroke: #dd3333ff;
					}
					.imagemap-masks-canvas-wrapper g.udlejet.previously-selected circle {
					 	fill: #dd3333ff;
					 	stroke: #dd3333ff;
					}
				}
            
				.imagemap-masks-canvas-wrapper g.ikke_udbudt path {
				 	fill: #8888884c;
				 	stroke: #8888887f;
				}
				.imagemap-masks-canvas-wrapper g.ikke_udbudt circle {
				 	fill: #88888800;
				 	stroke: #88888899;
				}
				.imagemap-masks-canvas-wrapper g.ikke_udbudt.highlight path,
				.imagemap-masks-canvas-wrapper g.ikke_udbudt.selected path {
				 	fill: #888888cc;
				 	stroke: #888888ff;
				}
				.imagemap-masks-canvas-wrapper g.ikke_udbudt.highlight circle,
				.imagemap-masks-canvas-wrapper g.ikke_udbudt.selected circle {
				 	fill: #888888ff;
				 	stroke: #888888ff;
				}
				@media (hover:hover) {
					.imagemap-masks-canvas-wrapper g.ikke_udbudt:hover path {
					 	fill: #888888cc;
				 		stroke: #888888ff;
					}
					.imagemap-masks-canvas-wrapper g.ikke_udbudt:hover circle {
					 	fill: #888888ff;
					 	stroke: #888888ff;
					}
				}
				@media (max-width: 767px) {
					.imagemap-masks-canvas-wrapper g.ikke_udbudt.previously-selected path {
					 	fill: #888888cc;
					 	stroke: #888888ff;
					}
					.imagemap-masks-canvas-wrapper g.ikke_udbudt.previously-selected circle {
					 	fill: #888888ff;
					 	stroke: #888888ff;
					}
				}
            

/*************************************************
 *  FARVER på Signaturforklaring
 */
	.signaturforklaring .container .item .element.titel,
	.navigationsknapper .navigationsknap::after {
	 	color: #000000;
	}

	.signaturforklaring .container .item .farve.ledig {
	 	background-color: #81d742;
	}

	.signaturforklaring .container .item .farve.reserveret {
	 	background-color: #efa91c;
	}

	.signaturforklaring .container .item .farve.solgt {
	 	background-color: #dd3333;
	}

	.signaturforklaring .container .item .farve.udlejet {
	 	background-color: #dd3333;
	}

	.signaturforklaring .container .wrapper {
	 	text-align: initial;
	}



/*************************************************
 *  FARVER på Signaturforklaring 2.0
 */

	.signatur .farve.ledig {
	 	background-color: #81d742;
	}

	.signatur .farve.reserveret {
	 	background-color: #efa91c;
	}

	.signatur .farve.solgt {
	 	background-color: #dd3333;
	}

	.signatur .farve.udlejet {
	 	background-color: #dd3333;
	}




				.signaturforklaring .container .item .farve.ledig,
				.signatur .farve.ledig {
				 	background-color: #81d742;
				}

				.ipe-liste tr.status-ledig .status-indicator {
					background-color: #81d742ff;
				}

				@media (hover: hover) {
					.ipe-liste tr.status-ledig:hover .status-indicator,
					.ipe-liste tr.status-ledig:hover .hover-indicator,
					.ipe-liste tr.status-ledig.highlight .hover-indicator {
						background-color: #81d742ff;
					}
				}
            
				.signaturforklaring .container .item .farve.reserveret,
				.signatur .farve.reserveret {
				 	background-color: #efa91c;
				}

				.ipe-liste tr.status-reserveret .status-indicator {
					background-color: #efa91cff;
				}

				@media (hover: hover) {
					.ipe-liste tr.status-reserveret:hover .status-indicator,
					.ipe-liste tr.status-reserveret:hover .hover-indicator,
					.ipe-liste tr.status-reserveret.highlight .hover-indicator {
						background-color: #efa91cff;
					}
				}
            
				.signaturforklaring .container .item .farve.udlejet,
				.signatur .farve.udlejet {
				 	background-color: #dd3333;
				}

				.ipe-liste tr.status-udlejet .status-indicator {
					background-color: #dd3333ff;
				}

				@media (hover: hover) {
					.ipe-liste tr.status-udlejet:hover .status-indicator,
					.ipe-liste tr.status-udlejet:hover .hover-indicator,
					.ipe-liste tr.status-udlejet.highlight .hover-indicator {
						background-color: #dd3333ff;
					}
				}
            
				.signaturforklaring .container .item .farve.ikke_udbudt,
				.signatur .farve.ikke_udbudt {
				 	background-color: #888888;
				}

				.ipe-liste tr.status-ikke_udbudt .status-indicator {
					background-color: #888888ff;
				}

				@media (hover: hover) {
					.ipe-liste tr.status-ikke_udbudt:hover .status-indicator,
					.ipe-liste tr.status-ikke_udbudt:hover .hover-indicator,
					.ipe-liste tr.status-ikke_udbudt.highlight .hover-indicator {
						background-color: #888888ff;
					}
				}
            
td.status-indicator-wrapper  {
    padding: 0px 10px !important;
}
td.status-indicator-wrapper .circle.status-indicator {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

/*************************************************
 *  FARVER på Liste
 */

/* Define the hover highlight color for the table row */
	@media (hover: hover) {
		.hoverTable tbody tr:hover {
			color: #FFFFFF;
		    background-color: ##323232;
		    background-color: ##3232327f;
		}
		.hoverTable tbody tr:hover .favourite-button-wrapper {
			stroke: #FFFFFF;
		}
	}
	.hoverTable tbody tr.highlight {
		color: #FFFFFF;
	    background-color: ##323232;
	    background-color: ##3232327f;
	}
	.hoverTable tbody tr.highlight .favourite-button-wrapper {
		stroke: #FFFFFF;
	}

	@media (hover: hover) {
		.hoverTable tbody tr:hover td {
		    background-color: ##323232;
		    background-color: ##3232327f;
		}
	}

	.hoverTable tbody tr.highlight td {
	    background-color: ##323232;
	    background-color: ##3232327f;
	}

/* REMOVE THIS
	.hoverTable .status-ledig td {
	 	background-color: #81d7427f;
	}

	.hoverTable .status-reserveret td {
	 	background-color: #efa91c7f;
	}

	.hoverTable .status-solgt td {
	 	background-color: #dd33337f;
	}

	.hoverTable .status-udlejet td {
	 	background-color: #dd33337f;
	}
*/


	.hoverTable tr td, .hoverTable tr th,
	.hoverTable tr th:last-child, .hoverTable tr td:last-child { 
		padding: 7px;
	}

	.hoverTable tbody tr {
	    border-bottom: 0px solid #000000;
	}

	.hoverTable tr.ipe-header th,
	.hoverTable tr.liste-tablerow td {
		white-space: nowrap;
	}

	

/*************************************************
 *  FARVER på Filtre
 */

	.filter-button input[type=checkbox]:checked:before {
	    color: ##323232;
	}

	.slidecontainer .marker {
	    background-color: ##323232;
	}

	.slidecontainer .slider::-webkit-slider-thumb {
		background: ##323232;
	}

	.slidecontainer .slider::-moz-range-thumb {
		background: ##323232;
	}

	/* Checkboxes in filters */
	.filters input[type="checkbox"] {
		background-color: #FFFFFF;
	    border:  1px solid ##323232;
	    width: 16px;
	    min-width: 16px;
	    height: 16px;
	    border-radius: 0px
	}

	.filters input[type=checkbox]:checked:before {
	    color: ##323232;
	    font-size: 16px;
	    width: 16px;
	    line-height: 16px;
	    transform: translate(-1px, -1px);
	}


	
			.ipe-liste {
				padding: 0 10px;
    			margin-bottom: 50px;
			}

			.filter-button.togglefilters {
			    position: relative;
			    display: block;
			    max-width: 100%;
	    		width: 100%;
			    padding: 10px;
			    cursor: pointer;
			    background-color: #FFFFFF; /*SITEBG*/
			    z-index:5;
			}

			.filter-button.togglefilters::before {
				content:"";
			    display: block;
			    position: absolute;
			    top:10px;
			    bottom:10px;
			    left:0px;
			    right:0px;
			    border: 1px solid  ##323232; /*VAR*/
			    background-color:  ##323232; /*VAR*/
			    z-index: -1;
			}

			.filter-button.togglefilters .text{
				display:block;
				margin:1em;
				color:  #FFFFFF; /*VAR*/
			}

			.filter-button.togglefilters .filter-arrow {
				margin:0.65em;
			}



			.filter-button.togglefilters .filter-arrow {
			    border-color: #FFFFFF;
			}

			.filter-button.togglefilters .filter-arrow::after {
			    border-color: #FFFFFF;
			}


			.filters {
				padding:10px;
				-webkit-transition:all 300ms ease-in-out;
				-moz-transition:all 300ms ease-in-out;
				-ms-transition:all 300ms ease-in-out;
				-o-transition:all 300ms ease-in-out;
				transition:all 300ms ease-in-out;
				transform: translateY(-100%);
			}

			.filters.active {
				transform: translateY(0%);
			}

			.click-button-wrapper,
			.filters .filter-button {
				width: 100%;
				max-width: 100%;
    			margin: 0 0 10px 0;
    			border:none;
			}

			.filters .filter-button .button-content {
				display: block;
				top:0px;
				left:100px;
				border:none;
			}

			@media (max-width: 767px) {
			    .filters .filter-button {
			        padding: 1em 0;
			    }
				.filters .filter-button .button-content {
					left:80px;
				}
			}

			.filters .filter-button.status .text {
				position: absolute;
				z-index: 5;
			}

			.filters .filter-button.status .button-content {
			    position: relative;
			    width: 100%;
			    left: 0px;
			    padding-left: 85px;
			}

			.filters .filter-button .filter-arrow {
				display:none;
			}

			.filters .filter-button.clickable {
				display: block;
				border: none;
				padding: 0px 10px;
				margin: 0 0 0 auto;
				z-index: 3;
			}

			.click-button-wrapper .filter-button.clickable.go {
			    background: ##323232;
			    color: #FFFFFF; /*VAR*/  /*TODO*/
			}

			.tableheader .filters {
			    position: absolute;
			    background-color: #fff;
			    right: 0;
			    left: 0;
			    box-shadow: 0px 0px 0px #FFFFFF00;
			}

			.tableheader .filters.active {
			    box-shadow: 0px 0px 10px #8886;
			}

			.filters .filter-button .checkbox {
			    display: inline-block;
			}

			#sortabletable.hoverTable {
			    margin: calc(0px);
			    margin-left: calc(10px);
			    margin-right: calc(10px);
			    width: calc(100% - 20px);
			}
/*
			@media screen AND (max-width:400px) {
				.filter-button .button-content .right {
				    position:unset;
				    right:unset;
				    float:right;
				}

				.filter-button.price .value {
				    font-size: 3.4vw;
				    vertical-align: top;
				    transform: translate(0px, 8px);
				    display: inline-block;
				}
			}

			@media screen AND (max-width:400px) {
				.filter-button.price .value {
				    font-size: 3vw;
				}
			}
*/

		

/*************************************************
 *  FARVER på Boliginfo Viewer
 */

	.ipe-boliginfo-information .ipe-boliginfo-table tr:nth-child(2n) {
	    background-color: transparent;
	}
	.ipe-boliginfo-information .ipe-boliginfo-table tr:nth-child(2n+1) {
	    background-color: #f7f7f7;
	}
	.ipe-boliginfo-information .ipe-boliginfo-table tr,
	.ipe-boliginfo-information .ipe-boliginfo-table tr:first-of-type {
	    border-color: #000000;
	}

	.ipe-boliginfo-main .ipe-boliginfo-information .ipe-boliginfo-table tr {
	    border-width: 0px;
	}
	
	@media (hover: hover) {
		#sidebox-boligoversigt-content .download-button:hover,
		#lightbox-boligoversigt-content .download-button:hover {
		    background-color: ##323232;
		}

		.ipe-boliginfo-button:hover {
		    background-color: ##323232;
		}
	}
	

/*************************************************
 *  VALUTA
 */

	.pris .boligoversigt.valuta::before{
	    content:"kr."; /*VAR*/
	    padding: 5px;
	}
	.varme .boligoversigt.valuta::before{
	    content:"kr."; /*VAR*/
	    padding: 5px;
	}
	.vand .boligoversigt.valuta::before{
	    content:"kr."; /*VAR*/
	    padding: 5px;
	}


/*************************************************
 *  ÅBENT HUS
 */
	.aabenthus-toggle {
		display:none!important;
	}
	.wppopups-whole {
		display:none!important;
	}
	body > *:not(.wppopups-whole) {
		-webkit-filter: none!important;
		-moz-filter: none!important;
		-o-filter: none!important; 
		-ms-filter: none!important; 
		filter: none!important;
	}
	
/*************************************************
 *  POPUP
 */
	#popup-overlay.popup-overlay {
	    display: none;
	}

/* COOKIE INFO - 2020-03-04 */
	/* REMOVE BUTTON TEXT TRANFORM IF ANY */
	#coiOverlay button {
		text-transform: none;
	}

	/* TEXT SIZE */
	#coiOverlay .coi-banner__maintext {
	    line-height: 1.5em !important;
	}

	#coiOverlay #coi-banner-wrapper a {
	    font-size: inherit;
    	color: inherit;
    	text-decoration: underline;
	}

	#coiOverlay .coi-banner-consent-field {
	    border: none;
	}

	/* NO HEADER */
	#coiOverlay .coi-banner__header {
		display: none;
	}

	/* NO AUTO LINK */
	#coiOverlay #Coi-Renew {
		display: none !important;
	}

	/* COOKIE COLORS */
	#coiOverlay .coi-button-group button,
	#coiOverlay .coi-banner__page-footer button {
		border-radius: 5px;
	  	background: #f6f6f6; /* ANDRE KNAPPER */
	  	color: #000000;
	}

	@media (hover: hover) {
		#coiOverlay .coi-button-group button:hover,
		#coiOverlay .coi-banner__page-footer button:hover {
		  	background: #dddddd; /* ANDRE KNAPPER HOVER */
		  	color: #000000;
		}
	}

	#coiOverlay .coi-button-group button.coi-banner__accept,
	#coiOverlay .coi-banner__page-footer button.coi-banner__accept { 
	  	background: #1C771C; /* OK KNAP */
	  	color: #FFFFFF;
	}

	@media (hover: hover) {
		#coiOverlay .coi-button-group button.coi-banner__accept:hover,
		#coiOverlay .coi-banner__page-footer button.coi-banner__accept:hover {
		  	background: #1CBB1C; /* OK KNAP HOVER */
		  	color: #FFFFFF;
		}
	}

	#coiOverlay .coi-consent-banner__category-expander:checked ~ .coi-consent-banner__name-container,
	#coiOverlay .coi-consent-banner__category-name:hover {
	  	color: #000000;  /* HOVER KATEGORI TITEL */
	}

	#coiOverlay .coi-checkboxes input[type=checkbox]:checked + .checkbox-toggle {
	  	background: #1C771C;  /* AKTIV TOGGLE BUTTON */
	}

	#coiOverlay .coi-checkboxes input[type=checkbox]:checked + .checkbox-toggle:before {
	    left: 30px;
	}

	#coiOverlay .coi-banner__page {
	    background: #f6f6f6;
	}

	#coiOverlay .coi-banner__page-footer {
	    background: #FFFFFF;
	    color: #929292;
	}

	#coiOverlay .coi-banner__headline {
	    font-size: 1.8em;
	    color: #000000;
	}

	#coiOverlay .coi-banner__maintext {
	    font-size: 0.8em;
	    color: #000000;
	}

	#coiOverlay #coiConsentBannerCategoriesWrapper {
	    background: #f6f6f6;
	    color: #000000;
	    border-bottom:  1px solid  #CCCCCC;
	}

	#coiOverlay .coi-banner-consent-group .consent-feld-name {
	    color: #000000;
	}

	#coiOverlay .coi-checkboxes .checkbox-toggle {
	    background: #AAAAAA;
	    width: 65px;
	    height: 40px;
	    border-radius: 200px;
	}

	#coiOverlay .coi-checkboxes .checkbox-toggle:before {
	    background: #FFFFFF;
	    width: 30px;
	    height: 30px;
	    left: 5px;
	    top: 5px;
	}

	#coiOverlay .coi-banner-consent-field {
	    border-right:  1px solid  #CCCCCC;
	}

	#coiOverlay .coi-banner-consent-field:last-child {
	    border-right: 0;
	}

	#coiOverlay .coi-banner__footer {
		display: none;
	}

	body #Coi-Renew .renew_path {
	    fill: #1C771C !important;
	}

	/* DISABLE CHROME FOCUS RING ON COI */
	div#coi-banner-wrapper:focus {
	    outline: -webkit-focus-ring-color auto 0px;
	}
	
	button#updateButton {
		max-width: 100%;
	}
	button#updateButton[tabindex="0"] + button.coi-banner__accept {
		display: none;
	}
	button#updateButton.coi-banner__decline[style="display: none;"] + button.coi-banner__accept {
		display: inherit;
	}
/* KORT-TOOLTIP */
	body .tooltip-background,
	.tooltip-wrapper .tooltip-background {
	    color: #333333;
	    font-size: 1em;
	    line-height: 1em;
	}

	body .tooltip-background .tooltip-header,
	.tooltip-wrapper .tooltip-background .tooltip-header {
		padding: 20px;
		padding-bottom: 10px;
	    background: #333333;
	    color: #FFFFFF;
	    font-size: 1.2em;
		border: 0px solid #333333;
		border-width: 0px 0px 0 0px;
	    border-radius: 0px 0px 0 0;
	}

	body .tooltip-background .tooltip-header h4,
	.tooltip-wrapper .tooltip-background .tooltip-header h4 {
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		margin: 0px;
	}

	body .tooltip-background .tooltip-content,
	body .tooltip-background .tooltip-override,
	.tooltip-wrapper .tooltip-background .tooltip-content,
	.tooltip-wrapper .tooltip-background .tooltip-override {
	    background: #FFFFFF;
		padding: 20px;
		padding-top: 10px;
		border: 0px solid #333333;
		border-width: 0 0px 0px 0px;
	    border-radius: 0 0 0px 0px;
	}

	body .tooltip-background .tooltip-content table td ,
	.tooltip-wrapper .tooltip-background .tooltip-content table td {
	    border-bottom: 1px solid #BBBBBB;
	    
	}

	/* CUSTOM CSS FIELD */
	
/* Tooltips Stying */
.ipe-svg-tooltip-content,
[data-tooltip]::before {
    background-color: #000;
    background-color: #000E6;
}
.ipe-svg-tooltip-content::after,
[data-tooltip]::after {
    border-bottom: 5px solid #000;
    border-bottom: 5px solid #000E6;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

/* FONTS */

		.ipe-wrapper , .ipe-wrapper table {
				font-family: Ikano-sans;
				font-size: 14px;
				
		}
	
		.ipe-wrapper h1, .ipe-wrapper h2, .ipe-wrapper h3, .ipe-wrapper h4, .ipe-wrapper h5, .ipe-wrapper h6 {
				font-weight: bold;
				font-size: 2rem;
				
		}
	
		.ipe-wrapper p {
				
		}
	
		.ipe-wrapper .ipe-page-link a {
				
		}
	
		.ipe-wrapper .ipe-page-link:hover a {
				
		}
	
		.ipe-wrapper .ipe-page-link:active a {
				
		}
	
		.ipe-wrapper .ipe-page-link:focus a {
				
		}
	
		.imagemap-global-wrapper  {
				
		}
	
		.imagemap-global-wrapper .ipe-controlbar .text {
				
		}
	
		.imagemap-global-wrapper .ipe-hotspot-text {
				
		}
	
		.imagemap-global-wrapper [data-tooltip]:before {
				
		}
	
		.imagemap-global-wrapper .ipe-menu-font {
				
		}
	
		.imagemap-global-wrapper .ipe-sm-list-item {
				
		}
	
		.ipe-pagemodal  {
				
		}
	
		.ipe-pagemodal .ipe-page-title {
				
		}
	
		.ipe-pagemodal .ipe-page-abstract {
				
		}
	
		.ipe-pagemodal .ipe-page-text {
				
		}
	
		.ipe-pagemodal .ipe-page-link a {
				
		}
	
		.ipe-pagemodal .ipe-page-link:hover a {
				
		}
	
		.ipe-pagemodal .ipe-page-link:active a {
				
		}
	
		.ipe-pagemodal .ipe-page-link:focus a {
				
		}
	
		@media (max-width: 1024px) {
			.ipe-pagemodal  {
				
			}
		}
	
		@media (max-width: 1024px) {
			.ipe-pagemodal .ipe-page-title {
				
			}
		}
	
		@media (max-width: 1024px) {
			.ipe-pagemodal .ipe-page-abstract {
				
			}
		}
	
		@media (max-width: 1024px) {
			.ipe-pagemodal .ipe-page-text {
				
			}
		}
	
		@media (max-width: 1024px) {
			.ipe-pagemodal .ipe-page-link a {
				
			}
		}
	
		@media (max-width: 1024px) {
			.ipe-pagemodal .ipe-page-link:hover a {
				
			}
		}
	
		@media (max-width: 1024px) {
			.ipe-pagemodal .ipe-page-link:active a {
				
			}
		}
	
		@media (max-width: 1024px) {
			.ipe-pagemodal .ipe-page-link:focus a {
				
			}
		}
	
		@media (max-width: 767px) {
			.ipe-pagemodal  {
				
			}
		}
	
		@media (max-width: 767px) {
			.ipe-pagemodal .ipe-page-title {
				
			}
		}
	
		@media (max-width: 767px) {
			.ipe-pagemodal .ipe-page-abstract {
				
			}
		}
	
		@media (max-width: 767px) {
			.ipe-pagemodal .ipe-page-text {
				
			}
		}
	
		@media (max-width: 767px) {
			.ipe-pagemodal .ipe-page-link a {
				
			}
		}
	
		@media (max-width: 767px) {
			.ipe-pagemodal .ipe-page-link:hover a {
				
			}
		}
	
		@media (max-width: 767px) {
			.ipe-pagemodal .ipe-page-link:active a {
				
			}
		}
	
		@media (max-width: 767px) {
			.ipe-pagemodal .ipe-page-link:focus a {
				
			}
		}
	
		.ipe-infospot  {
				
		}
	
		.ipe-infospot .ipe-title {
				
		}
	
		.ipe-infospot .ipe-manchette {
				
		}
	
		.ipe-infospot .ipe-quote {
				
		}
	
		.ipe-infospot .ipe-text {
				
		}
	
		.ipe-infospot .ipe-link a {
				
		}
	
		.ipe-infospot .ipe-link:hover a {
				
		}
	
		.ipe-infospot .ipe-link:active a {
				
		}
	
		.ipe-infospot .ipe-link:focus a {
				
		}
	
		.ipe-imagemap-guide  {
				
		}
	
		.ipe-imagemap-guide .ipe-title {
				font-size: 1.4em;
				text-transform: uppercase;
				
		}
	
		.ipe-imagemap-guide .ipe-text {
				
		}
	
		.ipe-imagemap-guide .ipe-extra-text {
				
		}
	
		.ipe-imagemap-guide .ipe-icon {
				
		}
	
		.ipe-imagemap-guide .ipe-label {
				
		}
	
/* INFOGUIDE */
	.ipe-imagemap-guide {
		max-width: 500px;
	    color: #131313;
	}
	.ipe-imagemap-guide .ipe-imagemap-guide-scrollarea {
	    border-radius: 0px;
	}
	.ipe-imagemap-guide .ipe-imagemap-guide-content .guide-info {
		padding: 40px;
	    background-color: #ACACAC;
	    color: #131313;
	}
	.ipe-imagemap-guide .ipe-imagemap-guide-content .signature-info {
		padding: 40px;
	    background-color: #ACACAC;
	    color: #131313;
	}
	.ipe-imagemap-guide .ipe-imagemap-guide-content hr {
		margin: 2em 0;
		opacity: 0.7;
		border: 1px solid #131313;
    	border-bottom: 0;
	}
	.ipe-imagemap-guide .ipe-imagemap-guide-content .signature-info hr {
		border: 1px solid #131313;
    	border-bottom: 0;
	}
	.ipe-imagemap-guide .ipe-imagemap-guide-content p {
		margin: 20px 0;
	}
	.ipe-imagemap-guide .ipe-lightbox-close-button path {
		fill: #131313;
	}
	.ipe-imagemap-guide .ipe-imagemap-guide-scrollarea::-webkit-scrollbar-track { /* Track */
	    background: #ACACAC;  /*VAR: C1 */
	}
	.ipe-imagemap-guide .ipe-imagemap-guide-scrollarea::-webkit-scrollbar-thumb { /* Handle */
	    background: #131313; /*VAR: C2 */
	    background: #131313BB; /*CALC: C2 + "BB" */
	    border:3px solid #ACACAC;  /*VAR: C1 */
	}
	.ipe-imagemap-guide .ipe-imagemap-guide-scrollarea { /* Firefox */
	    scrollbar-color: #131313 #ACACAC; /*VAR: C2 C1*/
	    scrollbar-color: #131313BB #ACACAC; /*CALC: C2 + "BB" C1 */
	}
	@media (hover: hover) {
	    .ipe-imagemap-guide .ipe-imagemap-guide-scrollarea::-webkit-scrollbar-thumb:hover { /* Handle on hover */
	      background: #131313; /*VAR: C1 */
	    }
	}
	.signature-icons .ipe-icon {
	    background-color: #131313;
	    background-color: ;
	}
	.signature-icons .ipe-icon.ipe-north {
	    border:2px solid #131313;
	    border:2px solid ;
	}
	.signature-icons .ipe-icon.ipe-north svg .path.filled {
	    fill: #131313;
	    fill: ;
	}
	.signature-icons .ipe-icon svg .path.filled {
	    fill: #ACACAC;
	    fill: ;
	}
	.signature-icons .ipe-icon svg .path.stroked {
	    stroke: #ACACAC;
	    stroke: ;
	}
	.signature-icons .ipe-icon p {
	    color: #ACACAC;
	    color: ;
	}
	@media (max-width: 767px) {
		.ipe-imagemap-guide-content {
		    flex-direction: column;
		}
		.signature-icons .ipe-lightbox-close-button path {
			fill: #131313;
		}
		.ipe-imagemap-guide .signature-icons {
			display: flex;
    		flex-wrap: wrap;
		}
		.ipe-imagemap-guide .signature-icon {
		    flex-basis: 50%;
		}
		.ipe-imagemap-guide .ipe-lightbox-close-button path {
			fill: #131313;
		}
	}

/* PAGEMODAL */
	.ipe-pagemodal {
	    max-width: 750px;
	}
	.ipe-pagemodal , 
	.ipe-pagemodal a {
	    color: #131313;
	}
	.ipe-pagemodal .ipe-pagemodal-content{
		padding: 90px 100px;
	    background-color: #ACACAC;
	    border-radius: 0px;
	}
	.ipe-pagemodal .ipe-pagemodal-content p {
		margin-top: 60px;
	}
	.ipe-pagemodal .ipe-lightbox-close-button path {
		fill: #131313;
	}
	.ipe-pagemodal .ipe-pagemodal-content::-webkit-scrollbar-track { /* Track */
	    background: #ACACAC;  /*VAR: C1 */
	}
	.ipe-pagemodal .ipe-pagemodal-content::-webkit-scrollbar-thumb { /* Handle */
	    background: #131313; /*VAR: C2 */
	    background: #131313BB; /*CALC: C2 + "BB" */
	    border:3px solid #ACACAC;  /*VAR: C1 */
	}
	.ipe-pagemodal .ipe-pagemodal-content { /* Firefox */
	    scrollbar-color: #131313 #ACACAC; /*VAR: C2 C1*/
	    scrollbar-color: #131313BB #ACACAC; /*CALC: C2 + "BB" C1 */
	}
	@media (hover: hover) {
	    .ipe-pagemodal .ipe-pagemodal-content::-webkit-scrollbar-thumb:hover { /* Handle on hover */
	      background: #131313; /*VAR: C1 */
	    }
	}
	.ipe-pagemodal .ipe-pagemodal-content .ipe-page-text::after {
	    background: -moz-linear-gradient(180deg, #ACACAC00 0%, #ACACACFF 100%);
	    background: -webkit-linear-gradient(180deg, #ACACAC00 0%, #ACACACFF 100%);
	    background: linear-gradient(180deg, #ACACAC00 0%, #ACACACFF 100%);
	}


/* INFOSPOTS */
	.ipe-infospot {
	    max-width: 550px;
	}
	.ipe-infospot , 
	.ipe-infospot a {
	    color: #131313;
	}
	.ipe-infospot .ipe-infospot-content{
		padding: 60px 40px;
	    background-color: #ACACAC;
	    border-radius: 0px;
	}
	.ipe-infospot .ipe-infospot-content > * {
		margin-top: 20px;
	}
	.ipe-infospot .ipe-images.multiple-images img {
	    margin: 3% 0;
	    width: 47%;
	}
	.ipe-infospot .ipe-lightbox-close-button path {
		fill: #131313;
	}
	.ipe-infospot .ipe-infospot-content::-webkit-scrollbar-track { /* Track */
	    background: #ACACAC;  /*VAR: C1 */
	}
	.ipe-infospot .ipe-infospot-content::-webkit-scrollbar-thumb { /* Handle */
	    background: #131313; /*VAR: C2 */
	    background: #131313BB; /*CALC: C2 + "BB" */
	    border:3px solid #ACACAC;  /*VAR: C1 */
	}
	.ipe-infospot .ipe-infospot-content { /* Firefox */
	    scrollbar-color: #131313 #ACACAC; /*VAR: C2 C1*/
	    scrollbar-color: #131313BB #ACACAC; /*CALC: C2 + "BB" C1 */
	}
	@media (hover: hover) {
	    .ipe-infospot .ipe-infospot-content::-webkit-scrollbar-thumb:hover { /* Handle on hover */
	      background: #131313; /*VAR: C1 */
	    }
	}

/* TOGGLEBOXES */
	.ipe-togglebox input[type="checkbox"] {
	    background-color: #DDDDDD;
	    border: 1px solid #BBBBBB;
	    border-radius: 0px; 
	    width: 25px;
	    min-width: 25px;
	    height: 25px; 
		min-height: 25px;
	}

	.ipe-togglebox input[type=checkbox]::before {
	    background-color: #888888; 
	    margin:3px; 
	    border-radius: 0px;  
	}

	.ipe-togglebox input[type=checkbox]:checked::after {
	    background-image: url(../graphics/symbols/check-regular.svg);
	    background-size: 50%; 
	}

	@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-togglebox input[type="checkbox"] {
		    width: ;
		    min-width: ;
		    height: ; 
		    min-height: ;
		}
	}

	@media (max-width: 767px) {
		.ipe-togglebox input[type="checkbox"] {
		    width: ;
		    min-width: ;
		    height: ;
		    min-height: ; 
		}
	}

/* IPE LIGHTBOX */  
	.ipe-lightbox-underlay {
		background-color:#000000;
	} 
	.ipe-lightbox-underlay.ipe-do-fade {
		opacity:0.25;
	}
	.ipe-do-blur {
	    -webkit-backdrop-filter: blur(5px);
	    backdrop-filter: blur(5px);
	}


/* ELEMENTOR LIGHTBOX */
	.elementor-lightbox.dialog-type-lightbox {
		background-color:#000000cc;
	    -webkit-backdrop-filter: blur(5px);
	    backdrop-filter: blur(5px);
	}
	.elementor-lightbox .elementor-lightbox-image {
		background-color:#FFFFFF;
		padding:20px;
	}

.ipe-sm-controlbar-wrapper .sm-button {
    height: 48px; 
    width: 48px;
    border-radius: 24px;
}
.ipe-sm-controlbar-wrapper .sm-button.hide {
    transform: translate(0,34px);
}
.ipe-sm-controlbar-wrapper .sm-button .icon-wrapper.inline {
    width: 24px;
    height: 24px;
}
.ipe-sm-controlbar-wrapper .sm-button .icon p {
    font-size: 19px;
}

.ipe-sm-controlbar-wrapper .sm-list-wrapper {
    height: 48px; 
    border-radius: 24px;
}

@media (max-width: 767px) {
	.ipe-pagemodal .ipe-pagemodal-content {
	    margin-bottom: 48px; 
	}
}

.ipe-sm-controlbar-wrapper .sm-list {
    padding-top: 48px; 
}

@media screen AND (hover:hover) {
	.ipe-sm-controlbar-wrapper .sm-list ul li:hover {
	    background-color: #FFFFFF22; 
	}
}

/* ICON / HOTSPOT COLORS */
.ipe-hotspot svg .path,
.ipe-colored-icon svg .path,
.signature-icon svg .path {
	stroke-width: 2px;
	stroke:none;
	fill:none;
}
.ipe-colored-icon {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon .stroked {
    stroke:#FFFFFF;
}
.ipe-colored-icon.menu {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon.menu .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon.menu .stroked {
    stroke:#FFFFFF;
}
.ipe-colored-icon.back,
.ipe-colored-icon.turn {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon.back .filled,
.ipe-colored-icon.turn .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon.back .stroked, 
.ipe-colored-icon.turn .stroked {
    stroke:#FFFFFF;
}
.ipe-colored-icon.nav {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon.nav .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon.nav .stroked {
    stroke:#FFFFFF;
}
.ipe-colored-icon.info {
    background-color:#888888;
    color:#FFFFFF;
}
.ipe-colored-icon.info .filled {
    fill:#FFFFFF;
}
.ipe-colored-icon.info .stroked {
    stroke:#FFFFFF;
}


@media (min-width: 768px) AND (max-width: 1024px) {
	.ipe-sm-controlbar-wrapper .sm-button {
	    height: 42px;
	    width: 42px;
	    border-radius: 21px;
	}
	.ipe-sm-controlbar-wrapper .sm-button.hide {
	    transform: translate(0,34px);
	}
	.ipe-sm-controlbar-wrapper .sm-button .icon-wrapper.inline {
	    width: 21px;
	    height: 21px;
	}
	.ipe-sm-controlbar-wrapper .sm-list-wrapper {
	    height: 42px; 
	    border-radius: 21px;
	}
}

@media (max-width: 767px) {
	.ipe-sm-controlbar-wrapper .sm-button {
	    height: 36px;
	    width: 36px;
	    border-radius: 18px;
	}
	.ipe-sm-controlbar-wrapper .sm-button.hide {
	    transform: translate(0,34px);
	}
	.ipe-sm-controlbar-wrapper .sm-button .icon-wrapper.inline {
	    width: 18px;
	    height: 18px;
	}
	.ipe-sm-controlbar-wrapper .sm-list-wrapper .sm-button .icon-wrapper.inline {
	    width: 24px;
	    height: 24px;
	}
	.ipe-sm-controlbar-wrapper .sm-list-wrapper {
	    height: 48px; 
	    border-radius: 0px;
	}
	.ipe-disclaimer-content.dd-style-v1 {
	    transform: translate(0px, -48px);
	}
}

/* SM MENU SCROLLBAR */
.ipe-sm-controlbar-wrapper .scrollable::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  background: #FFFFFFBB;
}

@media (hover: hover) {
    .ipe-sm-controlbar-wrapper .scrollable::-webkit-scrollbar-thumb:hover {
  		background: #FFFFFF;
    }
}

*/

.ipe-sm-controlbar-wrapper .scrollable { /* Firefox */
    scrollbar-color: #FFFFFF #f1f1f1; /*VAR: C1*/
    scrollbar-color: #FFFFFFBB #f1f1f133; /*CALC: C1 + "BB" */
}



	.ipe-hotspot.ipe-color-default {
	    background-color: #000000;
	    background-color: #000000ff;
	    color: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-default .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-default .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-default.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-default.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #000000;
		-moz-box-shadow: 0 0 25px #000000;
		box-shadow: 0 0 25px #000000;
	}
	.not-safari-device .ipe-hotspot.ipe-color-default.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-default.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #000000;
	    -moz-box-shadow: 0px 0px 0px 0px #000000;
	    box-shadow: 0px 0px 0px 0px #000000;
    	animation: ipe-expand-border-color-default 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-default {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #000000;
	        -moz-box-shadow: 0px 0px 0px 0px #000000;
	        box-shadow: 0px 0px 0px 0px #000000;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #000000;
	        -moz-box-shadow: 0px 0px 0px 15px #000000;
	        box-shadow: 0px 0px 0px 15px #000000;
	        opacity: 0;
	    }
	}

	
	.ipe-hotspot.ipe-color-variant-a {
	    background-color: #888888;
	    background-color: #888888ff;
	    color: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-a .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-a .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-a.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-a.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #888888;
		-moz-box-shadow: 0 0 25px #888888;
		box-shadow: 0 0 25px #888888;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-a.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-a.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #888888;
	    -moz-box-shadow: 0px 0px 0px 0px #888888;
	    box-shadow: 0px 0px 0px 0px #888888;
    	animation: ipe-expand-border-color-variant-a 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-variant-a {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #888888;
	        -moz-box-shadow: 0px 0px 0px 0px #888888;
	        box-shadow: 0px 0px 0px 0px #888888;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #888888;
	        -moz-box-shadow: 0px 0px 0px 15px #888888;
	        box-shadow: 0px 0px 0px 15px #888888;
	        opacity: 0;
	    }
	}

	
	.ipe-hotspot.ipe-color-variant-b {
	    background-color: #888888;
	    background-color: #888888ff;
	    color: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-b .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-b .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-b.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-b.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #888888;
		-moz-box-shadow: 0 0 25px #888888;
		box-shadow: 0 0 25px #888888;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-b.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-b.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #888888;
	    -moz-box-shadow: 0px 0px 0px 0px #888888;
	    box-shadow: 0px 0px 0px 0px #888888;
    	animation: ipe-expand-border-color-variant-b 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-variant-b {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #888888;
	        -moz-box-shadow: 0px 0px 0px 0px #888888;
	        box-shadow: 0px 0px 0px 0px #888888;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #888888;
	        -moz-box-shadow: 0px 0px 0px 15px #888888;
	        box-shadow: 0px 0px 0px 15px #888888;
	        opacity: 0;
	    }
	}

	
	.ipe-hotspot.ipe-color-variant-c {
	    background-color: #888888;
	    background-color: #888888ff;
	    color: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-c .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-c .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-c.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-c.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #888888;
		-moz-box-shadow: 0 0 25px #888888;
		box-shadow: 0 0 25px #888888;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-c.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-c.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #888888;
	    -moz-box-shadow: 0px 0px 0px 0px #888888;
	    box-shadow: 0px 0px 0px 0px #888888;
    	animation: ipe-expand-border-color-variant-c 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-variant-c {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #888888;
	        -moz-box-shadow: 0px 0px 0px 0px #888888;
	        box-shadow: 0px 0px 0px 0px #888888;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #888888;
	        -moz-box-shadow: 0px 0px 0px 15px #888888;
	        box-shadow: 0px 0px 0px 15px #888888;
	        opacity: 0;
	    }
	}

	
	.ipe-hotspot.ipe-color-variant-d {
	    background-color: #888888;
	    background-color: #888888ff;
	    color: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-d .ipe-hotspot-icon .ipe-svg.icon .path.stroked {
	    stroke: #FFFFFF;
	}

	.ipe-hotspot.ipe-color-variant-d .ipe-hotspot-icon .ipe-svg.icon .path.filled {
	    fill: #FFFFFF;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-d.ipe-glow-grow-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-d.ipe-glow-grow-border::after {
		-webkit-box-shadow: 0 0 25px #888888;
		-moz-box-shadow: 0 0 25px #888888;
		box-shadow: 0 0 25px #888888;
	}
	.not-safari-device .ipe-hotspot.ipe-color-variant-d.ipe-expand-solid-border::before,
	.not-safari-device .ipe-hotspot.ipe-color-variant-d.ipe-expand-solid-border::after {
	    -webkit-box-shadow: 0px 0px 0px 0px #888888;
	    -moz-box-shadow: 0px 0px 0px 0px #888888;
	    box-shadow: 0px 0px 0px 0px #888888;
    	animation: ipe-expand-border-color-variant-d 1800ms linear infinite;
	}
	@keyframes ipe-expand-border-color-variant-d {
	    0% {
	        -webkit-box-shadow: 0px 0px 0px 0px #888888;
	        -moz-box-shadow: 0px 0px 0px 0px #888888;
	        box-shadow: 0px 0px 0px 0px #888888;
	        opacity: .9;
	    }
	    100% {
	        -webkit-box-shadow: 0px 0px 0px 15px #888888;
	        -moz-box-shadow: 0px 0px 0px 15px #888888;
	        box-shadow: 0px 0px 0px 15px #888888;
	        opacity: 0;
	    }
	}

	
		.ipe-hotspot.ipe-size-small {
		    height:38.4px;
		    min-width:38.4px;
		    border-radius:19.2px;
		    padding:9.6px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small {
		    padding:9.6px;
		}

		.ipe-hotspot.ipe-square.ipe-size-small  {
		    width:38.4px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon {
			font-size:15.36px;
		    padding:6.4px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon {
		    max-height:19.2px;
		    max-width:19.2px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-icon .icon.custom {
		    max-height:19.2px;
		    max-width:19.2px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon.text-based {
		    max-height:9.6px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-text {
			font-size:16px;
		    padding:6.4px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text {
		    padding:2.4px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:last-child {
		    padding-left:9.6px;
		    padding-right:6.4px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:first-child {
		    padding-right:9.6px;
		    padding-left:6.4px;
		}

		
		.ipe-hotspot.ipe-size-medium {
		    height:48px;
		    min-width:48px;
		    border-radius:24px;
		    padding:12px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium {
		    padding:12px;
		}

		.ipe-hotspot.ipe-square.ipe-size-medium  {
		    width:48px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon {
			font-size:19.2px;
		    padding:8px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon {
		    max-height:24px;
		    max-width:24px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-icon .icon.custom {
		    max-height:24px;
		    max-width:24px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon.text-based {
		    max-height:12px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-text {
			font-size:16px;
		    padding:8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text {
		    padding:3px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:last-child {
		    padding-left:12px;
		    padding-right:8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:first-child {
		    padding-right:12px;
		    padding-left:8px;
		}

		
		.ipe-hotspot.ipe-size-large {
		    height:60px;
		    min-width:60px;
		    border-radius:30px;
		    padding:15px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large {
		    padding:15px;
		}

		.ipe-hotspot.ipe-square.ipe-size-large  {
		    width:60px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon {
			font-size:24px;
		    padding:10px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon {
		    max-height:30px;
		    max-width:30px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-icon .icon.custom {
		    max-height:30px;
		    max-width:30px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon.text-based {
		    max-height:15px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-text {
			font-size:16px;
		    padding:10px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text {
		    padding:3.75px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:last-child {
		    padding-left:15px;
		    padding-right:10px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:first-child {
		    padding-right:15px;
		    padding-left:10px;
		}

		@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-hotspot.ipe-size-small {
		    height:33.6px;
		    min-width:33.6px;
		    border-radius:16.8px;
		    padding:8.4px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small {
		    padding:8.4px;
		}

		.ipe-hotspot.ipe-square.ipe-size-small  {
		    width:33.6px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon {
			font-size:13.44px;
		    padding:5.6px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon {
		    max-height:16.8px;
		    max-width:16.8px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-icon .icon.custom {
		    max-height:16.8px;
		    max-width:16.8px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon.text-based {
		    max-height:8.4px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-text {
			font-size:14px;
		    padding:5.6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text {
		    padding:2.1px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:last-child {
		    padding-left:8.4px;
		    padding-right:5.6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:first-child {
		    padding-right:8.4px;
		    padding-left:5.6px;
		}

		
		.ipe-hotspot.ipe-size-medium {
		    height:42px;
		    min-width:42px;
		    border-radius:21px;
		    padding:10.5px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium {
		    padding:10.5px;
		}

		.ipe-hotspot.ipe-square.ipe-size-medium  {
		    width:42px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon {
			font-size:16.8px;
		    padding:7px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon {
		    max-height:21px;
		    max-width:21px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-icon .icon.custom {
		    max-height:21px;
		    max-width:21px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon.text-based {
		    max-height:10.5px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-text {
			font-size:14px;
		    padding:7px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text {
		    padding:2.625px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:last-child {
		    padding-left:10.5px;
		    padding-right:7px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:first-child {
		    padding-right:10.5px;
		    padding-left:7px;
		}

		
		.ipe-hotspot.ipe-size-large {
		    height:52.5px;
		    min-width:52.5px;
		    border-radius:26.25px;
		    padding:13.125px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large {
		    padding:13.125px;
		}

		.ipe-hotspot.ipe-square.ipe-size-large  {
		    width:52.5px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon {
			font-size:21px;
		    padding:8.75px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon {
		    max-height:26.25px;
		    max-width:26.25px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-icon .icon.custom {
		    max-height:26.25px;
		    max-width:26.25px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon.text-based {
		    max-height:13.125px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-text {
			font-size:14px;
		    padding:8.75px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text {
		    padding:3.28125px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:last-child {
		    padding-left:13.125px;
		    padding-right:8.75px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:first-child {
		    padding-right:13.125px;
		    padding-left:8.75px;
		}

		}@media (max-width: 767px) {
		.ipe-hotspot.ipe-size-small {
		    height:28.8px;
		    min-width:28.8px;
		    border-radius:14.4px;
		    padding:7.2px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small {
		    padding:7.2px;
		}

		.ipe-hotspot.ipe-square.ipe-size-small  {
		    width:28.8px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon {
			font-size:11.52px;
		    padding:4.8px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon {
		    max-height:14.4px;
		    max-width:14.4px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-icon .icon.custom {
		    max-height:14.4px;
		    max-width:14.4px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-icon .icon.text-based {
		    max-height:7.2px;
		}

		.ipe-hotspot.ipe-size-small .ipe-hotspot-text {
			font-size:12px;
		    padding:4.8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text {
		    padding:1.8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:last-child {
		    padding-left:7.2px;
		    padding-right:4.8px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-small .ipe-hotspot-text:first-child {
		    padding-right:7.2px;
		    padding-left:4.8px;
		}

		
		.ipe-hotspot.ipe-size-medium {
		    height:36px;
		    min-width:36px;
		    border-radius:18px;
		    padding:9px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium {
		    padding:9px;
		}

		.ipe-hotspot.ipe-square.ipe-size-medium  {
		    width:36px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon {
			font-size:14.4px;
		    padding:6px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon {
		    max-height:18px;
		    max-width:18px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-icon .icon.custom {
		    max-height:18px;
		    max-width:18px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-icon .icon.text-based {
		    max-height:9px;
		}

		.ipe-hotspot.ipe-size-medium .ipe-hotspot-text {
			font-size:12px;
		    padding:6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text {
		    padding:2.25px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:last-child {
		    padding-left:9px;
		    padding-right:6px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-medium .ipe-hotspot-text:first-child {
		    padding-right:9px;
		    padding-left:6px;
		}

		
		.ipe-hotspot.ipe-size-large {
		    height:45px;
		    min-width:45px;
		    border-radius:22.5px;
		    padding:11.25px;
		}
		.ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large {
		    padding:11.25px;
		}

		.ipe-hotspot.ipe-square.ipe-size-large  {
		    width:45px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon {
			font-size:18px;
		    padding:7.5px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon {
		    max-height:22.5px;
		    max-width:22.5px;
		}

		.ipe-hotspot-canvas .ipe-hotspot.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-icon .icon.custom {
		    max-height:22.5px;
		    max-width:22.5px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-icon .icon.text-based {
		    max-height:11.25px;
		}

		.ipe-hotspot.ipe-size-large .ipe-hotspot-text {
			font-size:12px;
		    padding:7.5px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text {
		    padding:2.8125px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:last-child {
		    padding-left:11.25px;
		    padding-right:7.5px;
		}
		.ipe-hotspot-icon-type-custom.ipe-size-large .ipe-hotspot-text:first-child {
		    padding-right:11.25px;
		    padding-left:7.5px;
		}

		}
/* EXPLORER */

	/* MENUBAR */
	.ipe-menubar-wrapper{
		justify-content: flex-end;
		background-color: #888888;
		font-size: 1em;
		color: #FFFFFF;
	}

	.ipe-menubar-wrapper .ipe-icon-svg.fill,
	.ipe-menubar-wrapper .ipe-icon-svg .fill{
		fill: #FFFFFF;
	}

	.ipe-menubar-wrapper .ipe-icon-svg.stroke,
	.ipe-menubar-wrapper .ipe-icon-svg .stroke{
		stroke: #FFFFFF;
	}

	.ipe-menubar-wrapper > .menuitem {
		border-bottom: 1px solid #FFFFFF;
	}

	@media (hover: hover) {
		.ipe-menubar-wrapper > .menuitem:hover {
			color: #FFFFFF;
			background-color: #BBBBBB;
		}

		.ipe-menubar-wrapper > .menuitem:hover .ipe-icon-svg.fill,
		.ipe-menubar-wrapper > .menuitem:hover .ipe-icon-svg .fill{
			fill: #FFFFFF;
		}

		.ipe-menubar-wrapper > .menuitem:hover .ipe-icon-svg.stroke,
		.ipe-menubar-wrapper > .menuitem:hover .ipe-icon-svg .stroke{
			stroke: #FFFFFF;
		}
	}

	.ipe-menubar-wrapper > .menuitem.selected {
		color: #FFFFFF;
		background-color: #BBBBBB;
	}

	.ipe-menubar-wrapper > .menuitem.selected .ipe-icon-svg.fill,
	.ipe-menubar-wrapper > .menuitem.selected .ipe-icon-svg .fill{
		fill: #FFFFFF;
	}

	.ipe-menubar-wrapper > .menuitem.selected .ipe-icon-svg.stroke,
	.ipe-menubar-wrapper > .menuitem.selected .ipe-icon-svg .stroke{
		stroke: #FFFFFF;
	}

	.ipe-menubar-wrapper > .menuitem {
		padding: 20px;
	}

	@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-menubar-wrapper > .menuitem {
			padding: 14px;
		}
	}

	@media (max-width: 767px) {
		.ipe-menubar-wrapper > .menuitem {
			padding: 6px;
		}
	}

	.ipe-menubar-wrapper > .menuitem > img,
	.ipe-menubar-wrapper > .menuitem > svg {
		width: 64px;
		background: none;
		border-radius: 64px;
		margin:auto;
	}

	@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-menubar-wrapper{
			font-size: 1em;
		}
		.ipe-menubar-wrapper > .menuitem > img,
		.ipe-menubar-wrapper > .menuitem > svg{
			width: 48px;
		}
	}
	@media (max-width: 767px) {
		.ipe-menubar-wrapper{
			font-size: 1em;
		}
		.ipe-menubar-wrapper > .menuitem > img,
		.ipe-menubar-wrapper > .menuitem > svg {
			width: 32px;
		}
	}

	/* MOVE MENU TO BOTTOM ON PORTRAIT / MOBILE */
	@media screen AND (orientation:portrait) {
	    .ipe-wrapper.mobile-top .ipe-menubar-wrapper > .menuitem,
	    .ipe-wrapper.mobile-bottom .ipe-menubar-wrapper > .menuitem {
	        border-right: 1px solid #FFFFFF;
	    }
	    .ipe-wrapper.mobile-left .ipe-menubar-wrapper > .menuitem,
	    .ipe-wrapper.mobile-right .ipe-menubar-wrapper > .menuitem {
	        border-bottom: 1px solid #FFFFFF;
	    }
	}

	.ipe-container-wrapper .lds-grid div {
		background: #888888;
	}

	/* CONTROLBAR */
	.ipe-controlbar {
	    justify-content: space-between;
	}

	.ipe-controlbar > *,
	.ipe-controlbar > .control-item {
	    font-size: 1em;
	}
	
	.ipe-controlbar > .control-item.back .text {
    	font-size: 1em;
    }
    
	.ipe-controlbar .text {
		font-size: 0.8em;
	    color: ;
	}

	.ipe-controlbar {
	    padding: 10px;
	    height: 90px;
	    min-height: 90px;
	}

	
	.ipe-controlbar .control-item .ipe-icon-img {
		width: 42px;
		min-width: 42px;
	}
	.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider input[type="range"]::-webkit-slider-thumb {
	    width: 42px;
	    height: 42px;
	}
	.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider .slider-bg {
	    height: 42px;
	}
	.ipe-controlbar.ipe-sunpath-controlbar .ipe-seasons-text {
	    top: 42px;
	}

	@media (min-width: 768px) AND (max-width: 1024px) {
		.ipe-controlbar > *,
		.ipe-controlbar > .control-item {
		    font-size: 1em;
			/*margin-left: 16px;*/
			/*margin-right: 16px;*/
		}

		.ipe-controlbar {
		    /*padding-top: 8px;*/
		    /*padding-bottom: 8px;*/
		    padding: 8px;
	    	height: 80px;
	    	min-height: 80px;
		}

		.ipe-controlbar .control-item .ipe-icon-img {
			width: 36px;
			min-width: 36px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider input[type="range"]::-webkit-slider-thumb {
		    width: 36px;
		    height: 36px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider .slider-bg {
		    height: 36px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-seasons-text {
		    top: 36px;
		}
	}
	@media (max-width: 767px) {
		.ipe-controlbar > *,
		.ipe-controlbar > .control-item {
		    font-size: 1em;
			/*margin-left: 12px;*/
			/*margin-right: 12px;*/
		}

		.ipe-controlbar {
		    /*padding-top: 6px;*/
		    /*padding-bottom: 6px;*/
		    padding: 6px;
	    	height: 70px;
	    	min-height: 70px;
		}

		.ipe-controlbar .control-item .ipe-icon-img {
			width: 30px;
			min-width: 30px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider input[type="range"]::-webkit-slider-thumb {
		    width: 30px;
		    height: 30px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-slider .slider-bg {
		    height: 30px;
		}
		.ipe-controlbar.ipe-sunpath-controlbar .ipe-seasons-text {
		    top: 30px;
		}
	}

	.ipe-controlbar .ipe-slider .slider-bg .slider-input {
	    background-color: #323232;
	    background-color: #32323288;
	}

	.slider-input::-webkit-slider-thumb {
		background: #323232;
	}

	.slider-input::-moz-range-thumb {
		background: #323232;
	}

	.ipe-controlbar .ipe-icon-img {
		border-radius:  42px;
	}

	.ipe-controlbar .ipe-icon-img {
		background-color: #323232;
	}

	.ipe-controlbar .ipe-icon-img .stroked {
		stroke: #FFFFFF;
	}

	.ipe-controlbar .ipe-icon-img .filled {
		fill: #FFFFFF;
	}

	.ipe-controlbar .nordpil .ipe-icon-img {
		background:none;
		border: 2px solid #323232;
		fill: #323232;
	}

	.ipe-controlbar .back .ipe-icon-img {
		background:none;
		fill: #323232;
	}

	/* TOGGLE BUTTON */
	.toggle-button {
	    border: 2px solid #323232; /*VAR*/
	    color: #323232; /*VAR*/
	}

	.toggle-button .state.active {
	    background-color: #32323288; /*VAR*/
	}

	.toggle-button .state.building {
	    border-right:1px solid #323232; /*VAR*/
	}

	.toggle-button .state.list {
	    border-left:1px solid #323232; /*VAR*/
	}

	.toggle-button .state.list .burger > div {
	    background-color: #323232; /*VAR*/
	}
	
	.signatur .signatur-wrapper {
	    justify-content: flex-start;
	}
	.ipe-controlbar .control-item.back {
	    margin-left: 20px;
	    margin-right: auto;
	    flex-direction: row;
	}
	/* SIGNATUR 2.0 */
	.signatur {
	    line-height: 1.2em;
	}

	.signatur .element.farve {
	    width: 10px;
	    height: 10px;
	    border-radius: 10px;
	    vertical-align: baseline;
	}

	.ipe-imagemap .svg-wrapper {
	    -webkit-transition: opacity 0ms linear;
	    -moz-transition: opacity 0ms linear;
	    -ms-transition: opacity 0ms linear;
	    -o-transition: opacity 0ms linear;
	    transition: opacity 0ms linear;
	}

	.ipe-fade-out,
	.ipe-fade-in {
		transition: opacity 240ms linear;
	}
	.ipe-fade-out-fast,
	.ipe-fade-in-fast {
		transition: opacity 80ms linear;
	}
	.ipe-fade-out-slow,
	.ipe-fade-in-slow {
		transition: opacity 240ms linear;
	}
	

/* HIDE MAP BELOW A CERTAIN SCREEN WIDTH */
@media screen AND (max-width:1024px) {
    #BOP-wrapper.liste-right .flexcontainer .oversigtskort-data-container {
		display: none;
  	}

  	#BOP-wrapper.liste-right .flexcontainer .table-data-container {
		flex-grow: 1;
  	}

  	#BOP-wrapper.liste-right .sidebox-data-container {
	    left: 0%;
	}

	/* 2.0 */
    .ipe-content {
        display:block;
    }
	.toggle-sidebar-controller {
	    display: block;
	    height: 50px;
	    z-index: 9;
	}
	.toggle-sidebar-wrapper .ipe-content,
	.toggle-sidebar-wrapper .ipe-sidebar {
	    width: 0%;
	    height: 100%;
	}
	.toggle-sidebar-wrapper .ipe-content.active,
	.toggle-sidebar-wrapper .ipe-sidebar.active {
	    width: 100%;
	}
    .sidebox-data-container {
        left: 0%;
    }
	.toggle-sidebar-wrapper .ipe-sidebar {  /* TODO: Is this needed? */
	    background-color: white;
	    z-index: 9;
	    padding-bottom: 50px;
	}

}

/* REDUCE TO SINGLE COLUMN BELOW CERTAIN SCREEN WIDTH */
/* v2.5 */
.ipe-boliginfo-content {
    flex-direction: row-reverse;
}

@media (min-width: 1024px) AND (max-width: 9998px),
(max-width: 4999px){
	/* v1.0 */
	#BOP-wrapper .boliginfo-content .flex-wrapper,
	.interactive-project-explorer .boliginfo-content .flex-wrapper {
	  	display: block;
	}

    #BOP-wrapper .boliginfo-content .downloads,
    .interactive-project-explorer .boliginfo-content .downloads {
        width: 100%;
    }

    #BOP-wrapper .boliginfo-content .downloads .button.elementor-button.elementor-size-sm,
    .interactive-project-explorer .boliginfo-content .downloads .button.elementor-button.elementor-size-sm {
	    margin: 1% 0 0 0;
	    width: 100%;
	}

	#BOP-wrapper .boliginfo-content .plantegning ,
	.interactive-project-explorer .boliginfo-content .plantegning {
	    text-align:center;
	}

	#BOP-wrapper .boliginfo-content .plantegning img,
	.interactive-project-explorer .boliginfo-content .plantegning img {
	    max-height: 80vh;
	}

	/* v2.5 */
	.ipe-boliginfo-content {
	    flex-direction: column-reverse;
	}

	/* Multiple plandrawings */
	.ipe-boliginfo-plandrawing,
	.ipe-boliginfo-media-gallery {
		display: flex;
		align-items: center;
	}
	.ipe-boliginfo-plandrawing a,
	.ipe-boliginfo-media-gallery a {
		text-align: center;
		flex: 1;
	}
}

/* Media slider/gallery */
.ipe-boliginfo-media-gallery .splide .splide__arrow,
.ipe-boliginfo-media-gallery .splide .splide__pagination__page{
	background: ##323232;
}
.ipe-boliginfo-media-gallery .splide .splide__arrow svg {
	fill:#FFFFFF;
}
/* END: Media slider/gallery */

.ipe-boliginfo-content .ipe-boliginfo-plandrawing img {
    max-width: 1280px;
    width: 100%;
    margin: auto;
}


/* AT TWO COLUMN, CENTER PLANTEGNINGER */
@media screen AND (min-width:9999px),
screen AND (min-width:4999.5px) AND (max-width:1024px) {
    #BOP-wrapper .boliginfo-content .plantegning a {
        position: absolute;
        top: 50%;
        transform: translate(0px, -50%);
        max-height: 100%;
    }
}


/* BUTTONS - Change to 2 columns at certain screen width */
@media screen AND (min-width:1600px),
screen AND (min-width:800px) AND (max-width:1024px) {
	.ipe-boliginfo-cta-buttons,
	.ipe-boliginfo-downloads {
	    flex-direction: row;
	}
	.ipe-boliginfo-button {
	    width: 49%;
	    width: calc(50% - 7px);
	}
}




/* ON TABLET AND DESKTOP - REARRANGE LIGHTBOX TO COLUMNS */
@media (min-width: 768px) {

    #lightbox-boligoversigt-contentwrapper .flex-wrapper {
	    flex-direction: row;
	}

	#lightbox-boligoversigt-content .plantegning img {
	    position: relative;
	    top: 50%;
	    transform: translate(0px, -50%);
	}

	#lightbox-boligoversigt-content .downloads .button {
		display:inline-block;
	    margin: 1% 1% 0 0;
	    width: 48%;
	}

}

@media screen AND (min-width:1024px) AND (max-width:380px),
(max-width:380px){
	.toggleable-column.status {
		display:none;
	}
}
			
	/****************************************
	 * SCROLLBARS
	 */
/*************************************************
 *  VISIBILITY CONTROLLER - GENERAL VISIBILITY CONTROLE SYSTEM
 */

.interactive-project-explorer .ipe-visibility-controller {
	display:none;
	vertical-align:center;
}

@media (min-width: 1025px) {
	.interactive-project-explorer .ipe-visibility-controller.ipe-visible-on-desktop {
		display:flex;
	}
	.ipe-hide-on-desktop {
		display:none;
	}
}

@media (min-width: 768px) AND (max-width: 1024px) {
	.interactive-project-explorer .ipe-visibility-controller.ipe-visible-on-tablet {
		display:flex;
	}
	.ipe-hide-on-tablet {
		display:none;
	}
	
}

@media (max-width: 767px) {
	.interactive-project-explorer .ipe-visibility-controller.ipe-visible-on-mobile {
		display:flex;
	}
	.ipe-hide-on-mobile {
		display:none;
	}
}



/*************************************************
 *  CUSTOMIZER - CHOICE BOX
 */

@media (min-width: 1025px) {
	
}

@media (min-width: 768px) AND (max-width: 1024px) {
	
}

@media (max-width: 767px) {
	.choicebox-fullscreen-on-mobile .fullscreen-choicebox.active {
		display:block;
	}
}



/*************************************************
 *  LISTE 
 */
	.interactive-project-explorer .ipe-sidebar {
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	.interactive-project-explorer .ipe-filters > .filter-button.togglefilters {
		margin-top:-10px;
	}


	/* SORTING ARROWS */
	th.ipe-sortable-tableheading::after {
	    transform: rotate(0deg) translate(0px, -0.28em);
	}
	th.ipe-sortable-tableheading.sorted.desc::after {
	    transform: rotate(-180deg) translate(0,0.0em);
	}



/*************************************************
 *  CUSTOMIZE FILTER 
 */
@media (min-width: 1025px) {
	.interactive-project-explorer .ipe-filters > .filter-button.togglefilters {
		height: 110px; /* h + 20px */
	}
	.ipe-filters .filters.filter-design-3 {
		padding-top: 110px; /* h + 20px */
	}

	.filter-button.togglefilters .text {
		margin: 33px 40px 33px 10px;   /* f(h) = (h-40)/2+8 */
		text-align: right;
	}

	.filter-button.togglefilters .filter-arrow {
		margin:25px 0; /* f(h) = (h-40)*(9/20)+2 */
	}
}

@media (max-width: 767px) {
	.ipe-filters .filters.filter-design-3 {
		padding-bottom: 40px;
	}
	.click-button-wrapper .flex-child.empty {
	    display:none;
	}
	.click-button-wrapper .filter-button.clickable.go {
	    margin-left:20px;
	}
	.click-button-wrapper .filter-button.clickable.reset {
	    margin-right:10px;
	}
}

	
/*************************************************
 *  LISTE JUSTERING
 */
	.alignable-column.id {
	    text-align: left;
	}
	.alignable-column.lejlighedsnummer {
	    text-align: left;
	}
	.alignable-column.type {
	    text-align: left;
	}
	.alignable-column.antal_vaerelser {
	    text-align: left;
	}
	.alignable-column.boligareal {
	    text-align: left;
	}
	.alignable-column.bbr_areal {
	    text-align: left;
	}
	.alignable-column.altan {
	    text-align: left;
	}
	.alignable-column.terrasse {
	    text-align: left;
	}
	.alignable-column.adresse {
	    text-align: left;
	}
	.alignable-column.pris {
	    text-align: right;
	}
	.alignable-column.varme {
	    text-align: right;
	}
	.alignable-column.vand {
	    text-align: right;
	}
	.alignable-column.indflytningsdato {
	    text-align: left;
	}
	.alignable-column.status {
	    text-align: left;
	}
	.alignable-column.antal_plan {
	    text-align: left;
	}
		body .fancybox__container {
			--carousel-button-color: #FFF;
			--carousel-button-bg: transparent;
			--carousel-button-bg-hover: transparent;
			--carousel-button-border-radius: 50%;
		    --carousel-button-svg-stroke-width: 2.5;
			
		    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
		    --fancybox-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		
			--fancybox-bg: #000000EC;
			--fancybox-color: #FFF;
			--fancybox-accent-color: #0FF;
			--fancybox-opacity: 1;
			--fancybox-content-bg: #FFF;
			--fancybox-content-color: #374151;

			--fancybox-thumbs-width: 96px;
			--fancybox-thumbs-ratio: 1.5;
			--fancybox-thumbs-border-radius: 0;
		}
		
			.fancybox__viewport .has-image .fancybox__content {
				background: #FFF;
				overflow: hidden;
			}
			.is-closing .fancybox__viewport .has-image .fancybox__content {
				background: transparent;
			}
			
		body .carousel__button:focus {
		    background: var(--carousel-button-bg, transparent);
		}
		@media (hover:hover){
			body .carousel__button:hover {
			    background: var(--carousel-button-bg-hover, transparent);
			}
		}