audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
/* base */
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html, button, input, select, textarea, a {
	font-family:  var(--f-primary);
}
body {
	margin: 0;
	background-color: var(--c-brown-lightest);
	overflow-x:hidden;
	-webkit-animation: bugfix infinite 1s;
    font-family: var(--f-body);
}
/* Fonts */
@font-face{ 
	font-family: 'NoSpace';
    font-display: swap;
	src: url('fonts/NoSpaceFont/zerowidthspaces.eot');
	src: url('fonts/NoSpaceFont/zerowidthspaces.eot?#iefix') format('embedded-opentype'),
	     url('fonts/NoSpaceFont/zerowidthspaces.woff') format('woff'),
	     url('fonts/NoSpaceFont/zerowidthspaces.ttf') format('truetype'),
	     url('fonts/NoSpaceFont/zerowidthspaces.svg#NoSpace') format('svg');
}
/* dynapuff-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DynaPuff';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dynapuff/dynapuff-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dynapuff-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DynaPuff';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/dynapuff/dynapuff-v9-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dynapuff-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DynaPuff';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/dynapuff/dynapuff-v9-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dynapuff-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DynaPuff';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/dynapuff/dynapuff-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/lato/lato-v25-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato/lato-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato/lato-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
src: url("fonts/icofont/fonts/icofont.woff2") format("woff2"),
url("fonts/icofont/fonts/icofont.woff") format("woff");
}
[class*=" icofont-"], [class^=icofont-] {
  font-family: IcoFont !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased
}

/* bugfix */
@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}
/* links */
a:focus {
	outline: thin dotted;
}
a:link, a:visited
{
    color:rgba(237,28,36,1.00);
    text-decoration: none;
}
a:active, a:hover
{
    color: #B0370B;
    text-decoration: none;
}



nav ul li a,
nav ul li a.focus,
.tools a {
    font-family: var(--f-nav);
	text-transform:none;
	font-size: var(--fs-nav);
	font-weight: 400;
    text-transform: none;
    display: block;
	padding: 1.3ch 1.8ch;
}
nav ul li a:hover,
.tools a:hover {
    /*
	font-size: 160%;
    */
}
.tools a {
	font-size: var(--fs-nav-header);
}
nav#secmenu a,
nav#secmenu a.focus {
	font-size: var(--fs-secmenu);
	padding: 1.5ch 2ch;
    display: block;
}
nav ul li a:link,
nav ul li a:visited,
nav ul li a:active {
	color: var(--c-white);
}
nav#secmenu ul ul li a,
nav#secmenu ul ul li  a.focus {
	font-size: var(--fs-thirdmenu);
}
nav ul ul li a:link,
nav ul ul li a:visited,
nav ul ul li a:active {
	color: var(--c-white);
}
.tools a:link,
.tools a:visited,
.tools a:active {
	color: var(--c-white);
}

.article-link {
} 
.article-file {
}
.article-template {
}

a.art-lnk {
    background: var(--c-purple);
    display: inline-block;
    padding: 1ch 1.5ch;
    border-radius: 1ch;
    text-align: left;
    color: var(--c-white);
}
a.art-lnk:after,
.bx-qrtr .bx-txt-cntnr-nws .nws-lnk a:after {
    content: "\203A";
    margin-left: 1ch;
    font-size: inherit;
}
a.art-lnk[href^="mailto:"]::before {
    content: " 📨";
    padding-right: 1ch;
}
.article-file {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 1.5ch 3ch;
    vertical-align: top;
    background-color: var(--c-brown-lightest);
    border-radius: 2ch;
}
.article-file:hover {
    background-color: var(--c-purple);
}
.article-file a:link, .article-file a:visited {
    font-size: 0.9em;
    line-height: 1.5em;
    color: var(--c-purple);
    margin-left: -2.0%;
    text-indent: 2.0%;
}
.article-file:hover a:link,
.article-file:hover a:visited {
    color: var(--c-white);
}
.article-file a::before {
    content: "\ef08";
    margin-right: 1ch;
    font-family: "IcoFont";
    font-size: var(--fs-h3);
}
/*
.article-file a::after {
    content: "\eb1e";
    margin-left: 1ch;
    font-family: "IcoFont";
}
*/
/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    line-height: 1.0125em;
	font-weight: 400;
    text-rendering: optimizeLegibility;
}
h1 {
	font-size: 3.2em;
	margin: .67em 0;
    font-family: var(--f-title);
    font-size: var(--fs-h1);
}
h2 {
	font-size: var(--fs-h2);
	margin: .83em 0;
    font-family: var(--f-primary);
}
h3 {
	font-size: var(--fs-h3);
    line-height: 1.32em;
	margin: 1em 0;
    font-family: var(--f-primary);
}
h4 {
	font-size: 1em;
	margin: 1.33em 0;
}
h5 {
	font-size: .83em;
	margin: 1.67em 0;
}
h6 {
	font-size: .67em;
	margin: 2.33em 0;
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
p, pre {
	margin: 1em 0 2em 0;
    font-size: var(--fs-p);
	line-height: 1.35;
	font-family: var(--f-body);
	font-weight: 300;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 80%;
}
.f-osw-n {
	font-weight: normal;
}
/* Lists */
dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
/* Embedded content */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
/* Background */

/* fiding stuff */
.fnd-lnk {
    position: relative;
    text-align: right;
    width: auto;
    display: inline-block;
}
.fnd-lnk span.fnd-txt {
    font-size: var(--fs-nav);
    font-weight: 300;
    text-transform: capitalize;
    display: inline-block;
    color: var(--c-white);
}
.fnd-lnk span.fnd-symb {
    display: inline-block;
    width: 3ch;
    position: relative;
    height: 2.0ch;
}
.fnd-lnk span.fnd-symb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    object-fit:contain;
}
.fnd-remove:before, 
.fnd-close:before, 
.fnd-times:before {
    content: "\2716";
	font-size: 2.4em;
    margin-right: 0.5ch;
    color: #B0370B;
}
/* Full screen search*/
#fnd-cont a{
  color: #fff;
  font-size: clamp(1.2rem, 1.0400rem + 0.8000vw, 2rem);
	margin: 0;
	padding: 0;
    font-weight: 300;
}
#fnd-cont {
  position:fixed;
  width: 100%;
  height: 0;
  background-color: rgba(74,37,104,0.95);
    overflow: hidden;
  display: flex;
  align-items: center;
	margin-left: auto;
	margin-right: auto;
  opacity: 0;
  transition: all .5s;
  will-change: transform, opacity;
  z-index: 997;
}
.fnd-mid {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.fnd-mid p {
	margin: 0;
	padding: 0 0 1% 0;
	color: #ffffff;
	font-size: 1.5rem;
  border-width: 0 0 1px 0;
  border-style: solid #fff;
}
.fnd-mid #searchfield {
	-webkit-appearance:none;
	border: 0;
  height: 2rem;  
  max-width: 80%;
  background-color: #ffffff;
  color: #717A8E;
  flex: 1 0 auto;
  font-size: clamp(0.95rem, 0.8800rem + 0.3500vw, 1.3rem);
  outline: 0;
  padding: 2rem 1rem;
}
#terminate {
    position: absolute;
    right: 35%;
    top: 30%;
}
#fnd-cont:target {
  display: flex;
  height: 100vh !important;
  width: 100% !important;
  opacity: 1;
  z-index: 998;
}


/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}

/* Other ratios */
.ratio2_1:before {
	padding-top: 50%;
}

/* effects */
#waiting {
    display: none;
    margin: 15px 0px 15px 0px;
    text-align: center;
}

/* nav */
nav {
    position: -webkit-sticky;
    position: sticky;
    z-index: 900;
    overflow: hidden;
    top: 0;
	background-color: var(--c-brown-lightest);
    padding: 1rem 0;
    display: grid;
    grid-template-columns: 1fr 3.0fr;
    align-items: center;
	max-width: 1390px;
	margin: 0 auto 0 auto;
}
a.header-logo {
    padding: 0 20%;
}
a.header-logo > img {
    width: 500px;
}
.navi,
.navi-mob {
    display: table-cell;
	width: 90%;
    vertical-align: bottom;
    padding: 0;
    text-align: right;
}
.navi-mob {
	display: none;
}
.nav-cntnr {
	width: auto;
    display: inline-block;
    text-align: right;
    margin-right: 2vw;
}
.nav-bu {
    background: var(--c-orange);
    border-radius: 0 1.3rem 1.3rem 0;
    padding: 0 3ch;
}
nav ul,
header > section.tools > div {
	padding: 0;
	display: table;
	margin: 0 0;
}
nav ul li,
section.tools a,
header > section.tools > div {
	border: none;
	text-align: center;
    vertical-align: middle;
	display: table-cell;
	height: 100%;
}
section.tools a {
    white-space: nowrap;
}
nav ul li:hover {
    background: var(--c-brown-chocolate);
}
nav ul li.focus {
    background: var(--c-purple);
}
nav > .nav-cntnr > .nav-bu > .fnd-lnk {
    display: none;
}

nav#secmenu {
	display: inline;
    vertical-align: top;
    background: none;
}
nav#secmenu ul {
	padding: 0;
	display: block;
	margin: 0 0;
    border-radius: 1.3rem;
    background: var(--c-orange-broken);
}
nav#secmenu ul li {
    padding: 0;
	border: none;
	text-align: left;
    vertical-align: middle;
	display: block;
	height: 100%;
}

nav#secmenu ul ul {
	padding: 1.2ch 2ch;
	border: none;
	text-align: left;
    vertical-align: middle;
	display: block;
	height: 100%;
}

/* nav sub */

/* nav mobile toggle*/
.nav-toggle {
    display: none;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    padding: .7rem 0;
}

/* nav mobile */
#header label {
	padding:0 0.125em;
	font:2.875em/1.4375em Arial;
	}
#menu label {
	padding:0 0.25em;
	font:3.125em/1.375em Arial;
	color: var(--c-white);
	}
#menu .sub-nav label {
	padding:0 0.3125em;
	font:2em/2em Arial;
	top:0;
	}
#main-nav-check, #menu .sub-nav-check {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
label.toggle-menu span {
  font-size: 0.3em;
  padding: 0 2%;
  margin: 0;
  line-height: 0.0em;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: 300;
}
.toggle-menu {
    display: none;
    cursor: pointer;
	color: var(--c-white);
    font-size: 3.2em;
    padding: auto 2%;
    margin: 0px;
    line-height: 0.65em;
    z-index: 500;
    vertical-align: middle;
}
.container {
	background:#fff;
	min-height:100%;
	padding:0;
	margin:0;
}
#menu, #menu .sub-nav {
	position:absolute;
	top:0;
	bottom:0;
	width:14.75em;
	width:16.75em;
	z-index:9999;
	left:-16.75em;
}
.container, #menu, #menu .sub-nav {
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease;
	transition:transform .25s ease;
}
#menu ul {
	line-height:2.75em;
	text-decoration:none;
	padding:0;
	list-style:none;
	border-top:1px solid var(--c-white);
}
#menu li {
	border-bottom:1px solid var(--c-white);
}
#menu li a {
	display: block;
	font-size:1.0em;
    font-size: 20px;
    font-weight: 400;
	padding-left:1.5em;
	color: var(--c-white);
	text-decoration:none;
}
#menu li a:hover, #menu .toggle-sub:hover {
	background:#A4A4A4;
}
#menu .sub-nav {
	margin-top:-1px;
}
#menu .sub-heading {
	margin-top:4.0625em;
	padding-left:1.3125em;
	color:#ffffff;
	color: var(--c-white);
	font: small-caps bold 1.1em;
}
#menu .sub-heading:before {
	content:"";
	display:table-row;
	height:1px;
	width:14.75em;
	margin-left:-1.3125em;
	background:#444;
}
#menu .toggle-sub {
	font:bold 1em/2.75em Arial !important;
	color:rgba(0,0,0,1.00);
    color: var(--c-white);
    background: var(--c-purple);
	float:right;
	top:auto;
	margin-top:-2.75em;
	width:2.25em;
	cursor:pointer;
	text-align:center;
}
.container, #menu, #menu .sub-nav
{
	-webkit-transform:translate3d(0,0,0)
}

#menu, #menu ul {
	margin-bottom: 0px;
	overflow: hidden;
	text-align:left;
	background-color: var(--c-orange);
}

/* #### - extra css for js enhancement - #### */
#menu .close-all { display:none }
.js #menu .close-all { display:inline }
.js #menu .toggle-menu { 
    top:0; padding: 3% 0 3% 0.5em; 
    width: 3.25em; 
    z-index:9999; }
.js #menu .sub-nav .toggle-menu {  }

/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container, #main-nav-check:checked ~ #menu, #menu .sub-nav-check:checked ~ #fi-home-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-preschool-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-1-3-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-4-6-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-7-9-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-architecture-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-visual-arts-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-crafts-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-media-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-interdisciplinary-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-music-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-word-art-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-circus-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-dance-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-artforms-theater-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-pillars-sub, #menu .sub-nav-check:checked ~ #fi-about-the-cultural-curriculum-documents-files-etc-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-digilo-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-digilo-digilo-lesson-plan-suggestions-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-art-clubs-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-art-clubs-art-club-lesson-plan-suggestions-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-konstmix-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-konstmix-lesson-plan-suggestions-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-konstmix-educational-principles-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-labyrintens_hemlighet-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-labyrintens_hemlighet-lesson-plan-suggestions-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-levande-lasning-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-optima-skapa-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-piloten-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-skapa-jakobstadsregionen-bravo-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-theatre-group-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-theme-days-and-camps-2024-2025-sub, #menu .sub-nav-check:checked ~ #fi-culture-packages-theme-days-and-camps-2024-2025-heme-days-and-camps-lesson-plan-sub, #menu .sub-nav-check:checked ~ #fi-cultural-workers-sub, #menu .sub-nav-check:checked ~ #fi-cultural-workers-iiris-backman-sub, #menu .sub-nav-check:checked ~ #fi-cultural-workers-julia_hellen-sub, #menu .sub-nav-check:checked ~ #fi-cultural-workers-linnea_hjerpe-sub, #menu .sub-nav-check:checked ~ #fi-cultural-workers-moa-kronqvist-sub, #menu .sub-nav-check:checked ~ #fi-cultural-workers-camilla-lindberg-sub, #menu .sub-nav-check:checked ~ #fi-cultural-workers-petrina_lindqvist-sub, #menu .sub-nav-check:checked ~ #fi-cultural-workers-rebecka-sretenovic-sub, #menu .sub-nav-check:checked ~ #fi-cultural-workers-victoria-witting-sub, #menu .sub-nav-check:checked ~ #fi-about-vimk-sub, #menu .sub-nav-check:checked ~ #fi-about-vimk-for-cultural-workers-sub, #menu .sub-nav-check:checked ~ #fi-about-vimk-for-parents-and-children-sub, #menu .sub-nav-check:checked ~ #fi-about-vimk-about-skapa-sub, #menu .sub-nav-check:checked ~ #fi-about-vimk-news-sub, #menu .sub-nav-check:checked ~ #fi-about-vimk-news-vimkfi_launchday-sub, #menu .sub-nav-check:checked ~ #fi-about-vimk-news-seminar_SKAPA_140126-sub, #menu .sub-nav-check:checked ~ #fi-about-vimk-news-save-the-date_14012026-sub {	-webkit-transform:translate(16.75em,0); -ms-transform:translate(16.75em,0); transform:translate(16.75em,0); }

.page-content { padding:1em 2em; max-width:64em; margin:auto }
.page-content:after { display:block; content:''; height:1px } /* fixes bottom padding issue in IE10 */

/* doc */
.doc {
    text-align: left;
}
/* images */
.img_scl {
    width: 100%;
	/*overflow: hidden;*/
}
.img_scl:before {
	content: "";
	display: block;
}
.img_scl img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.img-lnk div {
}
.img-lnk img {
}
.img-lnk h2,
.img-lnk a {
	display: none;
}
/* article table */
article ul {
    padding-left: 2ch;
    margin: 0;
}
article ul li {
    margin: .3em 0 .3em 0;
    font-size: var(--fs-p);
    line-height: 1.35;
    font-family: var(--f-body);
    font-weight: 300;
}

/* ratios */

/* backgrounds */

/* reoccurring */

/* Service Header */

/* ihop-box */

/* header */
header {
    display: block;
    width: 100%;
    padding: 0;
    align-items: center;
    background: var(--c-purple);
}
header > section.tools {
    display: table;
    table-layout: auto!important;
    width: 100%;
    max-width: 1390px;
    margin: 0 auto;
}
header > section.tools > div {
	padding: 0.6ch 2ch;
}
header > section.tools > div.header-title {
	border: none;
	text-align: left;
	display: table-cell;
    width: auto;
	height: 100%;
}
header > section.tools > div.header-title > span {
    color: var(--c-white);
    padding: .5ch 4ch;
    margin: 0 0 0 0;
    font-size: var(--fs-head-ttl);
    font-size: var(--fs-nav);
    white-space: nowrap;
    font-family: var(--f-title);
}
header > section.tools > div.spacer {
	border: none;
	text-align: center;
	display: table-cell;
    width: auto;
    max-width: 50%;
	height: 100%;
}
header > section.tools > div.header-links {
  display: table-cell;
  white-space: nowrap;
  width: 20%;
}
header > section.tools > div.social-icon {
  display: table-cell;
  white-space: nowrap;
  width: 4ch;
}
header > section.tools > div.social-icon > img {
    width: 3ch;
}
header > section.tools > div.social-icon > a {
    display: none!important;
}
.lng-tool {
    max-width: 9ch;
    text-align: right!important;
}
.lng-tool:hover {
    background: var(--c-orange);
}
.lng-tool > .lng-txt {
    margin: 0;
    padding: 0;
}
.lng-tool > .lng-txt > a {
    font-size: var(--fs-nav);
    padding: 0.6ch 1ch!important;
    text-align: right!important;
}
.lng-tool > .lng-txt > a {
    font-size: var(--fs-nav);
    padding: 0.6ch 1ch!important;
}

/* anchor */
div.prod-anch-margin {
  position: relative;
}
div.prod-anch-margin div {
  position: absolute;
  top: 0;
  margin-top: -15%;
}
div.anch-margin {
  position: relative;
}
div.anch-margin div {
  position: absolute;
  top: 0;
  margin-top: -50%;
}


/* Gallery */
.article-gallery {
    width: 100%;
}
.GallLogo .article-gallery {
    margin: 0 0 0 -40%;
    width: 200%;
}
.imageGallery {
    width: 100%;
    text-align: center;
}
.GallCont {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 3% 3% 0;
}
.GallLogo .GallCont {
    width: 13.1%;
}
.GallImg,
.GallImg img {
    width: 100%;
    vertical-align: middle;
}
.GallImg img {
    margin: auto 0;
}
.GallImg:before {
    padding-top: 66.66666667%;
}
.imageGallery a[rel=gallery]
{
    cursor: -moz-zoom-in, -webkit-zoom-in, pointer;
    width: 95%;
    padding: 0 !important;
    background-color: rgba(255,255,255,1.00);
    vertical-align: middle;
    margin: 0 !important;
}
.imageGallery a[rel=gallery]:hover
{
    border-color: rgba(0,0,0,0.30);
}
.GallCaption {
    width: 100%;
    vertical-align: top;
}
.GallLogo .imageGallery .GallCont a[rel=gallery]
{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}


/* back to / page path */
.article-back-to {
    display: block;
    margin: 0 0 1px 0;
    height: 4ch;
    background-color: var(--c-purple);
    padding: 0;
    border-radius: 1.3rem;
    overflow: hidden;
    justify-content: flex-end;
}
.article-intro > .article-back-to {
    margin: 0ch 1.5ch 3ch 1.5ch;
}
.article-back-to > .bck-to {
    display: table;
    background-color: var(--c-purple);
    color: var(--c-white);
    margin: 1ch 4ch;
    font-size: var(--fs-pack-sort-p);
}
.article-back-to > .bck-to > a {
    display: table-cell;
    font-family: var(--f-nav);
    color: var(--c-white);
}
.article-back-to > .bck-to > .bck-to-laquo {
    display: table-cell;
    padding: 0 1ch;
}
.article-back-to > .bck-to > .bck-to-dsc {
    display: table-cell;
}

/* default */
main {
    position: relative;
    width: 100%;
    padding: 0;
    align-items: center;
}
main > section.article-grid {
    display: grid;
    grid-template-columns: 1fr minmax(0, 700px) 1fr;
    grid-gap: 3vw;
    max-width: 1300px;
    margin: 0 auto 0 auto;
    padding: 1.5vw;
}
main > section.article-grid > nav#secmenu,
main > section.article-grid > aside {
    min-width: 150px;
}
main > section.article-grid > article  {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    display: block;
    background: var(--c-white);
    border-radius: 1.3rem;
}
main > section.article-grid > article > figure {
    position: relative;
    margin: 0;
}
main > section.article-grid > article > figure > .default-img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 1.3rem;
    overflow: hidden;
    z-index: 100;
}
main > section.article-grid > article > figure > .default-img > img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
    aspect-ratio: 5 / 3;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
}
main > section.article-grid > article > div.article-padding {
    padding: 1.8ch 4ch;
}
main > section.article-grid > article > div.year-clock-title {
    text-align: center;
    background-color: var(--c-brown-lightest);
}
main > section.article-grid > article > div.year-clock-title > h1 {
    color: var(--c-purple);
}
main > section.page-full-width {
    max-width: 1300px;
    margin: 0 auto 0 auto;
    padding: 1.5vw;
}
aside:first-child {
    background-image: url( '/images/main/287-Konstikoner_B_500x1700px.svg' );
    background-repeat: no-repeat;
}

aside:last-child {
    background-image: url( '/images/main/286-Konstikoner_500x1700px.svg' );
    background-repeat: no-repeat;
}

/* article-2col */
.article-two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2vw;
    margin: 0 auto 0 auto;
    padding: 1.5vw;
}

/* article-table */
.site-table {
    margin: 0 0 3ch 0;
}
.site-table > thead {
    border-bottom: 1px solid var(--c-brown-chocolate);
}
.site-table > thead > tr > th {
    font-size: var(--fs-p);
    font-weight: 500;
    padding: .5ch 1ch;
    text-align: left;
}
.site-table > tbody > tr > td {
    font-size: var(--fs-p);
    font-weight: 300;
    padding: .5ch 1ch;
    text-align: left;
}

/* intro pages */
section.article-intro  {
    max-width: 1300px;
    margin: 1vw auto 0 auto;
}
section.article-intro > figure  {
    display: grid;
    grid-gap: 0;
    grid-template-areas:
        "txt img";
    aspect-ratio: 3 / 1;
}
section.article-intro > figure.intro-topimage-1-2  {
    grid-template-columns: 1fr 2fr;
}
section.article-intro > figure.intro-topimage-1-1  {
    grid-template-columns: 1fr 1fr;
}
section.article-intro > figure.intro-topimage-2-1  {
    grid-template-columns: 2fr 1fr;
}
section.article-intro > figure.intro-topimage  {
    position: relative;
    display: block;
    aspect-ratio: auto;
}
section.article-intro > figure.intro-topimage > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    grid-area: img;
    width: 100%;
    height: 100%;
    border-radius: 1.3rem;
    z-index: 100;
}
section.article-intro > figure.intro-topimage > div > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    object-fit: cover;
}
section.article-intro > figure.intro-topimage > figcaption.intro-topimage-05-1-05 {
    position: relative;
    display: grid;
    grid-template-columns: 1fr minmax(0, 700px) 1fr;
    grid-gap: 3vw;
    max-width: 1300px;
    margin: 0 auto 0 auto;
    padding: 1.5vw;
    z-index: 105;
    background: none;
}
section.article-intro > figure.intro-topimage > figcaption > div.intro-white-trans {
    background: rgba(255,255,255,0.95);
    display: block;
    padding: 3ch;
    border-radius: 1.3rem;
    text-align: left;
}
section.article-intro > figure.intro-topimage > figcaption.intro-topimage-05-1-05 > div.intro-white-trans > h1 {
    margin: 0 0 .67em 0;
}
section.article-intro > figure.intro-topimage > figcaption.intro-topimage-05-1-05 > div.intro-white-trans > a.art-lnk {
    background: var(--c-purple);
    display: inline-block;
    padding: 1ch 1.5ch;
    border-radius: 1ch;
    text-align: left;
    color: var(--c-white);
}
section.article-intro > figure.intro-topimage > figcaption.intro-topimage-05-1-05 > div.intro-white-trans > a.art-lnk:after {
  content: "\203A";
  margin-left: 1ch;
    font-size: inherit;
}
section.article-intro > figure.intro-topimage > figcaption.intro-topimage-05-1-05 > div.intro-white-trans > a.art-lnk:hover {
    background: var(--c-brown-chocolate);
    font-weight: 400;
}
section.article-intro > figure > figcaption  {
    grid-area: txt;
    position: relative;
    background: var(--c-white);
    display: block;
    padding: 3ch;
    border-radius: 1.3rem 0px 0px 1.3rem;
    text-align: left;
}
section.article-intro > figure > figcaption.intro-white  {
    background: var(--c-white);
}
section.article-intro > figure > figcaption.intro-orange  {
    background: var(--c-orange);
}
section.article-intro > figure > figcaption > h1  {
    color: var(--c-purple);
    margin: 0 0 .67em 0;
}
section.article-intro > figure > figcaption.intro-orange > h1  {
}
msection.article-intro > figure > figcaption.intro-orange > h3  {
    color: var(--c-white);
}
section.article-intro > figure > div  {
    position: relative;
    grid-area: img;
    width: 100%;
    height: 100%;
    border-radius: 0 1.3rem 1.3rem 0;
    overflow: hidden;
    z-index: 100;
}
section.article-intro > figure > div.intro-topimage-1-2  {
    aspect-ratio: 3 / 2;
}
section.article-intro > figure > div > img  {
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    object-fit: cover;
}
section.article-intro > figure > div > img > intro-1-2-img-frame {
    position: absolute;
    inset: 0px;
    overflow: hidden;
}
/* END:intro pages */


/* sort pages */
section.sort-tag-container,
section.sort-display-container  {
    max-width: 1300px;
    margin: 0 auto 0 auto;
}
section.sort-tag-container > h2 {
    font-size: clamp(0.85rem, 0.6200rem + 1.1500vw, 2rem);
    line-height: 1.22em;
    margin: 0 0 .3em 0;
    padding: 0 0 .5em 0;
    font-weight: 300;
    color: var(--clr-greendrk)!important;
    display: block;
    border-bottom: 1px solid var(--c-yellow-lion);
}
section.sort-tag-container > .sort-tag-header {
    display: block;
    margin: 0 1.3em;
    background: var(--c-white);
    text-align: center;
}
section.sort-tag-container > .sort-tag-header > p {
    display: block;
    border-bottom: 1px solid var(--c-yellow-lion);
    margin: 0;
    padding: 0.5ch 0;
    font-family: var(--f-title);
    font-size: var(--fs-sort-head);
    color: var(--c-white);
    background: var(--c-yellow-lion);
}
section.sort-tag-packages > .sort-tag-header > p {
    color: var(--c-white);
    background: var(--c-orange-broken);
    border-bottom: 1px solid var(--c-orange-broken);
}
.sort-tag-grid {
    display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 15ch auto;
    margin: 0 1.3em;
    background: var(--c-white);
    border: 1px solid var(--c-yellow-lion);
}
section.sort-tag-packages > .sort-tag-grid {
    border: 1px solid var(--c-orange-broken);
}
.sort-tag-grid > .sort-tag-title {
    grid-area:  1 / 1 / 4 / 2;
    display: table;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid var(--c-yellow-lion);
}
section.sort-tag-packages > .sort-tag-grid > .sort-tag-title {
    border-right: 1px solid var(--c-orange-broken);
}
.sort-tag-grid > .sort-tag-title-pack {
    grid-area:  1 / 1 / 5 / 2;
}
.sort-tag-grid > .sort-workerstag-artForms {
    grid-area:  1 / 2 / 2 / 3;
}
.sort-tag-grid > .sort-workerstag-lang {
    grid-area: 2 / 2 / 3 / 3;
}
.sort-tag-grid > .sort-workerstag-area {
    grid-area: 3 / 2 / 4 / 3;
}
.sort-tag-grid > .sort-workerstag-type {
    grid-area:  1 / 2 / 2 / 3;
}
.sort-tag-grid > .sort-workerstag-artForm {
    grid-area: 2 / 2 / 3 / 3;
}
.sort-tag-grid > .sort-workerstag-langu {
    grid-area: 3 / 2 / 4 / 3;
}
.sort-tag-grid > .sort-workerstag-target {
    grid-area: 4 / 2 / 5 / 3;
}
.sort-tag-grid > .sort-tag-title > h2 {
    width: auto;
    vertical-align: middle;
    height: auto;
    display: table-cell;
    padding: 0 1ch 0 1ch;
    margin: 0;
    font-size: var(--fs-sort-head);
    font-weight: 300;
    color: var(--c-purple);
}

.sort-tag-grid > .sort-tag > .sort-tag-chooser {
    display: grid;
	grid-template-columns: 20ch auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.sort-tag-grid > .sort-tag > .chooser-lang {
    border-top: 1px solid var(--c-yellow-lion);
}
.sort-tag-grid > .sort-tag >  .chooser-area {
    border-top: 1px solid var(--c-yellow-lion);
}
.sort-tag-grid > .sort-tag >  .chooser-artForm {
    border-top: 1px solid var(--c-orange-broken);
}
.sort-tag-grid > .sort-tag >  .chooser-langu {
    border-top: 1px solid var(--c-orange-broken);
}
.sort-tag-grid > .sort-tag >  .chooser-target {
    border-top: 1px solid var(--c-orange-broken);
}
.sort-tag-grid > .sort-tag > .sort-tag-chooser > span {
    text-align: right;
    width: auto;
    padding: 1ch 1ch;
}
.sort-tag-grid > .sort-tag > .sort-tag-chooser > span > h2 {
    color: var(--c-purple);
    font-size: var(--fs-sort-cat)!important;
    font-family: var(--f-primary);
    margin: 0;
    padding: 0;
}
.sort-tag-grid > .sort-tag > .sort-tag-chooser > ul {
    text-align: left;
    list-style: none;
    width: auto;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.sort-tag-grid > .sort-tag > .sort-tag-chooser > ul > li {
    position: relative;
  display: inline-block;
  margin: 0 1ch 0 1ch;
  padding: 0;
  width: auto;
}
.sort-tag-grid > .sort-tag > .sort-tag-chooser > ul > li > a {
    background: var(--c-purple);
    font-size: var(--fs-sort-item)!important;
    color: var(--c-white);
    line-height: clamp(1rem, 0.5639rem + 0.9467vw, 1.7rem);
    display: inline-block;
    padding: .5ch 1ch;
    margin: 0 0 0.5ch 0;
}
.sort-tag-grid > .sort-tag > .sort-tag-chooser > ul > li > a.focus {
    border: 1px solid var(--c-yellow-lion);
    background: var(--c-orange-broken)!important;
    color: var(--c-white)!important;
}
section.sort-tag-packages > .sort-tag-grid > .sort-tag > .sort-tag-chooser > ul > li > a.focus {
    border: 1px solid var(--c-orange-broken);
}
.sort-tag-grid > .sort-tag > .sort-tag-chooser > ul > li:hover {
}
.sort-tag-grid > .sort-tag > .sort-tag-chooser > ul > li:hover > a > a {
    background: var(--c-brown-chocolate);
    color: var(--clr-white)!important;
}

.display-workers  {
    padding: 2rem 4vw 4rem 4vw;
}
.display-workers-tag-bu  {
    display: block;
    margin: 0 1.3em;
    padding: 1.5rem 0 1.5rem 0;
	background-color: var(--c-yellow-lion);
    text-align: center;
}
.display-packages  {
	background-color: var(--c-orange-broken);
}
.display-workers-tag-bu > h2  {
    margin: 0;
    color: var(--c-white);
}
.display-workers > ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.0vw;
    justify-content: center;
    align-content: center;
    text-align: center;
    padding: 0 2vw;
}
.display-packages > ul {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5vw;
    padding: 0 1.5vw;
}
.display-workers > ul > li {
    overflow: hidden;
    background-color: var(--c-purple);
    border-radius: 1.3rem;
}
.display-workers > ul > li:hover {
    background-color: var(--c-brown-chocolate);
}
.display-workers > ul > li > a {
    position: relative;
    margin: 0 1.0em 0 1.0em;
    display: block;
    padding: 1ch 1ch;
}
.display-workers > ul > li > a > h2 {
    font-family: var(--f-primary);
    display: block;
    color: var(--c-white);
}
.display-workers > ul > li > a > div.display-workers-image {
    position: relative;
    display: inline-block;
    width: 80%;
    aspect-ratio: 1 / 1;
}
.display-workers > ul > li > a > div.display-workers-image > img {
    position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: top center;
}
.display-workers > ul > li > a > div.display-workers-txt {
    display: block;
    color: var(--c-white);
}
.display-workers > ul > li > a > div.display-workers-txt > p {
    display: block;
    color: var(--c-white);
}
.display-workers-tag-bu > ul > li > a > span.art-lnk {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: var(--c-white);
    padding-bottom: 2ch;
}

.display-packages > ul > li {
  overflow: hidden;
  background-color: var(--c-purple);
  border-radius: 1.3rem;
}
.display-packages > ul > li > a {
    position: relative;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0vw;
    height: 100%;
}
.display-packages > ul > li > a > .display-edu-txt {
    padding: 0 1.5ch;
    
}
.display-packages > ul > li > a > .display-edu-txt> h2 {
    font-family: var(--f-primary);
    display: block;
    color: var(--c-white);
}
.display-packages > ul > li > a > .display-edu-txt> h2 {
    font-family: var(--f-primary);
    display: block;
    color: var(--c-white);
    text-align: left;
}
.display-packages > ul > li > a > .display-edu-txt > p {
    font-family: var(--f-primary);
    display: block;
    color: var(--c-white);
    text-align: left;
    hyphens: auto;
    font-size: var(--fs-pack-sort-p);
    margin: 0 0 0.5ch 0;
    padding: 0.5ch 0 1ch 0;
    border-bottom: 1px solid var(--c-white);
}
.display-packages > ul > li > a > .display-edu-txt > p:last-child {
    border: none;
}
.display-packages > ul > li > a > .display-edu-image {
    position: relative;
    margin: 0;
    padding: 0;
}
.display-packages > ul > li > a > .display-edu-image > .display-edu-image-main {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.display-packages > ul > li > a > .display-edu-image > .display-edu-image-main > img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}
.display-packages > ul > li > a > .display-edu-image > span.art-lnk {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: var(--c-white);
    padding-bottom: 1.5ch;
    font-size: var(--fs-pack-sort-a);
}
.display-packages > ul > li > a > .display-edu-image > span.art-lnk:after {
  content: "\203A";
  margin-left: 1ch;
    font-size: inherit;
}


/* workers-presentation */
article.workers-presentation > figure {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    grid-template-areas:
        "txt img";
    grid-gap: 3vh;
    justify-content: flex-end;
    background: var(--c-brown-grey-light);
    margin: -1.8ch -4ch 3ch -4ch;
    padding: 0;
    border-radius: 1.3rem;
    overflow: hidden;
}
article.workers-presentation > figure > figcaption {
    grid-area: txt;
    padding: 4ch 0 4ch 4ch;
}
article.workers-presentation > figure > figcaption > h1 {
    color: var(--c-purple);
    font-family: var(--f-primary);
    margin: 0 0 0 1ch;
}
article.workers-presentation > figure > figcaption > h3,
article.workers-presentation > figure > figcaption > h2,
article.workers-presentation > figure > figcaption > p {
    font-family: var(--f-primary);
    display: block;
    margin: 0;
    padding: 0ch 2ch 1ch 2ch;
    font-size: var(--fs-worker-pres);
    font-weight: 400;
}
article.workers-presentation > figure > figcaption > span {
    display: block;
    color: var(--c-brown-chocolate);
    color: var(--c-yellow-lion);
    font-family: var(--f-title);
    margin: 2.5ch 0 0.3ch 2ch;
    font-size: clamp(0.6rem, 0.5200rem + 0.4000vw, 1rem);
    text-shadow: 1px 1px var(--c-white);
}
article.workers-presentation > figure > div.header-image-container {
    grid-area: img;
    position: relative;
}
article.workers-presentation > figure > div.header-image-container > div.header-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
article.workers-presentation > figure > div.header-image-container > div.header-image > img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    
}

/* educations-presentation */
article.edu-pres > figure {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    grid-template-areas:
        "txt img";
    grid-gap: 3vh;
    justify-content: flex-end;
    background: var(--c-brown-grey-light);
    margin: -1.8ch -4ch 3ch -4ch;
    padding: 0;
    border-radius: 1.3rem;
    overflow: hidden;
}
article.edu-pres > figure > figcaption {
    grid-area: txt;
    padding: 4ch 0 4ch 4ch;
}

article.edu-pres > figure > figcaption > h1 {
    color: var(--c-purple);
    font-family: var(--f-primary);
    margin: 0 0 0 1ch;
}
article.artform-pres > figure > figcaption > h1 {
    font-family: var(--f-title);
    margin: 0 0 1ch 0;
}
article.edu-pres > figure > figcaption > h3,
article.edu-pres > figure > figcaption > h2,
article.edu-pres > figure > figcaption > p {
    font-family: var(--f-primary);
    display: block;
    margin: 0;
    padding: 0ch 2ch 1ch 2ch;
    font-size: var(--fs-worker-pres);
    font-weight: 400;
}
article.edu-pres > figure > figcaption > h3 {
    font-family: var(--f-primary);
    display: block;
    padding: 0ch 0 1ch 2ch;
    line-height: 1.32em;
    margin: 1em 0;
}
article.edu-pres > figure > figcaption > span {
    display: block;
    color: var(--c-brown-chocolate);
    color: var(--c-yellow-lion);
    font-family: var(--f-title);
    margin: 2.5ch 0 0.3ch 2ch;
    font-size: clamp(0.6rem, 0.5200rem + 0.4000vw, 1rem);
    text-shadow: 1px 1px var(--c-white);
}
article.edu-pres > figure > div.header-image-container {
    grid-area: img;
    position: relative;
}
article.edu-pres > figure > div.header-image-container > div.header-image-default,
article.edu-pres > figure > div.header-image-container > div.header-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
article.edu-pres > figure > div.header-image-container > div.header-image-default > img,
article.edu-pres > figure > div.header-image-container > div.header-image > img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}
.culture-packages-menu-grid {
    display: grid;
    grid-template-columns: 8ch auto auto;
    grid-gap: 0;
    background: var(--c-orange-broken);
    border-radius: 1.3rem;
    overflow: hidden;
    width: 100%;
}
.culture-packages-menu-desc {
    text-align: right;
    position: relative;
    border-right: 1px solid var(--c-white);
}
.culture-packages-menu-desc > h4 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 1.5ch 1.5ch;
    display: table-cell;
    font-family: var(--f-nav);
    font-size: var(--fs-thirdmenu);
    color: var(--c-purple);
    display: flex;
    align-items: center;
    justify-content: center;
}
.culture-packages-menu {
    display: block;
    
}
.culture-packages-menu > ul {
    list-style: none;
    list-style-image: none;
    list-style-image: none;
    padding: 0;
    display: table;
    margin: 0 0;
}
.culture-packages-menu > ul > li {
    border: none;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 100%;
    border-right: 1px solid var(--c-white);
}
.culture-packages-menu > ul > li > a {
    font-family: var(--f-nav);
    text-transform: none;
    font-size: var(--fs-thirdmenu);
    font-weight: 400;
    text-transform: none;
    color: var(--c-white);
    padding: 1.5ch 1.5ch;
    display: table-cell;
    max-width: 13ch;
}
.culture-packages-menu > ul > li > a:hover {
    background: var(--c-brown-chocolate);
}
.culture-packages-menu-modules {
    display: block;
    position: relative;
    text-align: right;
    display: flex;
    align-items:flex-end;
    justify-content: flex-end;
}
.culture-packages-menu-modules > label {
    font-family: var(--f-nav);
    text-transform: none;
    font-size: var(--fs-thirdmenu);
    font-weight: 400;
    color: var(--c-white);
    padding: 1.5ch 1.5ch;
    border-left: 1px solid var(--c-white);
    display: flex;
    align-items:center;
    justify-content: center;
    max-width: 18ch;
    text-align: center;
}
.culture-packages-menu-modules > label:hover {
    background: var(--c-brown-chocolate);
}

article.edu-pres > .article-padding > h2:first-of-type {
    font-family: var(--f-title);
    margin: 2ch 0 1ch 0;
    color: var(--c-purple);
    font-size: var(--fs-h1);
}
article.edu-pres > .article-padding > p:first-of-type {
    font-family: var(f-primary);
    margin: 2ch 0 1ch 0;
    font-size: var(--fs-h3);
    font-weight: 400;
}

article.artform-pres > .article-padding h2 {
    font-family: var(--f-title);
    margin: 2ch 0 2ch 0;
    color: var(--c-purple);
    text-decoration: underline;
}
article.artform-pres > .article-padding h4 {
    margin: 2ch 0 1ch 0;
    font-size: var(--fs-h2);
}
article.artform-pres > .article-padding p {
    margin: 1ch 0 1ch 0;
}

article.artform-pres > .article-padding .art-lnk {
    margin: 0ch 0 1ch 0;
}

/* modules */
.column-local-plan {
    background: var(--c-brown-gray-light);
    display: block;
    padding: 2ch;
    border-radius: 1.3rem;
    overflow: hidden;
}
.column-local-plan > h2 {
    margin: 0 0 1ch 0;
    color: var(--c-white);
    font-family: var(--f-title);
    word-break: break-word;
}
.column-local-plan > div > .column-local-plan-munci {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0;
    border-bottom: 1px dotted white;
    margin-top: 2ch;
    margin-bottom: 1ch;
}
.column-local-plan > div > .column-local-plan-munci > h4 {
    color: var(--c-white);
    font-family: var(--f-title);
    margin: 2.5ch 0 0.5ch 0;
    align-items:center;
    justify-content: left;
    display: flex;
}
.column-local-plan > div > .column-local-plan-munci > img {
    max-width: 60px;
    align-items:center;
    justify-content: right;
    display: flex;
}
.column-local-plan > .art-lnk,
.column-local-plan > div > .art-lnk {
    background: none;
    display: inline-block;
    padding: 0;
    border-radius: 0;
    text-align: left;
    color: var(--c-white);
    padding-bottom: 1ch;
    border-bottom: 0.5px solid white;
    font-size: var(--fs-pack-sort-p);
}

/* news */
main > section.article-grid > #secmenu > .newslist {
	padding: 0;
	display: block;
	margin: 0 0;
    border-radius: 1.3rem;
    background: var(--c-green-light);
    overflow: hidden;
}
main > section.article-grid > #secmenu > .newslist > .newslist-item {
	padding: 1.8ch 2ch;
	border: none;
	text-align: left;
    vertical-align: middle;
	display: block;
	height: 100%;
}
main > section.article-grid > #secmenu > .newslist > .newslist-item:hover {
    background: var(--c-orange-broken);
}
main > section.article-grid > #secmenu > .newslist > .newslist-item > .newslist-date {
    color: var(--c-purple);
    font-family: var(--f-nav);
}
main > section.article-grid > #secmenu > .newslist > .newslist-item > a.nws-hdr {
    color: var(--c-white)!important;
    font-size: var(--fs-secmenu);
    font-family: var(--f-primary);
    padding: 0.2ch 0;
}
main > section.article-grid > #secmenu > .newslist > .newslist-item > a.nws-lnk {
    color: var(--c-white);
    padding: 0;
    text-align: right;
    display: block;
}

main > section.article-intro > figure.intro-topnews > figcaption {
    background: var(--c-green-light)!important;
    border-radius: 1.3rem;
    padding: 0!important;
}
main > section.article-intro > figure.intro-topnews > figcaption > div.intro-news {
    background: none;
    display: block;
    padding: 1.2ch!important;
    border-radius: 1.3rem;
    text-align: center;
}
main > section.article-intro > figure.intro-topnews > figcaption > div.intro-news > span {
	margin: 0;
    font-family: var(--f-title);
    font-size: var(--fs-h1);
    color: var(--c-white);
    padding: 0;
    
}
.pre-news-box {
}
.pre-news-box > figure {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  grid-gap: 0;
  margin: 1vw 0;
  width: 100%;
  justify-content: flex-end;
}
.pre-news-box > figure > figcaption {
  background-color: var(--c-brown-lightest);
  padding: 1ch 2ch 0 2ch;
  border-radius: .6em 0 0 .6em;
  overflow: hidden;
}
.pre-news-box > figure > figcaption:hover {
  background-color: var(--c-green-light);
}
.pre-news-box > figure > figcaption > div {
  display: grid;
  grid-template-columns: 1.0fr 1.0fr;
  grid-gap: 2vw;
  margin: 0.5ch 0;
  width: 100%;
}
.pre-news-box > figure > figcaption > div > span {
  color: rgba(255,255,255,0.65);
  font-size: clamp(0.4rem, 0.3300rem + 0.3500vw, 0.75rem) !important;
  font-weight: 700;
    font-family: var(--f-title);
    color: var(--c-purple)!important;
}
.pre-news-box > figure > figcaption > h2 {
  color: var(--c-black) !important;
  font-size: clamp(0.6rem, 0.5200rem + 0.4000vw, 1rem) !important;
  width: 100%;
  margin: .8em 0 .8em 0;
  font-family: "Nunito Sans", serif;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  font-weight: 400;
  text-transform: none;
  line-height: normal;
    font-family: var(--f-primary);
}
.pre-news-box > figure > figcaption > p {
  color: var(--c-black) !important;
  font-size: clamp(0.55rem, 0.4700rem + 0.4000vw, 0.95rem) !important;
  width: 100%;
  margin: .8em 0 .8em 0;
  font-family: "Nunito Sans", serif;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  font-weight: 300;
  text-transform: none;
    font-family: var(--f-primary);
}
.pre-news-box > figure > .pre-news-img-box {
  width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0 .6em .6em 0;
  border: 3px solid var(--c-brown-lightest);
    background: var(--c-brown-lightest);
}
.pre-news-box > figure:hover > .pre-news-img-box {
  border: 3px solid var(--c-green-light);
    background: var(--c-green-light);
}
.pre-news-box > figure > .pre-news-img-box > .pre-news-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.pre-news-box > figure > .pre-news-img-box > .pre-news-img > img {
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: none;
  object-fit: cover;
}


/* END:news */

/* page-2col */
main > section.page-2col  {
    max-width: 1300px;
    margin: 1vw auto 0 auto;
}
main > section.page-2col > figure  {
    display: grid;
    grid-gap: 0;
    justify-content: flex-end;
}
main > section.page-2col > figure.page-2col-txt-img  {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "txt img";
}
main > section.page-2col > figure.page-2col-img-txt  {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "img txt";
}
main > section.page-2col > figure > figcaption  {
    grid-area: txt;
    position: relative;
    background: var(--c-white);
    display: block;
    padding: 3ch;
    border-radius: 1.3rem 0px 0px 1.3rem;
    text-align: left;
}
main > section.page-2col > figure.page-2col-img-txt > figcaption {
    border-radius:0 1.3rem 1.3rem 0;
}
main > section.page-2col > figure > figcaption > h1  {
    color: var(--c-purple);
    margin: 0 0 .67em 0;
}
main > section.page-2col > figure > div  {
    position: relative;
    grid-area: img;
    border-radius: 0 1.3rem 1.3rem 0;
    overflow: hidden;
    z-index: 100;
}
main > section.page-2col > figure.page-2col-img-txt > div  {
    border-radius: 1.3rem 0 0 1.3rem;
}
main > section.page-2col > figure > div > img  {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    object-fit:cover;
    display: block;
}
main > section.page-2col > figure > div > img > intro-1-2-img-frame {
    position: absolute;
    inset: 0px;
    overflow: hidden;
}

/* END:page-2col */

/* front */
main > section.front-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3vw;
    max-width: 1300px;
    margin: 0 auto 0 auto;
    padding: 1.5vw;
}
section.front-intro-grid > a {
    display: block;
    border-radius: 1.3rem;
    overflow: hidden;
}
section.front-intro-grid > a > figure {
}
section.front-intro-grid > a > figure > div.front-intro-img-cntnr {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 1.3rem;
    overflow: hidden;
    z-index: 100;
}
section.front-intro-grid > a > figure > div.front-intro-img-cntnr > img {
}
section.front-intro-grid > a > figure > div.front-intro-img-cntnr > div.front-intro-img-frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
section.front-intro-grid > a > figure > div.front-intro-img-cntnr > div.front-intro-img-frame > img {
    position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
}
 section.front-intro-grid > a:hover > figure > div.front-intro-img-cntnr > div.front-intro-img-frame > img {
     transform: scale(1.2) rotate(8deg);
     transition-duration: 500ms;
}

section.front-intro-grid > a > figure > figcaption {
    position: relative;
    background: var(--c-white);
    width: 80%;
    margin: 0 5% 0 5%;
    padding: 5%;
    border-radius: 0 0 1.3rem 1.3rem;
    text-align: center;
}
section.front-intro-grid > a:hover > figure > figcaption {
    background: var(--c-orange);
}
section.front-intro-grid > a > figure > figcaption > h1,
section.front-intro-grid > a > figure > figcaption > h2 {
    font-size: var(--fs-front-intro-title);
    margin: 0 0 0 0;
    color: var(--c-purple);
    font-family: var(--f-title);
}
section.front-intro-grid > a > figure > figcaption > h3 {
    font-size: var(--fs-p);
    margin: 0.5ch 0 0 0;
    color: var(--c-black);
    font-weight: 300;
}
section.front-intro-grid > a:hover > figure > figcaption > h3 {
    color: var(--c-white);
}
section.front-intro-grid > a > figure > figcaption > h4 {
    display: none;
}
section.front-intro-grid > a > figure > figcaption > p {
    display: none;
    font-size: var(--fs-p);
    font-weight: 300;
}

main > section.front-presentation {
    width: 100%;
    margin: 1vw 0;
    padding: 0 0 2vw 0;
    align-items: center;
    display: block;
    position: relative;
}
main > section.front-presentation-end {
    padding: 1vw 0 1vw 0;
}
main > section.front-presentation div.front-presentation-bu {
    background: var(--c-brown-grey-light);
    display: block;
    position: absolute;
    top: 1.5vw;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 1vw;
}
main > section.front-presentation-end div.front-presentation-bu {
    margin-top: 0.0vw;
    top: 0;
}
main > section.front-presentation > div.front-presentation-cntnr {
    max-width: 1300px;
    margin: -1vw auto 0 auto;
    padding: 1.5vw;
    background: var(--c-white);
    border-radius: 1.3rem;
    position: relative;
}
main > section.front-presentation-end > div.front-presentation-cntnr {
    background: var(--c-orange);
}

main > section.front-presentation-end > div.front-presentation-cntnr {
    margin: 0 auto 0 auto;
    padding: 0.0vw;
}
main > section.front-presentation > div.front-presentation-cntnr > div.front-presentation-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 3vw;
}
main > section.front-presentation > div.front-presentation-cntnr > img.corner-top {
    position: absolute;
    top: -0.4ch;
    left: -0.4ch;
    max-width: 170px;
}
main > section.front-presentation > div.front-presentation-cntnr > img.corner-bottom {
    position: absolute;
    bottom: -0.4ch;
    right: -0.4ch;
    max-width: 170px;
}
main > section.front-presentation-end > div.front-year-clock-cntnr {
    background: none;
}
div.front-presentation-grid > figure.front-box {
    background: var(--c-green-light);
    border-radius: 1.3rem;
    display: block;
    padding: 1ch 2ch;
}
div.front-presentation-grid > figure.front-box > figcaption {
    position: relative;
    display: block;
    height: 90%;
    padding-bottom: 2ch;
    margin-bottom: 1ch;
}
div.front-presentation-grid > figure.front-box-news {
    background: var(--c-green-light);
}
div.front-presentation-grid > figure.front-box-news > figcaption > .newslist > .newslist-item{
    margin-bottom: 2ch;
}
div.front-presentation-grid > figure.front-box-news > figcaption > .newslist > .newslist-item > .newslist-date {
    font-size: clamp(0.55rem, 0.4453rem + 0.5234vw, 0.9rem);
}
figure.front-box-news > figcaption > .newslist > .newslist-item > a.nws-hdr,
figure.front-box-courses > figcaption > .newslist > .newslist-item > a.nws-hdr {
    color: var(--c-white);
    font-size: var(--fs-secmenu);
}
figure.front-box-courses > figcaption > .newslist > .newslist-item {
    margin: 1ch 0 0 0 ;
    display: block;
}
figure.front-box-news > figcaption > .newslist > .newslist-item > a.nws-lnk,
figure.front-box-courses > figcaption > .newslist > .newslist-item > a.nws-lnk {
    color: var(--c-white);
}
div.front-presentation-grid > figure.front-box-courses {
    background: var(--c-orange-broken);
}
div.front-presentation-grid > figure.front-box-register {
    background: var(--c-yellow-lion);
}
div.front-presentation-grid > figure.front-box-about {
    background: var(--c-brown-chocolate);
}
div.front-presentation-grid > figure.front-box > figcaption {
    color: var(--c-white);
}
div.front-presentation-grid > figure.front-box > figcaption > h2 {
    font-size: var(--fs-front-intro-title);
}
div.front-presentation-grid > figure.front-box > figcaption > h3 {
    font-size: var(--fs-p);
    font-weight: 300;
}
div.front-presentation-grid > figure.front-box > figcaption > p {
    font-size: var(--fs-p);
    font-weight: 300;
}
figure.front-box-news> figcaption > .art-lnk,
figure.front-box-courses> figcaption > .art-lnk,
figure.front-box-about > figcaption > .art-lnk,
figure.front-box-register > figcaption > .art-lnk {
    position: absolute;
    bottom: 1ch;
    left: 0;
    right: 0;
    background: var(--c-white);
    color: var(--c-purple);
}
figure.front-box-news> figcaption > .art-lnk:hover,
figure.front-box-courses> figcaption > .art-lnk:hover,
figure.front-box-about > figcaption > .art-lnk:hover,
figure.front-box-register > figcaption > .art-lnk:hover {
    background: var(--c-purple);
    color: var(--c-white);
}

.front-banner {
}
.front-banner > .front-banner-artforms {
    display: grid;
    grid-template-columns: 2fr 5fr;
    grid-gap: 1.5vw;
}
.front-banner > .front-banner-yearclock {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.5vw;
}
.front-banner > .front-banner-yearclock > .front-banner-yearclock-clock {
    padding: 0.5vw 2.5vw;
}
.front-banner > .front-banner-yearclock > .front-banner-yearclock-txt {
    padding: 1.5vw;
    display: flex;
  justify-content: center;
  align-items: center;
}
.front-banner > .front-banner-yearclock > .front-banner-yearclock-txt-cntnr {
}
.front-banner > .front-banner-yearclock > .front-banner-yearclock-txt > .front-banner-yearclock-txt-cntnr > h2 {
    font-size: var(--fs-h1);
    margin: 0 0 0 0;
    color: var(--c-purple);
    font-family: var(--f-title);
}
.front-banner > .front-banner-yearclock > .front-banner-yearclock-txt > .front-banner-yearclock-txt-cntnr > p {
    font-size: var(--fs-p);
  margin: 1.0ch 0 0 0;
  color: var(--c-black);
  font-weight: 300;
}

.front-banner > .front-banner-yearclock > .front-banner-yearclock-txt > .front-banner-yearclock-txt-cntnr > a {
    margin: 1.0ch 0 0 0;
}

/* preview artforms */
.preview-artforms {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 1.5vw;
    margin: 0 auto 0 auto;
    padding: 1.5vw;
    position: relative;
}
.preview-artforms > a {
    display: block;
    position: relative;
}
.preview-artforms > a > figure {
    position: relative;
    padding: 0 1ch 5ch 1ch;
}
.front-banner-artforms-links > .preview-artforms > a > figure {
    position: relative;
    padding: 0 1ch 3ch 1ch;
}
.preview-artforms > a > figure > .preview-artforms-img-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.preview-artforms > a > figure > .preview-artforms-img-box > .preview-artforms-img {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.preview-artforms > a > figure > .preview-artforms-img-box > .preview-artforms-img > img {
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    object-fit: cover;
}
.preview-artforms > a:hover > figure > .preview-artforms-img-box > .preview-artforms-img > img {
    transform: scale(1.1);
}
.preview-artforms > a > figure > figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-align: center;
}
.preview-artforms > a > figure > figcaption > h2 {
    display: block;
    height: auto;
    padding: 1ch 0 1ch 0;
    margin: 0;
    background: var( --c-orange);
    color: var(--c-white);
}
.front-banner-artforms-links > .preview-artforms > a > figure > figcaption > h2 {
    border: 1px solid var(--c-white);
}
.front-banner-artforms-links > .preview-artforms > a > figure > figcaption > h2 {
    font-size: var(--fs-pack-sort-p);
}
.preview-artforms > a:hover > figure > figcaption > h2 {
    background: var( --c-purple);
}
.front-banner-artforms-txt {
    padding: 1.5vw;
}
.front-banner-artforms-txt > h2 {
    color: var(--c-purple);
    font-size: var(--fs-h1);
}
.front-banner-artforms-txt > p {
    color: var(--c-white);
    font-size: var(--fs-h3);
}

/* Youtube Section */

section.youtube-section {
    padding: 2rem 2vw 2rem 2vw;
    display: grid;
grid-template-columns: repeat(auto-fit, minmax(270px, 560px));
grid-gap: 4vw;
justify-content: center;
align-content: center;
text-align: center;
}

section.youtube-section > p {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
section.youtube-section > p > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section.youtube-section > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}


section.youtube-section > div > .youtube-pre-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.youtube-section > div > .youtube-pre-img > img {
  position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

section.youtube-section > div > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	display: none;
}
.ytp-cued-thumbnail-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity .25s cubic-bezier(0,0,.2,1);
  -o-transition: opacity .25s cubic-bezier(0,0,.2,1);
  transition: opacity .25s cubic-bezier(0,0,.2,1);
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}

.ytp-cued-thumbnail-overlay-image {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ytp-button {
  border: none;
  background-color: transparent;
  padding: 0;
  color: inherit;
  text-align: inherit;
  font-size: 100%;
  font-family: inherit;
  cursor: default;
  line-height: inherit;
}

.ytp-button:focus, .ytp-button {
  outline: 0;
}

.ytp-large-play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68px;
  height: 48px;
  margin-left: -34px;
  margin-top: -24px;
  -webkit-transition: opacity .25s cubic-bezier(0,0,.2,1);
  -o-transition: opacity .25s cubic-bezier(0,0,.2,1);
  transition: opacity .25s cubic-bezier(0,0,.2,1);
}

.html5-video-player svg {
  pointer-events: none;
}

.ytp-large-play-button svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.ytp-large-play-button-bg {
  -webkit-transition: fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);
  -o-transition: fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);
  transition: fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);
  fill: #212121;
  fill-opacity: .8;
}

.ytp-large-play-button-red-bg .ytp-large-play-button-bg {
  fill: #f00;
  fill-opacity: 1;
}


.yt-top-info {
	position: absolute;
	top: 5%;
	left: 3%;
	right: 3%;
	display: table;
}
.yt-channel-logo {
	display: table-cell;
	width: 50px;
	height: 50px;
	padding-right: 10px;
}
.ytp-title-channel-logo {
  width: 50px;
  height: 50px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 5px;
  -webkit-background-origin: content-box;
  -moz-background-origin: content-box;
  background-origin: content-box;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.yt-title-text {
	display: table-cell;
	vertical-align: middle;
}
.yt-title-text a {
	color: white;
    text-shadow: 1px 1px 2px black;
}
.yt-title-text span {
	color: white;
	font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
	color: #eee;
	text-align: left;
	direction: ltr;
	text-shadow: 0 0 2px rgba(0,0,0,.5);
}

/* kulturpaket video pop-up */
.video {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(255,255,255,0.90);
  transition: opacity .25s ease;
    z-index: 950;
}

.video__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.video-state {
  display: none;
}

.video-state:checked + .video {
  opacity: 1;
  visibility: visible;
}

.video-state:checked + .video .video__inner {
  top: 0;
}

.video__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: 50%;
}

.video__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.video__close:after,
.video__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.video__close:hover:after,
.video__close:hover:before {
  background: #aaa;
}

.video__close:before {
  transform: rotate(-45deg);
}

/* kontakt */
.contact-person {
    
}
.contact-person > h5 {
    color: var(--c-orange);
    font-family: var(--f-title);
    margin: 1.67em 0 0 0;
}
.contact-person > h2 {
    border-top: 1px solid var(--c-orange);
    display: inline-block;
    padding: 0.5ch 3ch 0 0;
    margin: 0.5ch 0 0 0;
    font-family: var(--f-primary);
    font-size: var(--fs-footer-h3);
}


/* footer */
footer {
    display: block;
    width: 100%;
    padding: 0;
    align-items: center;
    background: var(--c-green-light);
}
footer > div.footer-position {
    display: table;
    table-layout: auto!important;
    width: 94%;
    max-width: 1390px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 3%;
}

section.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2vw;
    margin: 3vw 0;
}
section.footer-grid > .footer-section {
    padding: 2ch 3ch;
    background: var(--c-white);
    border-radius: 1.3rem;
    position: relative;
}
section.footer-grid > .footer-some-icons > h2 {
    display: inline-block;
    background: var(--c-green-light);
    color: var(--c-white)!important;
    padding: 2ch 2ch 1ch 2ch;
    margin:  0 0 -3.5ch 2ch;
    height: auto!important;
}
section.footer-grid > .footer-some-icons > .footer-some-icons-cntnr {
    border: 1ch solid  var(--c-white);
    border-radius: 1.3rem;
    margin: -1ch 0 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    padding: 2ch 15%;
}
section.footer-grid > .footer-some-icons > .footer-some-icons-cntnr > a.img-lnk {
    margin: 0;
    display: block;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
section.footer-grid > .footer-some-icons > .footer-some-icons-cntnr > a.img-lnk:last-of-type {
    grid-column: span 2;
}
section.footer-grid > .footer-some-icons > .footer-some-icons-cntnr > a.img-lnk:after {
    display: none;
}
section.footer-grid > .footer-some-icons > .footer-some-icons-cntnr > a.img-lnk > img {
    max-width: 100%;
    max-height: 5ch;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    object-position: center;
}
section.footer-grid > .footer-some-icons > .footer-some-icons-cntnr > a.img-lnk:last-of-type > img {
    max-height: 3ch;
}
section.footer-grid > .footer-some-icons > .footer-some-icons-cntnr > a.img-lnk:hover > img {
    transform: scale(1.1);
}
section.footer-grid > .footer-some-icons {
    background: none;
    padding: 0;
}
section.footer-grid > .footer-partners {
    grid-column: span 2;
}
section.footer-grid > .footer-partners > .footer-partners-icons-cntnr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3.5vw;
    grid-row-gap:2.5vw;
    width: 100%;
    margin-top: 4ch;
}
section.footer-grid > .footer-partners > h2 {
    display: inline-block;
    grid-column: span 3;
}
section.footer-grid > .footer-partners > .footer-partners-icons-cntnr > a.img-lnk {
    margin: 0;
    display: block;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
section.footer-grid > .footer-partners > .footer-partners-icons-cntnr > a.img-lnk:after {
    display: none;
    
}
section.footer-grid > .footer-partners > .footer-partners-icons-cntnr > a.img-lnk > img {
    max-width: 100%;
    max-height: 5ch;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    object-position: center;
}
section.footer-grid > .footer-partners > .footer-partners-icons-cntnr > a.img-lnk:hover > img {
    transform: scale(1.1);
}
section.footer-grid > .footer-section > h2{
    font-size: var(--fs-footer-title);
    color: var(--c-purple);
    height: 2ch;
}
section.footer-grid > .footer-section > h3{
    font-size: var(--fs-footer-h3);
}
section.footer-grid > .footer-section > .art-lnk{
    font-size: var(--fs-footer-art-lnk);
}
section.footer-grid > .footer-section > a.art-lnk:after {
    display: none;
}
section.footer-grid > .footer-section > a.art-lnk:hover {
    font-weight: 600;
}

section.footer-grid > .footer-section:first-of-type > img {
    width: 60%;
}

section.footer-grid > .footer-muncipalities {
    
}
section.footer-grid > .footer-muncipalities > a.img-lnk {
    margin: 1vw;
    display: inline-block;
    width: 8ch;
}
section.footer-grid > .footer-muncipalities > a.img-lnk:after {
    display: none;
}
section.footer-grid > .footer-muncipalities > a.img-lnk > img {
    width: 40%;
    display: inline-block;
}

section.footer-grid > .footer-some-icons > img:first-of-type {
    display: block;
    background: var(--c-white);
    width: 80%;
    padding: 5% 10%;
    margin: 0 0 4ch 0;
    border-radius: 1.3rem;
    
}
section.footer-grid > .footer-some-icons > a.img-lnk > img {
    max-height: 5ch
}

footer > div.footer-position > section.footer-bottom {
    position: relative;
    padding: 2ch 3ch;
    border-radius: 1.3rem;
    display: block;
    border: 1ch solid var(--c-white);
    border-radius: 1.3rem;
}
footer > div.footer-position > section.footer-bottom  > .footer-bottom-cntnr {
    position: relative;
    background: var(--c-white);
    border-radius: 1.3rem;
    display: flex;
    justify-content: space-around;
}
footer > div.footer-position > section.footer-bottom  > .footer-bottom-cntnr   > h2 {
    position: absolute;
    top: -3ch;
    left: 5ch;
    display: inline-block;
    background: var(--c-green-light);
    color: var(--c-white)!important;
    padding: .5ch 2ch .5ch 2ch;
    margin:  0 0 -1.5ch 0;
}
footer > div.footer-position > section.footer-bottom  > .footer-bottom-cntnr > a.img-lnk {
    margin: 1vw;
    display: inline-block;
    width: 10ch;
    display: inline-block;
}

footer > div.footer-position > section.footer-bottom  > .footer-bottom-cntnr > a.img-lnk:hover > img {
    transform: scale(1.1);
}
footer > div.footer-position > section.footer-bottom > .footer-bottom-cntnr > a.img-lnk:after {
    display: none;
    
}
footer > div.footer-position > section.footer-bottom > .footer-bottom-cntnr > .footer-bottom-cntnr > a.img-lnk > img {
    display: inline-block;
}

footer > div.footer-position > section.footer-copyright {
    text-align: center;
}


@media (min-width:1152px) and (max-width:1279px)  {

main > section.article-grid > article  {
    max-width: 580px;
}
}
@media (min-width:1280px) and (max-width:1367px){
main > section.article-grid > article  {
    max-width: 640px;
}
}
@media (min-width:1368px) and (max-width:1489px){

main > section.article-grid > article  {
    max-width: 680px;
}
    
}
@media (min-width:1490px) and (max-width:1689px){

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

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

}
@media (min-width:360px) and (max-width:567px) {

}
@media (min-width:568px) and (max-width:639px) {

}
@media (min-width:640px) and (max-width:735px) {

}
@media (min-width:736px) and (max-width:979px) {

main > section.article-grid > article  {
    max-width: 440px;
}  
section.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2vw;
  margin: 3vw 0;
} 
}
@media (min-width:980px) and (max-width:1151px) {
main > section.article-grid > article  {
    max-width: 520px;
}
	
}
@media (max-width:359px) {

}
@media (max-width:735px) {
.toggle-menu {
    display: block;
    vertical-align: middle;
}
header > section.tools > div.header-title > span {
    white-space: nowrap;
}
header > section.tools > div.social-icon {
  display: none;
}
header > section.tools > .fnd-lnk {
  display: none;
}
nav {
  padding: 1rem 0rem;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin: 0 auto;
}
.nav-bu {
    display: grid;
    grid-template-columns: 1fr 0 1fr;
    grid-gap: 3vw;
    padding: 0 2ch;
}
.nav-toggle {
    display: table-cell;
}
nav > .nav-cntnr > .nav-bu > .nav-toggle > .toggle-menu {
    display: block;
    color: var(--c-white);
}
    
nav ul li {
  display: none;
}

nav > .nav-cntnr > .nav-bu > .fnd-lnk {
    display: table;
    vertical-align: middle;
}
nav > .nav-cntnr > .nav-bu > .fnd-lnk > .fnd-txt {
    font-family: var(--f-nav);
    display: table-cell;
    vertical-align: middle;
      padding: 1.8ch .3ch 1.8ch 1ch;
}
nav > .nav-cntnr > .nav-bu > .fnd-lnk > .fnd-symb {
    display: table-cell;
    vertical-align: middle;
    width: .1ch;
    height: .1ch;
      padding: .8ch 1ch;
}
  
main > section.article-grid {
    grid-template-columns: 1fr;
    grid-gap: 3vw;
    padding: 3vw;
}
main > section.article-grid > nav#secmenu,
main > section.article-grid > aside {
    display: none;
}
main > section.article-grid > aside.column-local-plan-cntnr {
    display: block;
    width: 90%;
}
main > section.article-grid > aside.column-local-plan-cntnr > .column-local-plan {
    column-count: 2;
    column-gap: 2ch;
}
main > section.article-grid > article {
    width: auto;
    margin: 0 1.5ch;
}
    
main > section.front-intro-grid {
  grid-template-columns: 1fr 1fr;
  grid-gap: 3vw;
    grid-row-gap: 4vw;
  margin: 0 auto 0 auto;
  padding: 1.5vw 1.5vw 3vw 1.5vw;
}
section.front-intro-grid > a:first-of-type {
    grid-column: span 2;
}
section.front-intro-grid > a:first-of-type > figure {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3vw;
}
section.front-intro-grid > a:first-of-type  > figure > figcaption {
  border-radius: 1.3rem;
}
section.front-intro-grid > a > figure > figcaption {
  width: 90%;
  margin: -5% 0 0 0;
    padding: 10% 5% 5% 5%;
}
    
main > section.front-presentation > div.front-presentation-cntnr {
  margin: -1vw auto 0 auto;
  padding: 3vw;
}
main > section.front-presentation div.front-presentation-bu {
  top: 3vw;
}
main > section.front-presentation > div.front-presentation-cntnr > div.front-presentation-grid {
  grid-template-columns: 1fr 1fr;
  grid-gap: 3vw;
}
main > section.front-presentation > div.front-presentation-cntnr > img.corner-top {
    width: 20%;
}
main > section.front-presentation > div.front-presentation-cntnr > img.corner-bottom {
    width: 20%;
}
    
/* intro pages */
main > section.article-intro > figure.intro-topimage > figcaption.intro-topimage-05-1-05 {
    grid-template-columns: .15fr 1fr .15fr;
    grid-gap: 0;
    margin: 0 auto 0 auto;
    padding: 1.5vw;
}
main > section.article-intro > figure.intro-topimage-1-2 {
    grid-template-columns: 1fr;
    grid-template-areas:
        "img"
        "txt";
    aspect-ratio: auto;
    margin: 0 1.5ch;
}
main > section.article-intro > figure.intro-topimage-1-2 > div {
    aspect-ratio: 3 / 2;
    border-radius: 1.3rem 1.3rem 0 0;
}
main > section.article-intro > figure.intro-topimage-1-2 > figcaption {
    border-radius: 0 0 1.3rem 1.3rem;
}
main > section.article-intro > figure.intro-topimage > figcaption > div.intro-white-trans {
  padding: 1ch 2ch;
  border-radius: 1.3rem;
}
    
/* sort pages */
section.sort-tag-container > .sort-tag-header {
    margin: 0;
}
.sort-tag-grid {
  grid-template-columns: 3ch auto;
  margin: 0;
}
.sort-tag-grid > .sort-tag-title {
    display: block;
    position: relative;
}
.sort-tag-grid > .sort-tag-title > h2 {
    transform-origin: 0 0;
    transform: rotate(-90deg);
    white-space: nowrap;
    padding: 0 ;
    position: absolute;
    bottom: 0;
    display: block;
    width: 23ch;
    padding-top: 1ch;
}
.sort-tag-grid > .sort-tag > .sort-tag-chooser {
  grid-template-columns: 12ch auto;
}
.display-workers-tag-bu {
  margin: 0;
}
.display-workers > ul {
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.0vw;
    padding: 0 2vw;
}
.display-packages > ul {
    grid-template-columns: 1fr;
    grid-gap: 1.5vw;
    padding: 0 1.5vw;
}
article.workers-presentation > figure {
    grid-template-columns: 1.2fr 1fr;
  grid-gap: 2vh;
  margin: -1.8ch -7ch 3ch -7ch;
  padding: 0;
  border-radius: 1.3rem;
}
article.workers-presentation > figure > figcaption {
    padding: 2ch 0 2ch 2ch;
}
article.workers-presentation > figure > div.workers-image-container {
}
    
.front-banner > .front-banner-artforms {
    grid-template-columns: 1fr;
}

.front-banner > .front-banner-yearclock {
    grid-template-columns: 1fr;
}
.front-banner > .front-banner-yearclock > .front-banner-yearclock-clock {
  padding: 2.5vw 0.5vw 0.5vw 0.5vw;
}
    
/* preview artforms */
.preview-artforms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5vw;
    margin: 0 auto 0 auto;
    padding: 1.5vw;
    position: relative;
}
.front-banner-artforms-links > .preview-artforms {
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
}
    
/* footer */
section.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2vw;
  margin: 3vw 0;
}
section.footer-grid > .footer-partners {
  grid-column: span 1;
}
section.footer-grid > .footer-partners > .footer-partners-icons-cntnr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 3.5vw;
  grid-row-gap: 2.5vw;
  width: 100%;
  margin-top: 4ch;
}
footer > div.footer-position > section.footer-bottom {
  position: relative;
  padding: 2ch 1ch;
  border-radius: 1.3rem;
  display: block;
  border: 1ch solid var(--c-white);
  border-radius: 1.3rem;
}
footer > div.footer-position > section.footer-bottom > .footer-bottom-cntnr {
    justify-content:center;
    display: block;
    width: 86%;
    padding: 2ch;
    white-space: normal;
    overflow-wrap: break-word;
}
footer > div.footer-position > section.footer-bottom > .footer-bottom-cntnr > a.img-lnk {
    display: inline-block;
    text-align: center;
}

}