.headline {
	position: relative;
	height: 100vh;
	padding-top: 0;
	
	background-position: 50% 50%;
	background-size: cover;
}

.headline .headline__info h1, 
.headline .headline__info {
	color: #fff;
}

.headline.theme--green {
	background-color: rgba(165, 205, 57, 0.4);
	background-blend-mode: overlay;
}

.headline.theme--yellow {
	background-color: rgba(255, 241, 0, 0.2);
	background-blend-mode: overlay;
}

.headline.theme--blue {
	background-color: rgba(108, 139, 198, 0.4);
	background-blend-mode: overlay;
}

.headline picture {
	display: none;
}

.headline:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.headline .scroll__more {
	z-index: 3;
}

.headline .scrollDown {
	opacity: 1;
}

.headline picture {
	grid-column: 1 / -1;
	grid-row: 1 / 6;
}

.headline img {
	object-fit: cover;
	width: 100%; 
	height: 100%;
	opacity: 0.7;
}

.headline__info {
	grid-row: 4 / 5;
	z-index: 2;
}

.headline__info p {
	font-weight: var(--fontBold);
}

.scroll__more {
	grid-row: 5 / 6;
	justify-self: center;
}


.podrocje table { 
	--bgColor1: var(--color__green);
	--bgColor2: var(--color__green--light);
}


.podrocja__intro {
	overflow: hidden;
	position: relative;
}

.podrocja__intro p {
	font-size: var(--size1);
}

.podrocja__intro > * {
	z-index: 2;
}

.podrocja__intro img {
	position: absolute;
	right: -15%;
	bottom: -10%;
	width: 30em;
	z-index: 1;
	opacity: 0.5;
}

.podrocje__image {
	aspect-ratio: 2 / 3;
	position: relative;
	overflow: hidden;
}


.podrocje__image > img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	filter: brightness(70%);
	
	transition: transform 2s;
}

.podrocje__teaser {
	position: absolute;
	right: 1em;
	bottom: 1em;
	left: 1em;
	z-index: 2;
	
	background-color: var(--color__primary);
	color: #fff;
	padding: 1em;
	text-decoration: none;
	
	transition: background-color .3s;
}

.podrocje__teaser h2, 
.podrocje__teaser h3 {
	color: background-color .3s;
}

	.podrocje__teaser:hover .icon {
		color: var(--color__text);
	}
	
	.podrocje__teaser:hover h2, 
	.podrocje__teaser:hover h3 {
		color: var(--color__text);
	}
	
	.theme--yellow .podrocje__teaser:hover h2, 
	.theme--yellow .podrocje__teaser:hover h3 {
		color: #fff;
	}

	.theme--blue .podrocje__teaser {
		background-color: rgba(108, 139, 198, .9);
	}
	
	.theme--yellow .podrocje__teaser {
		background-color: rgba(227, 216, 40, .9);
	}
	
	.theme--yellow .podrocje__teaser h3 {
		color: var(--color__text);
	}
	
	.theme--green .podrocje__teaser {
		background-color: rgba(168, 207, 69, .9);
	}

	.theme--blue .podrocje__teaser:hover {
		background-color: rgba(108, 139, 198, 1);
	}
	
	.theme--yellow .podrocje__teaser:hover {
		background-color: rgba(227, 216, 40, 1);
	}
	
	.theme--green .podrocje__teaser:hover {
		background-color: rgba(168, 207, 69, 1);
	}

	.podrocje__teaser .icon {
		position: absolute;
		right: 1em;
		bottom: 0.5em;
		font-size: var(--size4);
		
		transition: color .3s;
	}
	
	.podrocje__teaser h3 {
		margin-bottom: 0.5em;
	}
	
	.podrocje__teaser p {
		line-height: 1.4;
	}

	

.podrocje__info {
	display: block;
	padding: var(--wrapper__padding) 1em;
}

.podrocja__link a {
	text-decoration: none;
}

	.podrocja__link:hover .podrocje__teaser {
		background-color: var(--color__bg);
	}
	
	.podrocja__link:hover .podrocje__image > img {
		transform: scale(1.1);
	}
	
	.podrocja__link:hover .theme--yellow .podrocje__teaser {
		background-color: rgba(227, 216, 40, 1);
	}

.podrocje__logo {
	max-width: 7em;
	margin-top: 1em;
	padding: 0.5em;
	
	background-color: #fff;
}



.podrocje__cilji {
	display: grid;
	gap: 1em;
}

.podrocje__cilji article { 
	padding: 1em;
	background-color: var(--color__green--light);
}




.razvoj__children {
	--marginTopNegative: calc(var(--wrapper__padding) * 2);
	
	margin-top: var(--marginTopNegative);
	
	padding-top: var(--wrapper__padding);
	padding-bottom: var(--wrapper__padding);
	--iconSize: 2em;
}

	.razvoj__children .layout__left {
		margin-top: calc((var(--wrapper__padding) + var(--marginTopNegative)) * -1);
		margin-bottom: var(--wrapper__bodyPadding);
	}


.razvoj__part1 section {
	--flow-space: 2em;
}

.razvoj__part1 section a {
	display: block;
	padding-bottom: var(--flow-space);
	
	border-bottom: 1px solid var(--color__gray--dark);
	color: #fff;
	text-decoration: none;
}

	.razvoj__part1 h2 {
		transition: color .3s;
	}

	.razvoj__part1 section a:hover h2 {
		color: var(--color__green);
	}
	
	.razvoj__part1 .podrocje__teaser  {
		padding-bottom: var(--wrapper__padding);
		margin-top: 3em;
	}

.razvoj__part1 section a > * {
	--flow-space: 1em;
}

	.razvoj--middle .icon {
		font-size: var(--iconSize);
		color: var(--color__green);
	}
	
	.razvoj--middle p {
		color: var(--color__gray);
		line-height: 1.4;
	}

.razvoj__part2 {
	margin-top: calc(var(--wrapper__padding) * 2);
	
	display: grid;
	gap: calc(var(--wrapper__gridGap) * 4) var(--wrapper__gridGap);
	grid-template-columns: 1fr;
}

.razvoj__part2 .wAktualno h3 {
	font-size: var(--size3);
}

.razvoj__part2 .groupList {
	display: none;
}

.razvoj--grid {
	color: #fff;
	text-decoration: none;
}

.razvoj--grid h2 {
	font-size: var(--size1);
}

.podrocje footer {
	margin-bottom: var(--wrapper__padding);
}


.razvoj__children .wAktualno p {
	color: var(--color__gray);
}




.podrocja__children--2 > * {
	grid-column: 1 / -1;
}

.podrocja__children--2 h2 {
	font-size: var(--size4);
}

	.podrocja__children--2 h2 i {
		color: var(--color__accent);
		font-style: normal;
	}

.podrocja__children--2 p {
	font-size: var(--size1);
}

.podrocja__children--2 .podrocje__info button {
	margin-top: 2em;
}











.rrp h2 {
	font-size: var(--size4);
}

.rrp h1 i, 
.rrp h2 i {
	color: var(--color__green);
	font-style: normal;
	display: inline-block;
}

.rrp .layout__row {
	padding-top: var(--wrapper__padding);
	padding-bottom: var(--wrapper__padding);
}


.rrp__cilji em {
	color: var(--color__accent);
	font-style: normal;
	font-size: var(--size1);
}

.rrp__cilji > ul li {
	width: 100%;
}

.rrp__cilji > ul li div:first-child {
	margin-bottom: 0.7em;
	padding-bottom: 0.7em;
	
	border-bottom: 1px solid var(--color__accent);
}
 
.rrp__cilji > ul li:not(:last-child) {
	margin-bottom: 2em;
}

.rrp .novice__attachments a .icon {
	color: var(--color__green); 
}

	.rrp .theme--black .novice__attachments a:hover .icon {
		color: #fff;
	}

.rrp__content {
	padding-bottom: 0;
}


.rrp__program h3 {
	color: var(--color__green);
	font-size: var(--size3);
}

	.rrp__program h3 + * {
		margin-top: 0;
	}
	
.rrp__program em {
	color: var(--color__accent);
	font-style: normal;
}

	.rrp__programList {
		margin-top: var(--wrapper__bodyPadding);
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: var(--wrapper__padding);
	}

	.novica__body .rrp__programList {
		margin-left: 0;
	}
	
	.rrp__programList li div:first-child {
		margin-bottom: 0.7em;
		padding-bottom: 0.7em;
		
		border-bottom: 1px solid var(--color__accent);
	}


.rrp__dogovor h3 em {
	color: var(--color__accent);
	font-style: normal;
}

.rrp__dogovor em {
	color: var(--color__accent);
	font-style: normal;
}

	.novica__body .rrp__dogovorList ul  { 
		margin-left: 0;  
	}

	.rrp__dogovorList h3 {
		margin-top: var(--wrapper__bodyPadding);
		font-size: var(--size3);
	}
	
	.rrp__dogovorList ul li + li {
		margin-top: 2em;
	}

	.rrp__dogovorList li div:first-child {
		margin-bottom: 0.7em;
		padding-bottom: 0.7em;
		
		border-bottom: 1px solid var(--color__accent);
	}

.rrp_tooltipWrap {
	position: relative;
}

	.rrp_tooltipWrap:focus-within .rrp_tooltipTrigger { 
		color: var(--color__green);
	}
	
	.rrp_tooltipWrap + .rrp_tooltipWrap {
		margin-top: 0.5em;
	}

.rrp_tooltipTrigger {
	cursor: pointer;
	text-align: left;
	line-height: 1.4;
}

	.rrp_tooltipTrigger .icon {
		color: var(--color__green);
	}

.rrp__listTooltip {
	padding: 1em 2em;
	background-color: var(--color__green--light);
	z-index: 10;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	
	font-size: var(--size-1);
}

	.rrp__listTooltip:focus-visible {
		outline: 0;
	}

@media (min-width: 37em) {
	.podrocje__teaser {
		right: 3em;
		bottom: 2em;
		left: 3em;
	}
	
	
}

@media (max-width: 48em) {
	.rrp__program .layout__right, 
	.rrp__content .layout__right {
		grid-column: 1 / -1;
	}
	
	.rrp__program .layout__row, 
	.rrp__content .layout__row {
		padding-left: var(--wrapper__bodyPadding);
		padding-right: var(--wrapper__bodyPadding);
	}
	
	.rrp__program .layout__left {
		display: none;
	}
}

@media (min-width: 48em) {
	.headline {
		grid-template-rows: 1fr 1fr 1fr 10em 6em;
	}
	
	.podrocja__intro p {
		grid-column: var(--wrapper__gridOffsetLeft) / span 6;
	}
	
	.podrocje__image {
		aspect-ratio: 1;
	}
	
	.podrocja__intro img {
		grid-column-end: -1;
		
		position: absolute;
		right: 0;
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		width: 50%;
		
		opacity: 1;
	}
	
	
	
	.podrocja__link {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	.podrocje__info {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		flex-direction: column;
		padding: var(--wrapper__padding);
	}
	
	.podrocje__info strong {
		color: var(--color__primary);
	}
	
	.podrocja__children > *:nth-child(even) .podrocje__image {
		order: 3;
	}
	
	.razvoj__part2 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.rrp__program .wSectionLink {
		height: 100%;
	}
	
	.rrp__program .wSectionLink__image {
		aspect-ratio: unset;
	}
	
	.rrp__program .wSectionLink__content {
		padding-left: var(--wrapper__bodyPadding);
		padding-right: var(--wrapper__bodyPadding);
	}
	
	.rrp__program .wSectionLink__image img {
		filter: brightness(50%);
	}
	
	
	
	.rrp__related > * {
		grid-column-start: 3;
	}
}

@media (min-width: 65em) {
	.headline__info h1 {
		font-size: var(--size6);
	}
	
	.headline__info p {
		font-size: var(--size2);
		max-width: 60ch;
	}
	
	.podrocja__intro p {
		grid-column: var(--wrapper__gridOffsetLeft) / span 5;
	}
	
	.podrocja__children--1 .podrocje__info {
		font-size: 1.6em;
		line-height: 1.7;
	}
	
	
	.podrocje__logo {
		margin-top: 0;
		margin-bottom: calc(var(--wrapper__bodyPadding) / 1.5);
	}
	
	
	.podrocje__teaser {
		display: flex;
		gap: 1em;
		align-items: start;
		justify-content: space-between;
		
		padding: calc(var(--wrapper__bodyPadding) / 1.5);
		
		

	}
	
	.podrocje__teaser .icon {
		position: absolute;
		right: 1em;
		bottom: 1em;
		font-size: var(--size4);
	}
	
	.razvoj__part2 {
		grid-template-columns: repeat(3, 1fr);
	}
	
	
	
	.rrp__programList {
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--wrapper__bodyPadding) var(--wrapper__padding) 
	}
	
	.rrp__programList li {
		flex: 1 1 12em;
	}
	


	.rrp__dogovorList ul {
		display: grid;
		gap: var(--wrapper__bodyPadding) var(--wrapper__padding);
		/* grid-template-columns: repeat(2, 1fr); */
		grid-template-columns: repeat(1, 1fr);
	}
	
	.rrp__dogovorList ul li { 
		display: flex;
		flex-direction: column;
	}
	
	/*
	.rrp__dogovorList ul li div:first-child { 
		flex: 1 1 auto;
	}
	*/
	
	.rrp__dogovorList ul li + li { 
		margin-top: 0;
	}
	
	.rrp__strategije .ws__inner, 
	.rrp__dogovor .ws__inner {
		grid-column: 3 / -3;
	}
	
	
	
	
}

@media (min-width: 90em) {
	
	.podrocje__teaser {
		padding: calc(var(--wrapper__padding) / 2);
		font-size: var(--size1);
		gap: 2em;
	}
	
	.podrocje__teaser .icon {
		position: absolute;
		right: 1.5em;
		bottom: 1em;
		font-size: var(--size4);
	}
	
	.podrocje__info {
		padding: var(--wrapper__padding);
	}
	
	.podrocja__intro {
		padding: calc(var(--wrapper__padding) * 2) 0;
	}
	
	.rrp__strategije .ws__inner, 
	.rrp__dogovor .ws__inner {
		grid-column: 5 / -5;
	}
	
	.rrp__programList {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.rrp__cilji > ul {
		column-count: 2;
		column-gap: var(--wrapper__padding);
	}
	
	.rrp__cilji > ul li {
		display: inline-block;
	}
	
	.rrp__related > * {
		grid-column-start: 5;
	}
}