html,
body {
	overflow: auto;
	margin: 0;
	padding: 0;
	font-family: "Roboto", sans-serif;
	height: 100vh;
	min-height: 100vh;
}

* {
	box-sizing: border-box;
}

.language {
	position: absolute;
	top: 20px;
	right: 50px;
}
.language a {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	float: left;
	margin-left: 20px;
	width: 20px;
	height: 15px;
}
.language a.da {
	background-image: url(../img/dk.png);
}
.language a.en {
	background-image: url(../img/en.png);
}
.language a.no {
	background-image: url(../img/no.png);
}

.container {
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: calc(100vh - 2*30px);
	margin-top: 30px;
	margin-bottom: 30px;
}

.container__main {
	width: 1100px;
	min-width: 1100px;
	height: 738px;
	min-height: 738px;
	background: var(--url-circle);
	background-repeat: no-repeat;
	position: relative;
	-webkit-print-color-adjust: exact;
}

.container__logo {
	width: 274px;
	height: 154px;
	background: url(../img/logo.svg);
	background-repeat: no-repeat;
	position: fixed;
	bottom: 0;
	right: 0;
}

.container__help,
.container__taxonomy {
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: fixed;
	left: 50px;
}

.container__help {
	background-image: url(../img/help.svg);
	bottom: 50px;
}

.container__taxonomy {
	background-image: url(../img/taxonomy.svg);
	bottom: 125px;
}

.dlg__help h1 {
	font-size: 16px;
	margin: 0;
}

.container__legend {
	display: flex;
	flex-direction: column;
	margin-top: -30px;
	margin-left: -50px;
}

.container__legend_entries {
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
}

.container__legend_entry {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
	font-size: 13px;
	color: #2B2E34;
}

.container__legend_entry_left {
	text-transform: uppercase;
	width: 170px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.container__legend_entry_left .main__type {
	margin-right: 15px;
}

.container__legend_entry_right {
	width: 170px;
}

.container__title {
	font-size: 65px;
	color: #F04E23;
	text-transform: uppercase;
}

.container__subtitle {
	font-size: 23px;
	color: #2B2E34;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.container__open {
	display: flex;
	align-items: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #2B2E34;
	cursor: pointer;
	width: 200px;
	transition: 0.15s all ease-in;
	margin-bottom: 10px;
}

.container__open::before {
	display: block;
	content: '';
	width: 25px;
	height: 25px;
	background: url(../img/open.svg?v=2);
	background-repeat: no-repeat;
	margin-right: 15px;
	opacity: 1;
}

.container__open.hidden {
	display: none;
}

.container__open:hover {
	font-size: 11px;
}

.container__save {
	display: flex;
	align-items: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #D1D9DD;
	cursor: default;
	width: 200px;
	transition: 0.15s all ease-in;
	margin-bottom: 10px;
}

.container__save::before {
	display: block;
	content: '';
	width: 25px;
	height: 25px;
	background: url(../img/save.svg);
	background-repeat: no-repeat;
	margin-right: 15px;
	opacity: 0.4;
}

.container__save.hidden {
	display: none;
}

.container__save--active {
	color: #2B2E34;
	cursor: pointer;
}

.container__save--active::before {
	opacity: 1;
}

.container__save--active:hover {
	font-size: 11px;
}

.container__download {
	display: flex;
	align-items: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #D1D9DD;
	cursor: default;
	width: 200px;
	transition: 0.15s all ease-in;
	margin-bottom: 10px;
}

.container__download::before {
	display: block;
	content: '';
	width: 25px;
	height: 25px;
	background: url(../img/download.svg);
	background-repeat: no-repeat;
	margin-right: 15px;
	opacity: 0.4;
}

.container__download.hidden {
	display: none;
}

.container__download--active {
	color: #2B2E34;
	cursor: pointer;
}

.container__download--active::before {
	opacity: 1;
}

.container__download--active:hover {
	font-size: 11px;
}

.container__new {
	display: flex;
	align-items: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #2B2E34;
	cursor: pointer;
	width: 200px;
	transition: 0.15s all ease-in;
	margin-bottom: 10px;
}

.container__new::before {
	display: block;
	content: '';
	width: 25px;
	height: 25px;
	background: url(../img/new.svg);
	background-repeat: no-repeat;
	margin-right: 15px;
}

.container__new.hidden {
	display: none;
}

.container__new:hover {
	font-size: 11px;
}

.container__new--active {
	color: #2B2E34;
	cursor: pointer;
}

.container__new--active:hover {
	font-size: 11px;
}

.container__goals {
	width: 536px;
	height: 536px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -268px;
	margin-left: -248px;
	background: url(../img/goals.svg);
	background-repeat: no-repeat;
	z-index: 0;
}

.main__economy {
	width: 78px;
	height: 56px;
	background: var(--url-economy);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -145px;
	margin-top: 133px;
}

.main__social {
	width: 54px;
	height: 40px;
	background: var(--url-social);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 121px;
	margin-top: 143px;
}

.main__environment {
	width: 95px;
	height: 92px;
	background: var(--url-environment);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 126px;
	margin-top: -215px;
}

.main__type {
	width: 24px;
	height: 24px;
}

.main__type--none {
	background: url(../img/type_none.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.main__type--not-relevant {
	background: url(../img/type_not_relevant.svg?v=1);
	background-repeat: no-repeat;
	background-size: contain;
}

.main__type--basic {
	background: url(../img/type_basic.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.main__type--ambitious {
	background: url(../img/type_ambitious.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.main__type--premium {
	background: url(../img/type_premium.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.main__type--absolute {
	position: absolute;
	top: 50%;
	left: 50%;
}

.main__type--1 {
	margin-left: 46px;
	margin-top: -301px;
}

.main__type--2 {
	margin-left: 109px;
	margin-top: -285px;
}

.main__type--3 {
	margin-left: 162px;
	margin-top: -255px;
}

.main__type--4 {
	margin-left: 204px;
	margin-top: -217px;
}

.main__type--5 {
	margin-left: 238px;
	margin-top: -173px;
}

.main__type--6 {
	margin-left: 262px;
	margin-top: -121px;
}

.main__type--7 {
	margin-left: 274px;
	margin-top: -71px;
}

.main__type--8 {
	margin-left: 275px;
	margin-top: -18px;
}

.main__type--9 {
	margin-left: 266px;
	margin-top: 34px;
}

.main__type--10 {
	margin-left: 249px;
	margin-top: 85px;
}

.main__type--11 {
	margin-left: 219px;
	margin-top: 130px;
}

.main__type--12 {
	margin-left: 178px;
	margin-top: 174px;
}

.main__type--13 {
	margin-left: 130px;
	margin-top: 205px;
}

.main__type--14 {
	margin-left: 77px;
	margin-top: 226px;
}

.main__type--15 {
	margin-left: -25px;
	margin-top: 234px;
}

.main__type--16 {
	margin-left: -82px;
	margin-top: 221px;
}

.main__type--17 {
	margin-left: -131px;
	margin-top: 198px;
}

.main__type--18 {
	margin-left: -173px;
	margin-top: 168px;
}

.main__type--19 {
	margin-left: -211px;
	margin-top: 128px;
}

.main__type--20 {
	margin-left: -237px;
	margin-top: 83px;
}

.main__title {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	font-size: 18px;
	color: #2B2E34;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.15s font-size ease-in;
	white-space: nowrap;
}

.main__title:hover {
	font-size: 16px;
}

.main__title--1 {
	margin-left: 147px;
	margin-top: -391px;
}

.main__title--2 {
	margin-left: 210px;
	margin-top: -356px;
}

.main__title--3 {
	margin-left: 260px;
	margin-top: -319px;
}

.main__title--4 {
	margin-left: 313px;
	margin-top: -263px;
}

.main__title--5 {
	margin-left: 357px;
	margin-top: -199px;
}

.main__title--6 {
	margin-left: 385px;
	margin-top: -129px;
}

.main__title--7 {
	margin-left: 388px;
	margin-top: -62px;
}

.main__title--8 {
	margin-left: 386px;
	margin-top: 13px;
}

.main__title--9 {
	margin-left: 366px;
	margin-top: 84px;
}

.main__title--10 {
	margin-left: 339px;
	margin-top: 150px;
}

.main__title--11 {
	margin-left: 304px;
	margin-top: 205px;
}

.main__title--12 {
	margin-left: 241px;
	margin-top: 255px;
}

.main__title--13 {
	margin-left: 179px;
	margin-top: 299px;
}

.main__title--14 {
	margin-left: 99px;
	margin-top: 346px;
}

.main__title--15 {
	direction: rtl;
	margin-left: -11px;
	margin-top: 346px;
}

.main__title--16 {
	direction: rtl;
	margin-left: -128px;
	margin-top: 340px;
}

.main__title--17 {
	direction: rtl;
	margin-left: -178px;
	margin-top: 293px;
}

.main__title--18 {
	direction: rtl;
	margin-left: -238px;
	margin-top: 248px;
}

.main__title--19 {
	direction: rtl;
	margin-left: -296px;
	margin-top: 195px;
}

.main__title--20 {
	direction: rtl;
	margin-left: -336px;
	margin-top: 135px;
}

.popup__background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 5;
	display: none;
}

.popup__background.active {
	display: block;
}

.popup__container {
	background-color: #ffffff;
	position: fixed;
	width: 670px;
	left: 50%;
	margin-left: -335px;
	top: 0;
	bottom: 0;
	z-index: 10;
	display: none;
	box-shadow: 0px 0px 20px 7px rgba(0, 0, 0, 0.16);
}

.popup__container.active {
	display: block;
}

.popup__head {
	height: 75px;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 27px;
	text-transform: uppercase;
	background-color: #F04E23;
	position: relative;
	font-weight: 500;
}

.popup__back {
	width: 11px;
	height: 18px;
	background: url(../img/popup_back.svg);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 50px;
}

.popup__content {
	height: 92%;
	width: 100%;
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	align-items: center;
}

.popup__description {
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup__description-list {
	font-size: 14px;
	color: #000000;
	max-width: 350px;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-right: 95px;
}

.popup__description-item {
	position: relative;
	padding-left: 25px;
	padding-bottom: 10px;
	min-width: 350px;
}

.popup__description-item::before {
	position: absolute;
	left: 13px;
	top: 4px;
	display: block;
	content: '';
	background: url(../img/list_bullet.svg);
	background-repeat: no-repeat;
	width: 4px;
	height: 9px;
}

.popup__description-item--input {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(209, 217, 221, 0.4);
}

.popup__description-item--input::before {
	top: 16px;
}

.popup__question {
	width: 100%;
	background-color: #D1D9DD;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.popup__question .popup__answer {
	display: none;
}

.popup__question.show-ambition .popup__answer {
    display: flex;
}

.popup__question_line {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.popup__question_line span {
	font-size: 13px;
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-right: 50px;
}

.popup__question_option {
	padding: 15px;
	width: 100px;
	display: flex;
	flex-direction: column;
	font-size: 10px;
	color: #000000;
	text-transform: uppercase;
	justify-content: center;
	align-items: center;
}

.popup__question_option:first-of-type {
	border-right: 1px solid #E8ECEE;
	padding-right: 40px;
	width: 125px;
}

.popup__question_option:last-of-type {
	margin-left: 25px;
	margin-right: 25px;
}

.popup__question_option>input[type=radio] {
	display: none;
}

.popup__question_option>input[type=radio]+label {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.popup__question_option>input[type=radio]+label::after {
	margin-top: 5px;
	display: block;
	content: '';
	width: 21px;
	height: 21px;
	background-color: #ffffff;
	border-radius: 50%;
}

.popup__question_option>input[type=radio]:checked+label::before {
	display: block;
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #2B2E34;
	border-radius: 50%;
	bottom: 3px;
	left: 3px;
}

.popup__question_option>input[type=checkbox] {
	display: none;
}

.popup__question_option>input[type=checkbox]+label {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.popup__question_option>input[type=checkbox]+label::after {
	margin-top: 5px;
	display: block;
	content: '';
	width: 21px;
	height: 21px;
	background-color: #ffffff;
	border-radius: 50%;
}

.popup__question_option>input[type=checkbox]:checked+label::before {
	display: block;
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #2B2E34;
	border-radius: 50%;
	bottom: 3px;
	left: 3px;
}

.popup__textarea {
	font-family: Roboto;
	font-size: 13px;
	border: 0;
	width: 100%;
	resize: none;
	background-color: transparent;
	outline: none;
}

.popup__textarea::placeholder {
	color: #435A69;
	font-style: italic;
	opacity: 1;
}

.popup__textarea:-ms-input-placeholder {
	color: #435A69;
	font-style: italic;
}

.popup__textarea::-ms-input-placeholder {
	color: #435A69;
	font-style: italic;
}

.popup__answer {
	width: 100%;
	background-color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	border-bottom: 1px solid #E8ECEE;
}

.popup__answer_title {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px;
	padding-left: 10px;
}

.popup__answer_left {
	padding: 20px 0;
	border-right: 1px solid #E8ECEE;
}

.popup__answer_left .popup__description-list {
	margin-right: 50px;
}

.popup__answer_right .popup__question_option:first-of-type {
	width: 100px;
	padding-right: 15px;
	border-right: 0;
}

.popup__answer_right label::after {
	border: 1px solid #000000;
}

.popup__answer_right input[type=radio]:checked+label::before {
	bottom: 4px;
	left: 4px;
}

.popup__answer {
	width: 100%;
	display: none;
}

.popup__goals,
.popup__taxonomy {
	width: 100%;
	display: none;
	flex-direction: column;
}

.popup__answer,
.popup__goals.active,
.popup__taxonomy.active {
	display: flex;
}

.popup__goal {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 20px;
	font-size: 13px;
	color: #000000;
	flex-wrap: wrap;
}

.popup__goal .popup__question_option:first-of-type {
	width: 100px;
	padding-right: 15px;
	border-right: 0;
}

.popup__goal label::after {
	border: 1px solid #F04E23;
}

.popup__goal input[type=checkbox]:checked+label::before {
	display: none;
}

.popup__goal input[type=checkbox]:checked+label::after {
	background-color: #F04E23;
}

.popup__goal_info {
	padding-left: 100px;
	position: relative;
	min-height: 80px;
	padding-bottom: 20px;
	width: 400px;
}

.popup__goal_info::before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
}

.popup__goal_title {
	font-weight: 500;
}

.popup__goal_toggle {
	color: #F04E23;
	cursor: pointer;
	position: absolute;
	bottom: 0;
}

.popup__subgoals {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}

.popup__subgoals.hidden .popup__subgoal {
	display: none;
}

.popup__subgoals_container {
	width: 470px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.popup__subgoal {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 5px;
	font-size: 13px;
	font-weight: 500;
	justify-content: flex-end;
	margin-bottom: 10px;
}

.popup__subgoal span {
	margin-top: 5px;
	width: 113px;
}

.popup__subgoal:nth-child(even) {
	flex-direction: row-reverse;
}

.popup__subgoal .popup__question_option {
	justify-content: flex-start;
}

.popup__subgoal .popup__question_option label {
	margin-top: 45px;
}

.popup__subgoal .popup__question_option:first-of-type {
	width: 100px;
	padding-right: 15px;
	border-right: 0;
}

.popup__subgoal label::after {
	border: 1px solid #F04E23;
}

.popup__subgoal input[type=checkbox]:checked+label::before {
	display: none;
}

.popup__subgoal input[type=checkbox]:checked+label::after {
	background-color: #F04E23;
}

.popup__subgoal_right {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.popup__subgoal_icon {
	width: 121px;
	height: 144px;
}

.popup__taxonomy {
	padding: 5px 50px;
}

.popup__taxonomy .title {
	font-weight: bold;
	font-size: 110%;
	color: #F04E23;
}
.popup__taxonomy .subtitle {
	font-style: italic;
	font-size: 90%;
	color: #666;
}
.popup__taxonomy ul.environmental_goals {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}
.popup__taxonomy ul.environmental_goals li {
	display: flex;
	align-items: center;
	border: 3px solid #1b2a4e;
	padding: 10px;
	margin: 5px 0;
	background: white;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
  }
  
.popup__taxonomy ul.environmental_goals li::before {
	content: "";
	width: 30px;
	height: 30px;
	background-size: cover;
	margin-right: 10px;
}
  
.popup__taxonomy ul.environmental_goals .mitigation::before {
	background-image: url('../img/taxonomy/mitigation.svg');
}
.popup__taxonomy ul.environmental_goals .adaptation::before {
	background-image: url('../img/taxonomy/adaptation.svg');
}
.popup__taxonomy ul.environmental_goals .water::before {
	background-image: url('../img/taxonomy/water.svg');
}
.popup__taxonomy ul.environmental_goals .circular::before {
	background-image: url('../img/taxonomy/circular.svg');
}
.popup__taxonomy ul.environmental_goals .pollution::before {
	background-image: url('../img/taxonomy/pollution.svg');
}
.popup__taxonomy ul.environmental_goals .biodiversity::before {
	background-image: url('../img/taxonomy/biodiversity.svg');
}
.popup__taxonomy ul.bullets {
	font-size: 14px;
	color: #000000;
	list-style: none;
	padding: 0;
	margin: 0;
}

.popup__taxonomy ul.bullets li {
	position: relative;
	padding-left: 25px;
	padding-bottom: 10px;
}

.popup__taxonomy ul.bullets li::before {
	position: absolute;
	left: 13px;
	top: 4px;
	display: block;
	content: '';
	background: url(../img/list_bullet.svg);
	background-repeat: no-repeat;
	width: 4px;
	height: 9px;
}















.popup__notes {
	width: 100%;
	background-color: #9DB8AF;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.popup__notes_title {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 120px;
}

.popup__notes_title::before {
	display: block;
	content: '';
	height: 34px;
	width: 34px;
	background: url(../img/notes.svg) no-repeat;
	background-size: contain;
	margin-right: 10px;
}

.popup__save {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-left: 59px;
	padding-right: 59px;
	cursor: pointer;
	border-left: 1px solid #E8ECEE;
	height: 100%;
	display: flex;
	align-items: center;
}

.popup__notes_container {
	width: 100%;
	min-height: 300px;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	padding: 20px;
}

.popup__notes_textarea {
	width: 450px;
	height: 175px;
	font-family: Roboto;
	font-size: 13px;
	border: 0;
	resize: none;
	background-color: transparent;
	outline: none;
}

.popup__notes_textarea::placeholder {
	color: #435A69;
	font-style: italic;
	opacity: 1;
}

.popup__notes_textarea:-ms-input-placeholder {
	color: #435A69;
	font-style: italic;
}

.popup__notes_textarea::-ms-input-placeholder {
	color: #435A69;
	font-style: italic;
}

.popup__popup2 {
	width: 100%;
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%; 
}

.popup__textInput {
	border: 1px solid #D4D4D4;
	width: 300px;
	height: 60px;
	line-height: 60px;
	color: #000000;
	padding-left: 60px;
	margin-bottom: 50px;
	outline: none;
	font-size: 16px; 
}

.popup__textInput:focus {
	border-color: #FF4C1B; 
}
.popup__textInput::placeholder {
    text-transform: uppercase;
    color: #000000;
    opacity: 1; 
}
.popup__textInput:-ms-input-placeholder {
    text-transform: uppercase;
    color: #000000; 
}
.popup__textInput::-ms-input-placeholder {
    text-transform: uppercase;
    color: #000000; 
}

.popup__submit2 {
	width: 300px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F04E23;
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 30px; 
}

.popup__excel {
	display: flex;
	align-items: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #F04E23;
	cursor: pointer;
	width: 200px;
	transition: 0.15s all ease-in;
	margin-bottom: 10px; 
}
  
.popup__excel::before {
	display: block;
	content: '';
	width: 25px;
	height: 25px;
	background: url(../img/excel.svg);
	background-repeat: no-repeat;
	margin-right: 10px; 
}