.iconpack{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--iconpack-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;width:var(--iconpack-width,auto);height:var(--iconpack-height,1em);vertical-align:var(--iconpack-vertical-align,-.125em);margin-right:var(--iconpack-margin-right,.125em);overflow:visible}span.iconpack{vertical-align:0}


.cc-bottom {
    bottom: 0; }
.cc-left {
    left: 0;
    transition: left 1s ease-in-out; }
.cc-window {
    opacity: .9; }
.cc-invisible {
    opacity: 1;
    left: -800px !important; }
.cc-compliance {
    justify-content: flex-start; }
.cc-floating.cc-theme-classic {
    width: 100%;
    min-width: 300px;
    max-width: 800px;
    padding: 2em;
    border-radius: unset; }
.cc-revoke {
    left: 3em;
    padding: .5em 2em;
    font-size: .875rem; }
.cc-btn {
    max-width: 250px;
    margin-bottom: 0;
    padding: .5rem 1rem .375rem 1rem;
    font-size: .875rem;
    text-decoration: none;
    line-height: 1; }
.cc-theme-classic .cc-btn {
    border-radius: 0; }
.cc-dismiss {
    display: inline-block;
    min-width: auto; }
.cc-highlight .cc-btn.cc-allow {
    color: #ffffff; }
.cc-highlight .cc-btn.cc-dismiss {
    background-color: #b0b3b5; }
.no-touchevents .cc-highlight .cc-btn:first-child:hover {
    background-color: #b0b3b5; }
.no-touchevents .cc-highlight .cc-btn.cc-dismiss:hover,
.no-touchevents .cc-highlight .cc-btn.cc-allow:hover {
    opacity: .85;
    color: white;
    text-decoration: none; }
.cc-revoke.cc-left {
    left: 0; }
.cc-revoke.cc-bottom {
    bottom: 0;
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 4px; }
.no-touchevents .cc-revoke:hover {
    opacity: .85;
    text-decoration: none; }



@media only screen and (max-width:900px) {
    .cc-compliance {
        flex-direction: column; }
    .cc-btn.cc-dismiss {
        margin-bottom: 1rem }
    .cc-revoke {
        display:none !important; } }
/*
	Reset Css
*/
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
select,
button,
figure,
img,
embed,
p,
blockquote,
button {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
button,
input,
textarea
select {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0; }
ul {
    list-style: none; }
iframe,
fieldset,
img {
    border: none; }
img,
object {
    width: 100%;
    max-width: 120%;
    height: auto; }
caption,
th {
    text-align: left; }
table {
    border-spacing: 0; }
:root {
    --pageWidth: 1920px;
    --contentWidth: 1640px;
    --subpageWidth: 1000px;
    --mainFontFamily: "Heebo", sans-serif;
    --bodyBg: #ffffff;
    --menuBgColor: rgba(255,255,255,0.9);
    --textColor: #111111;
    --textColorLight: #ffffff;
    --textColorDark: #000000;
    --accentColor: #b36e33;
    --bgLight: #fdfdfd;
    --bgBeige: #ffe1C9;
    --bgBeige2: #ffebdb;
    --bgLightgreen: #ccdcdb;
    --bgDarkgreen: #00524d;
    --bgDark: #353535;
    --buttonBg: #00524d; }
/*
@media (prefers-color-scheme:dark) {
    :root {
        --bodyBg: #242424;
        --menuBgColor: rgba(0,0,0,0.8);
        --textColor: #FFFFFF;
        --textColorLight: #ffffff;
        --textColorDark: #ffffff;
        --accentColor: #C100CF;
        --bgLight: #242424;
        --bgDark: #1A1A1A } }
*/
/*
    general styles
 */
html {
    font-size: 16px }
body {
    background-color: var(--bodyBg);
    color: var(--textColor);
    font-family: var(--mainFontFamily), sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: .5em;
   margin-top: 0 }
h2 {
    font-size: 1.5625rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: .5em;
    margin-top: 1em }
h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: .5rem }
h4 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem; }
b, strong {
    font-weight: 700 }
a,a:visited {
    text-decoration: none;
    color: var(--accentColor) }
.bg-darkgreen a {
    color: #ffcda6; }
a:hover {
    text-decoration: underline }
ul, ol {
    margin-left: 1em }
ul {
    list-style: disc }
hr {
    border: none;
    background-color: #ddd;
    color: #ddd;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1em;
    padding: 0;
    height: 1px }
table {
    width: 100%;
    font-size: .9em }
th {
    font-weight: 700 }
th, td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: .2em;
    padding-left: .6em;
    padding-right: .6em }
th:last-child,
td:last-child {
    border-right: none;
    padding-right: 0 }
tbody tr:last-child th,
tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 0 }
.clear {
    clear: both }
.btn {
    display: inline-block;
    margin-top: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: .5rem 2rem;
    border: 1px solid var(--buttonBg);
    border-radius: 5px;
    background-color: var(--buttonBg);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-transform: uppercase;
    transition: color .4s,font-size .4s; }
.bg-darkgreen .btn {
    border-color: var(--buttonBg);
    background-color: #FFCDA6;
    color: var(--buttonBg) }
.btn:hover,
button.btn:disabled {
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    color: var(--buttonBg);
    border-color: var(--buttonBg) }
.bg-darkgreen .btn:hover {
    border-color: #FFCDA6;
    background-color: var(--buttonBg);
    color: #FFCDA6 }
.align-center .btn {
    margin-left: .2em;
    margin-right: .2em }
.align-right .btn {
    margin-left: .4em;
    margin-right:0 }
.pageWidth {
    max-width: var(--pageWidth);
    margin: 0 auto;
    clear: both }
.contentWidth {
    max-width: var(--contentWidth);
    margin: 0 auto; }
.content {
    margin: auto;
    clear: both;
    padding: 0 3rem;
    position: relative;
    z-index: 1 }
@media only screen and (max-width: 800px) {
    .content {
        padding:0 1rem; } }

.frame-type-text p,
.frame-type-textmedia p,
.frame-type-text ul,
.frame-type-textmedia ul,
.frame-type-text ol,
.frame-type-textmedia ol {
    max-width:60rem }
.frame-type-text p.align-center,
.frame-type-textmedia p.align-center {
    margin-left: auto;
    margin-right: auto; }

.c-slider .swiper-slide > div.frame {
    max-width: 90%;
    margin-left: 5%;
}
.swiper-button-next,
.swiper-button-prev {
    color: #00534D;
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev {
    left: 0;
}

/* News */
.news-list-view .article:first-child {

    border-top: 1px solid black; }
.news-list-view .article {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid black; }
.news .article > a {
    display: flex;
    flex-direction: row; }
.no-touchevents .news .article > a:hover {
    text-decoration: none; }
.news .article .dateWrapper {
    flex: 1 1 25%;
    width: 25%;
    margin-top: .5rem;
    margin-bottom: .375rem;
    max-width: 300px;
    min-width: 300px;
    color: #202020;
    font-weight: 700; }
.news .article .headlineWrapper {
    flex: 1 1 75%;
    width: 75%;
    min-width: 300px; }
.news .article h2 {
    margin-top: .5rem;
    margin-bottom: .375rem;
    color: #202020;
    font-size: 1rem;
    font-weight: 700; }
.news .article .headlineWrapper span.more {
    display: inline-block;
    margin-left: 2rem;
    color: var(--accentColor);
    font-size: 1rem;
    font-weight: 400; }
.news.reduced .news-list-view .article:nth-child(n+4) {
    display: none; }
.news-single .article .news-img-wrap {
    float: none;
    width: 100%;
    max-width: 600px;
    margin: 0 50px 50px 0 }
@media only screen and (max-width: 800px){
    .news .article > a {
        flex-direction: column; }
    .news .article .headlineWrapper span.more {
        margin-top: 1rem;
        margin-left: 0 }
}

/**/
#header, #content, #footer {
    margin: 0 auto }
#header {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 100;
    background-color: white;
    box-shadow: 1px 2px 5px gray; }
#header .contentWidth {
    display: flex; justify-content: space-between; }
#logo {
    max-width: 420px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    line-height: .6;
    transition: all .4s ease-in-out; }
#logo svg {
    height: 1.5rem;
    width: auto;
    transition: height .4s }
.has-lightbox #logo {
    display: none }
@media only screen and (max-width: calc(420px + 3rem) ) {
    #logo {
        max-width: calc(100% - 3rem); }
    #logo svg {
        width: 100%;
        height: auto } }


/* fluid styled content */
.align-right {
    text-align: right }
.align-center {
    text-align: center }
.frame {
    clear: both;
    float: left;
    width: 100% }
.frame .ce-bodytext > p {
    margin-bottom: 1em }
.frame .ce-bodytext > p:last-child {
    margin-bottom: 0 }

.frame-space-before-extra-small {
    margin-top: 1em }
.frame-space-after-extra-small {
    margin-bottom: 1em }
.frame-space-before-small {
    margin-top: 2em }
.frame-space-after-small {
    margin-bottom: 2em }
.frame-space-before-medium {
    margin-top: 3em }
.frame-space-after-medium {
    margin-bottom: 3em }
.frame-space-before-large {
    margin-top: 4em }
.frame-space-after-large {
    margin-bottom: 4em }
.frame-space-before-extra-large {
    margin-top: 5em }
.frame-space-after-extra-large {
    margin-top: 5em }

.ce-textpic.ce-above .ce-gallery {
    margin-bottom: 1.3em }
.ce-textpic.ce-below .ce-gallery {
    margin-top: 1.3em }
.ce-textpic.ce-above .ce-gallery,
.ce-textpic.ce-below .ce-gallery {
    width: 100%;
    margin-left: 0 }
.ce-textpic.ce-left.ce-nowrap:has(.ce-gallery),
.ce-textpic.ce-right.ce-nowrap:has(.ce-gallery) {
    display: flex; }
.ce-textpic.ce-left .ce-gallery {
    max-width: 70%;
    min-width: 200px;
    margin-right: 45px; }
.ce-textpic.ce-right.ce-nowrap:has(.ce-gallery) {
    flex-direction: row-reverse;
    justify-content: space-between; }
.ce-textpic.ce-right .ce-gallery {
    max-width: 70%;
    min-width: 200px;
    margin-left: 50px; }
.ce-textpic.ce-right.ce-intext .ce-gallery,
.ce-textpic.ce-left.ce-intext .ce-gallery {
    margin-bottom: 1em;
    max-width: 55% }
.ce-textpic.ce-right.ce-intext .ce-gallery {
    float: right;
    padding-left: 1em;
    margin-right: 0 }
.ce-textpic.ce-left.ce-intext .ce-gallery {
    float: left;
    padding-right: 1rem;
    margin-left: 0 }
@media only screen and (max-width:800px) {
    .ce-textpic.ce-left.ce-nowrap:has(.ce-gallery),
    .ce-textpic.ce-right.ce-nowrap:has(.ce-gallery) {
        flex-direction: column; }
    .ce-textpic.ce-right.ce-intext .ce-gallery,
    .ce-textpic.ce-left.ce-intext .ce-gallery {
        float: unset;
        max-width: 300px;
        padding-left: 0;
        padding-right: 0 }
    .ce-textpic.ce-left .ce-gallery,
    .ce-textpic.ce-right .ce-gallery {
        max-width: 300px;
        margin-left: 0;
        margin-right:0 }
    .ce-textpic.ce-left,
    .ce-textpic.ce-right {
        display: block;
        flex-direction: unset;
        justify-content: unset; }
}
.text-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto }
.text-right {
    text-align: right;
    margin-left:auto }
.c-popup-content.contentWidth {
    max-width: 800px;
    margin: auto }
/*@media screen and (min-device-width:2560px) and (min-width:1700px) {
    html {
        font-size:22px } }
@media screen and (max-width:1506px) {
    html {
        font-size:19px } }
@media screen and (max-width:960px) {
    html {
        font-size:16px }
    #logo {
        margin-left:-.5rem }
    h1 {
        font-size:2.5em } }
@media screen and (max-width:680px) {
    h2 {
        font-size:1.5em } }
@media screen and (max-width:520px) {
    .content {
        padding:0 1.667em }
    .no-br-on-mobile br {
        display:none } }*/

/*
    pagination
 */
ul.pagination {
    line-height: .9em;
    font-size: .9em;
    list-style: none;
    margin: 0;
    padding-top: 2.5em;
    max-width: 100%;
    display: inline-block; }
ul.pagination > li {
    margin: .4em .2em 0 0; }
ul.pagination > li:last-child {
    margin-right: 0; }
ul.pagination > li > a {
    text-decoration: none; }
ul.pagination > li,
ul.pagination > li > a {
    display: inline-block; }
ul.pagination > li > a,
ul.pagination > li.current {
    padding: .5em .7em;
    border: 1px solid; }
ul.pagination > li.current,
ul.pagination > li > a:hover {
    background: transparent; }

/*
    scroll effects
 */
.scroll-in-fade-in .frame {
    opacity: 0;
    transition: opacity .4s ease-in-out }
.scroll-in-fade-in .frame.isInViewport {
    opacity: 1 }
.scroll-in-slide-from-right .content > .frame {
    opacity: 0;
    transition: all .4s ease-out;
    transform: translate(5rem) }
.scroll-in-slide-from-right .content > .frame.isInViewport {
    opacity: 1;
    transition: all .4s ease-out }
.scroll-in-slide-from-left .content > .frame {
    opacity: 0;
    transition:all .4s ease-out }
.scroll-in-slide-from-left .content > .frame.isInViewport {
    opacity: 1;
    transition: all .4s ease-out;
    transform: translate(0) }
.scroll-in-slide-from-below .content > .frame {
    opacity: 0;
    transition: all .4s ease-out;
    transform: translate(0,5rem) }
.scroll-in-slide-from-below .content > .frame.isInViewport {
    opacity: 1;
    transition: all .4s ease-out;
    transform: translate(0,0) }

/*
    custom styles
 */
/*
.scrolled #logo {
    max-width: 1.1rem; }
.scrolled #logo:hover {
    max-width: 270px; }
*/
.home h1 {
    font-size: 5.5rem;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase; }
.home h2 {
    font-size: 2.5rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 2rem;
    padding-top: 0; }
.home h1,
.home h2 {
    text-shadow: 2px 2px 5px gray; }
.home .frame-type-text p {
    max-width: 100%; }
.home .btn:hover {
    border-color: white;
    background-color: white; }
@media screen and (min-width:1920px) {
    .c-section.home h1 {
        font-size: 6em } }
@media screen and (max-width:960px) {
    .home .content {
        margin: 0 !important;
        padding:0 !important }
    .home h1 {
        font-size: 11vw } }

/*
    iconpack
 */
img.iconpack,
span.iconpack,
svg.iconpack {
    width: auto;
    height: 1em;
    vertical-align: -.125em;
    margin-right: .125em }
span.iconpack {
    vertical-align: 0 }

/*
    columns
*/
.c-columns {
    width: 100% }
.c-columns > .col,
.c-columns > .space {
    float: left;
    min-height: 1px }
@media screen and (max-width:840px) {
.c-columns > .col,
.c-columns > .space {
    width: 100% !important }
.c-columns > .space {
    height: 2rem }
}
@media screen and (max-width:1000px) {
#c553.c-columns > .col,
#c553.c-columns > .space {
    width: 100% !important }
#c553.c-columns > .space {
    height: 2rem }
}
/*
    subpages
 */
.subpage {
    max-width: var(--subpageWidth);
    color: var(--textColor);
    padding: 5em 1.6em;
    margin: auto;
    overflow-x: auto; }
.subpage-body {
    background-color: var(--bodyBg); }
.closelink i {
    background: var(--textColor); }
.subpage h1 {
    margin-top: 0;
    padding-bottom: .36em; }
.subpage .author img {
    border-radius: 50%; }
.closelink {
    width: auto;
    position: fixed;
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    display: block;
    margin-top: 0.75rem;
    right: 0.75rem;
    mix-blend-mode: exclusion;
    z-index: 2; }
.closelink::before,
.closelink::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 60%;
    height: 2px;
    background-color: #fff;
    left: 20%;
    transition: opacity .3s ease-in-out; }
.closelink:hover::before,
.closelink:hover::after {
    opacity: 0.5; }
.closelink::before {
    transform: rotate(45deg); }
.closelink::after {
    transform: rotate(-45deg); }
.has-lightbox .closelink {
    display: none; }
@media screen and (max-width: 960px) {
    .closelink {
        margin-top: 0.25rem;
        right: 0.25rem; } }

/*
    overrides
 */
/* section */
.c-section {
    box-sizing: border-box;
    padding-top: 7em;
    padding-bottom: 7em;
    width: 100%;
    position: relative;
    display: flex;
    height: auto }
.c-section.frame-padding-none {
    padding: 0!important }
.c-section .bg-media {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0 }
.c-section.valign-center {
    display:flex;align-items:center}
.c-section.valign-bottom {
    align-items:flex-end }
.c-section.valign-bottom .content {
    margin-bottom:0}
.c-section.nopadding {
    padding:0}
.c-section > .content {
    width:100%}
.c-section.content-width-wide > .content {
    max-width: 1200px;
    width: 100% }
.c-section.content-width-narrow > .content {
    max-width: 800px;
    width: 100% }
.c-section.content-width-full > .content {
    max-width: 100%;
    width: 100% }
.c-section.content-width-auto > .content {
    max-width: revert;
    width: auto }
.c-section .bg-media.fade-in {
    opacity:0;transition:opacity .4s ease-in-out}
.c-section .bg-media.fade-in.loaded {
    opacity:1}
.c-section .bg-media.slide-up {
    margin-top:100%;transition:margin .4s ease-in-out}
.c-section .bg-media.slide-up.loaded {
    margin-top:0}
.c-section .bg-media.slide-down {
    margin-top:-100%;transition:margin .4s ease-in-out}
.c-section .bg-media.slide-down.loaded {
    margin-top:0}
.c-section .bg-media.bg1 {
    object-position:left top}
.c-section .bg-media.bg2 {
    object-position:left center}
.c-section .bg-media.bg3 {
    object-position:left bottom}
.c-section .bg-media.bg4 {
    object-position:center top}
.c-section .bg-media.bg5 {
    object-position:center bottom}
.c-section .bg-media.bg6 {
    object-position:right top}
.c-section .bg-media.bg7 {
    object-position:right center}
.c-section .bg-media.bg8 {
    object-position:right bottom}
.c-section.fixed .bg-media {
    position:fixed}
.c-section .c-section-buttons {
    position:absolute;bottom:1.25rem;right:1.25rem }
.c-section .c-section-buttons button {
    box-sizing:border-box;padding:.5rem;width: auto; }
.c-section .c-section-buttons button:hover {
    cursor: pointer }
.c-section .c-section-buttons svg {
    width:1.15rem;pointer-events:none}
.c-section .c-section-buttons svg .a,
.c-section .c-section-buttons svg .st0,
.c-section .c-section-buttons svg rect {
    fill: #fff }
.c-section .sound .on,
.c-section .clearframe .on {
    display: none }
.c-section .sound .off,
.c-section .clearframe .off {
    display: block }
.c-section .sound.active .on,
.c-section .clearframe.active .on {
    display: block }
.c-section .sound.active .off,
.c-section .clearframe.active .off {
    display: none }
.c-section .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block }
.c-section.frame-padding-small .content {
    padding: 1.8rem }
.c-section .overlay,
.c-section .content {
    transition: all .4s ease-in-out }
.c-section.contentIsHidden .overlay,
.c-section.contentIsHidden .content {
    margin-left: -100% }
.c-section.fullheight {
    min-height: 100vh;
    min-height: calc(var(--csvh, 1vh) * 100) }
.c-section.align-center {
    text-align: center }
.c-section.align-right {
    text-align: right }
.c-section.align-center p,
.c-section.align-center ol,
.c-section.align-center ul,
.c-section.align-center {
    margin: auto }
.c-section.align-right p,
.c-section.align-right ol,
.c-section.align-right ul,
.c-section.align-right {
    margin-left: auto }
.c-section .bg-dark {
    -webkit-font-smoothing: antialiased }
.c-section.bg-black {
    background-color: #000!important;
    color: #fff;
    -webkit-font-smoothing: antialiased }
@media screen and (max-width:1024px) {
    .c-section.fixed {
        background-attachment: scroll !important } }
@media screen and (max-width:960px){
    .c-section.valign-bottom.fullheight .content {
        margin-bottom: 4em }
    .c-section {
        padding-top: 5em;
        padding-bottom: 5em } }
@media screen and (max-width:680px) {
    h1 {
        font-size: 2.3em;
        line-height: 1.2 } }

/* accordion */
.c-accordion-title {
    color: var(--textColor); }
.c-accordion-title:hover {
    color: var(--accentColor); }
.c-accordion-title::after,
.c-accordion-title::before {
    background-color: var(--textColor); }
.c-accordion-title:hover::after,
.c-accordion-title:hover::before {
    background-color: var(--accentColor); }

/* tabs */
.c-tabs-title,
.c-tabs-title.act,
.c-tabs-title.act:hover {
    color: var(--textColor); }
.c-tabs-title.act,
.c-tabs-title.act:hover {
    color: var(--textColor);
    border-color: var(--textColor); }
.c-tabs-title:hover {
    color: var(--accentColor); }

/* popup */
.c-popup {
    box-sizing: border-box;
    position: fixed;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    top: 100%;
    transition: top .4s ease-in-out;
    color: #000;
    padding: 5rem 6rem;
    left: 0 }
.c-popup-content {
    max-width: 75.778rem }
.c-popup.open {
    top: 0 }
.c-popup-close {
    width: auto;
    position: fixed;
    cursor: pointer;
    width: 2.3rem;
    height: 2.3rem;
    display: block;
    margin-top: -4rem;
    right: 1rem }
.c-popup-close::before,
.c-popup-close::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 60%;
    height: 2px;
    background-color: #333;
    left: 20%;
    transition: opacity .3s ease-in-out }
.c-popup-close:hover::before,
.c-popup-close:hover::after {
    opacity: .5 }
.c-popup-close::before {
    transform: rotate(45deg) }
.c-popup-close::after {
    transform: rotate(-45deg) }
@media screen and (max-width:860px) {
    .c-popup {
        padding: 4rem 1.5rem }
    .c-popup-close {
        right: .55rem;
        margin-top: -3.05rem } }

/* ext:youtubevideo */
.youtubeVideo:hover .customplaybutton polygon {
    fill: var(--accentColor) }

/* ext:pagelist styles */
.pagelist .info,
.pagelist .abstract {
    color: var(--textColor) }
.pagelist .info {
    font-size: 1em !important;
    margin: 0 !important }

/* custom content section */
.c-section {
    background-color: var(--bodyBg) }
.c-section.bg-light {
    background-color: var(--bgLight);
    color: var(--textColorDark) }
.c-section.bg-beige {
    background-color: var(--bgBeige) }
.c-section.bg-beige2 {
    background-color: var(--bgBeige2) }
.c-section.bg-lightgreen {
    background-color: var(--bgLightgreen) }
.c-section.bg-darkgreen {
    background-color: var(--bgDarkgreen) }
.c-section.bg-dark {
    background-color: var(--bgDark);
    color: var(--textColorLight) }
.c-section.text-light {
    color: var(--textColorLight) }
.c-section.text-dark {
    color: var(--textColorDark) }
.c-accordion-title {
    color: var(--textColor) }
.c-accordion-title:hover {
    color: var(--accentColor) }
.c-accordion-title::after,
.c-accordion-title::before {
    background-color: var(--textColor) }
.c-accordion-title:hover::after,
.c-accordion-title:hover::before {
    background-color: var(--accentColor) }
.c-tabs-title,
.c-tabs-title.act,
.c-tabs-title.act:hover {
    color: var(--textColor) }
.c-tabs-title.act,
.c-tabs-title.act:hover {
    color: var(--textColor);
    border-color: var(--textColor) }
.c-tabs-title:hover {
    color: var(--accentColor) }
.c-popup {
    background-color: var(--bodyBg);
    color: var(--textColor) }
.c-popup-close::before,
.c-popup-close::after {
    background-color: var(--textColor) }
.youtubeVideo:hover .customplaybutton polygon {
    fill: var(--accentColor) }
ul.pagination > li > a {
    border-color: var(--accentColor);
    border-radius: 2px }
.c-section .personnel svg path,
.subpage .personnel svg path {
    fill: var(--textColor) }
.c-section.bg-dark .personnel svg path {
    fill: var(--textColorLight) }
.c-section.text-light .personnel svg path {
    fill: var(--textColorLight) }
.c-section.text-dark .personnel svg path {
    fill: var(--textColorLight) }

/*
    Kommunen
 */
.frame-layout-1 header > h1,
.frame-layout-1 header > h2,
.frame-layout-1 header > h3,
.frame-layout-1 .ce-bodytext h1,
.frame-layout-1 .ce-bodytext h2,
.frame-layout-1 .ce-bodytext h3 {
    margin-top: 0; }
@media only screen and (max-width: 800px){
    .frame-layout-1 .ce-textpic.ce-right.ce-intext .ce-gallery,
    .frame-layout-1 .ce-textpic.ce-left.ce-intext .ce-gallery {
        max-width: 100%; }
    .frame-layout-1 .ce-textpic.ce-left .ce-gallery,
    .frame-layout-1 .ce-textpic.ce-right .ce-gallery {
        max-width: 100% }
}

/*
    Zitate
 */
.frame-layout-2 .ce-gallery {
    max-width: 280px !important;
}
.frame-layout-2 .ce-bodytext > p {
    font-size: 1.875rem;
    font-weight: 600; }
.frame-layout-2 .ce-bodytext > p:last-child {
    font-size: 1rem;
    font-weight: 300; }
@media only screen and (max-width: 800px){
    .frame-layout-2 .ce-bodytext > p {
        font-size: 1.5rem; }
}

/*
    uploads
*/
ul.ce-uploads {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 133% }
ul.ce-uploads li {
    padding: 1.25em 1em 1em;
    width: 100%;
    display: flex;
    margin: 0 0 2px;
}
ul.ce-uploads li:last-child {
    margin-bottom: 0 }
.ce-uploads-title-desc {
    flex: 1 1 calc(100% - 30px);
    max-width: calc(100% - 30px);
    line-height: 133% }
.ce-uploads-icon {
    font-size: 1.6em;
    margin-right: .5em }
.ce-uploads-title {
    font-weight: bold;
    display: inline-block }
.ce-uploads-description {
    display: inline-block;
    width: 100%;
    font-size: .85em;
    margin-top: .5em }
.ce-uploads-link-size {
    display: inline-block;
    margin-top: 1em;
    width: 100% }
.ce-uploads-link {
    font-weight: bold;
    font-size: .85em;
    text-decoration: none;
    color: var(--accentColor);
    transition: all .3s ease-in-out }
.ce-uploads-file-size {
    display: inline-block;
    margin-left: .5em;
    font-size: .85em }

/*
    hmbrgr
 */
.hmbrgr {
    display: none;
    position: fixed;
    width: 3rem;
    height: 2.5rem;
    top: .5rem;
    right: 1rem;
    z-index: 99;
    cursor: pointer;
    transition: all .4s ease-in-out; }
.hmbrgr::before,
.hmbrgr::after {
    content:'';
    display: block;
    position: absolute;
    background: #000;
    width: 50%;
    height: 3px;
    left: 25%;
    top: calc(50% - 1px);
    transition: margin .4s ease-in-out, background .4s ease-in-out }
.hmbrgr::before {
    margin-top: -6% }
.hmbrgr::after {
    margin-top: 6% }
.hmbrgr.open::before,
.hmbrgr.open::after {
    margin: 0;
    transition: transform .4s ease-in-out }
.hmbrgr.open::before {
    transform: rotate(45deg) }
.hmbrgr.open::after {
    transform:rotate(-45deg) }
.has-lightbox .hmbrgr {
    display: none }
@media screen and (max-width:1200px) {
    .hmbrgr::before,
    .hmbrgr::after {
        height:2px } }
@media screen and (max-width:1200px) {
    .hmbrgr {
        display: block; } }

/*
    language menu
 */
#language-menu {
    text-transform: uppercase;
    font-size: .9rem;
    width: auto;
    margin: auto;
    float: left;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
}

#language-menu>ul {
    width: auto;
    display: inline-block;
    list-style: none;
    margin: auto;
    padding: 0;
}

#language-menu>ul>li {
    display: inline-block;
    margin-right: 0.25rem;
}

#language-menu>ul>li>a {
    padding: 0.5rem;
    color: var(--textColor);
}

#language-menu>ul>li:last-child {
    margin-right: 0;
}

#language-menu a {
    transition: color .2s ease-in-out;
}
#language-menu>ul>li.act>a {
    color: var(--accentColor);
}

#language-menu a:hover {
    text-decoration: none;
}

/*
    menu content
 */
#menu-content {
    padding: 2rem;
    height: auto;
    text-align: center;
    width: 100%;
    box-sizing: border-box }
#menu-content h1,
#menu-content h2,
#menu-content h3 {
    font-size: 1.25em;
    margin-top: 0 }
#menu-content .btn {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    background: transparent;
    transition: all .2s ease-in-out }
#menu-content p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0 }
#menu-content .btn {
    color: var(--textColor);
    border-color: var(--textColor) }
#menu-content .btn:hover {
    border-color: var(--accentColor) }

/*
    section menu
 */
#menu {
    position: static;
    right: unset;
    top: unset;
    z-index: unset;
    width: auto;
    max-width: unset;
    background-color: var(--bgLight);
    opacity: 0.9;
    transition: unset; }
#menu.open {
    right: unset; }
#section-menu {
    flex-grow: 1 }
#menu::-webkit-scrollbar {
    display:none }
#section-menu ul {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 300; }
#menu.haslangmenu #section-menu ul {
    padding: 3em 0 1em 0 }
#section-menu > ul > li {
    list-style: none;
    padding: 0;
    margin: 0 0 0 1.9rem; }
#section-menu > ul > li:last-child {
    border-bottom: none }
#section-menu > ul > li > a {
    color: var(--textColor);
    display: block;
    box-sizing: border-box;
    line-height: 1;
    padding: 1.5em 0;
    transition: color .2s }
#section-menu > ul > li > a .iconpack {
    margin-right: 0.5rem }
#menu a:hover, #menu a.act, #menu a.cur {
    color: var(--accentColor) }
#section-menu a:hover {
    text-decoration: none }
.has-lightbox #menu {
    display: none }
@media only screen and (max-width:1200px) {
    #menu {
        position: fixed;
        right: -300px;
        top: 0;
        z-index: 98;
        width: 100%;
        max-width: 300px;
        background-color: white;
        transition: right 0.5s; }
    #menu.open {
        right: 0;
    }
    #section-menu ul {
        display: block; }
}
#m722 a:before{
    content:"\1F1EC\1F1E7 ";
    margin-right:7px;
}

/*
    social links
 */
#social-links ul {
    list-style: none;
    text-align: center;
    margin: 0.5rem 0 2rem 0;
}

#social-links li {
    display: inline-block;
    vertical-align: top;
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}

#social-links li a {
    height: 2.5rem;
    width: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#social-links svg {
    max-height: 1.15rem;
    max-width: 1.15rem;
    height: auto;
}

#social-links svg path {
    fill: var(--textColor);
    transition: fill .3s ease-in-out;
}

#social-links a:hover svg path {
    fill: var(--accentColor);
    transition: fill .3s ease-in-out;
}

/*
    addresses
 */
.addresses * {
    box-sizing: border-box }
.addresses-item {
    margin-bottom: 3rem }
.addresses-item:last-of-type {
    margin-bottom:0 }
.addresses-item p {
    margin-bottom: 1em }
.addresses-item:last-child {
    margin-bottom: 0 }
.addresses-item figure {
    display: block;
    margin: 0;
    padding:0 }
.addresses-item-img {
    width: 100%;
    height: auto;
    margin-bottom: 1em }
.addressses-personnel-present .addresses-item-text {
    display: flex;
    width: 100%;
    gap: 3rem }
.addressses-personnel-present .addresses-item-address {
    min-width: 18rem }
p.addresses-item-title {
    font-weight: 700 }
.addresses-item svg {
    max-height: .8em;
    max-width: .94em;
    width:auto;
    height: auto }
.addresses-item svg path {
    fill: #000 }
.addresses-item-link svg{
    margin-right: 1em }
.addresses-item-social a {
    margin-top: 1rem;
    display: inline-block;
    padding: .5em;
    margin-right: .2em;
    border: 1px solid #000;
    line-height: 1em }
.addresses-item-personnel-person {
    float: left;
    margin-bottom: 1rem;
    width:100% }
.addresses-item-personnel-person:last-child {
    margin-bottom: 0 }
.addresses-item-personnel img {
    float: left;
    margin-right: 1rem }
.addresses-personnel a {
    display: inline-block }
@media screen and (max-width:720px) {
    .addresses-item-text{
        flex-wrap: wrap } }

/*
 *  Form styling
 */
.control-label {
    margin-bottom: 0.3em; }
.input {
    width: auto;
    position: relative;
    overflow: visible; }
.help-block {
    font-size: 0.85em; }
div.valid,
div.error {
    position: relative;
    clear: both;
    width: auto !important;
    overflow: visible }
form {
    margin: 2rem auto 1rem auto }
form > .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
    grid-gap: 2.5rem; }
form > .actions {
    width: 100%;
    float: left;
    margin-top: 0.5em; }
form > .actions .btn {
    padding-top: 0.86em;
    margin-top: 0 }
form .form-group {
    margin-bottom: 2rem;
    float: left;
    width: 100% }
form .form-group .form-group {
    margin-bottom: 0 }
form .form-group label {
    font-weight: 500;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 1.1em; }
label {
    position: relative;
    width: auto; }
label:focus {
    border-bottom: none; }
input,
button,
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
input,
textarea,
select {
    position: relative;
    width: 100%;
    padding: 0.7rem;
    border: 1px solid var(--textColor);
    background-color: var(--bodyBg);
    border-radius: 3px;
    font-size: 1rem;
    font-family: var(--mainFontFamily), sans-serif;
    color: var(--textColor);
    -webkit-text-fill-color: var(--textColor); }
select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPScjNDQ0JyBkPSdNNy40MDYgNy44MjhsNC41OTQgNC41OTQgNC41OTQtNC41OTQgMS40MDYgMS40MDYtNiA2LTYtNnonPjwvcGF0aD48L3N2Zz4=");
    background-position: right 0.5rem top 50%;
    background-repeat: no-repeat;
    transition: background-position 1s; }
select.xlarge {
    background-image: none; }
.error select {
    background-position: right 1.5rem top 50%; }
input[type="checkbox"],
input[type="radio"] {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    margin-top: 0.2rem;
    margin-bottom: -0.2rem;
    padding: 0.5rem;
    vertical-align: baseline; }
input[type="checkbox"]:checked::before {
    content: "✓";
    position: absolute;
    left: 0.1rem;
    top: -0.1rem; }
input[type="radio"]:checked::before {
    position: absolute;
    content: '●';
    left: 0.2rem;
    top: -0.12rem; }
input[type="radio"] {
    border-radius: 50%; }
.radio label span,
.checkbox label span {
    display: inline-block;
    font-size: 0.8em;
    padding-top: 0.08em; }
input[type="date"]::-webkit-inner-spin-button {
    display: none;
    transform: scale(2);
    margin-left: -1em;
    margin-right: 0.5em; }
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1;
    margin-left: -1em;
    margin-right: -0.2em;
    -webkit-appearance: none;
    color: transparent;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPScjNDQ0JyBkPSdNNy40MDYgNy44MjhsNC41OTQgNC41OTQgNC41OTQtNC41OTQgMS40MDYgMS40MDYtNiA2LTYtNnonPjwvcGF0aD48L3N2Zz4=");
}
textarea {
    height: 8.73em; }
form span.error {
    display: block;
    position: relative;
    padding-left: 1.2em;
    width: 100%;
    float: left;
    text-align: left;
    color: red;
    font-size: .9em; }
form span.error:before {
    content: '↑';
    font-size: 1em;
    position: absolute;
    top: 0;
    left: 0; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus
/*,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active*/ {
    transition: background-color 1s;
    background-color: #20726d !important;
    outline: solid 1px white; }
button[disabled=disabled],
button:disabled {
    cursor: text !important; }
.c-section.bg-darkgreen input,
.c-section.bg-darkgreen select,
.c-section.bg-darkgreen textarea {
    color: var(--textColorDark);
    -webkit-text-fill-color: var(--textColorDark);
    background-color: var(--bgDarkgreen); }
.c-section.bg-dark input,
.c-section.bg-dark select,
.c-section.bg-dark textarea {
    color: var(--textColorDark);
    -webkit-text-fill-color: var(--textColorDark);
    background-color: var(--bgDark); }
.c-section.text-dark input,
.c-section.text-dark select,
.c-section.text-dark textarea {
    color: var(--textColorDark);
    border-color: var(--textColorDark);
    -webkit-text-fill-color: var(--textColorDark);
}
.c-section.text-light input,
.c-section.text-light select,
.c-section.text-light textarea {
    color: var(--textColorLight);
    border-color: var(--textColorLight);
    -webkit-text-fill-color: var(--textColorLight); }

@media screen and (max-width: 860px) {
    form > .row {
        display: block; } }
/*
    youtube video
 */
.youtubevideo {
    position: relative }
.youtubevideo > .videoWrapper {
    overflow: hidden;
    position: relative;
    height: 0 }
.youtubevideo > .videoWrapper > .coverimage {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1 }
.youtubevideo > .videoWrapper > .coverimage.play {
    display: none }
.youtubevideo > .videoWrapper > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0 }
.youtubevideo-gdpr-overlay {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(255,255,255,.93);
    color: #000;
    font-size: 1rem;
    line-height: 1.3em;
    text-align: center;
    font-weight: 700;
    padding: 2rem;
    width: 100%;
    height: 100%;
    display: none }
.youtubevideo-gdpr-text {
    font-size: .9em;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 1em;
    max-width: 500px }
.youtubevideo .youtubevideo-gdpr-note {
    max-width:80%;margin:auto;margin-bottom:1em}
.youtubevideo .youtubevideo-gdpr-button,
.youtubevideo .youtubevideo-gdpr-cancel {
    background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-webkit-appearance:none;-webkit-border-radius:0}
.youtubevideo .youtubevideo-gdpr-button{
    text-transform:uppercase;border:1px solid #000;line-height:1em;padding:.5em 1em;display:inline-block;font-size:.85em;margin-right:.3em;margin-bottom:.3em;color:#000;transition:all .3s;background:#fff}
.youtubevideo .youtubevideo-gdpr-button:hover {
    background:#000;color:#fff;text-decoration:none }
.youtubevideo .youtubevideo-gdpr-cancel {
    padding:.5em;position:absolute;top:0;right:0;font-size:2em;font-weight:400;color:#000;display:block }
.youtubevideo .youtubevideo-gdpr-cancel:hover {
    text-decoration: none }
.youtubevideo .small .youtubevideo-gdpr-overlay {
    font-size: .8em }
.youtubevideo .tiny .youtubevideo-gdpr-overlay {
    font-size: .65em }
.youtubevideo > .videoWrapper > .coverimage > .covertext {
    position:absolute;text-align:left;box-sizing:border-box;font-size:.8em;line-height:1.5em;background-color:rgba(0,0,0,.8);padding:.8rem 1.2rem;margin-left:1.5rem;margin-right:1.5rem;bottom:1.5rem }
.youtubevideo.small > .videoWrapper > .coverimage > .covertext {
    margin-left:0;margin-right:0;bottom:0;width:100%;padding:.5rem .9rem }
.youtubevideo.tiny > .videoWrapper>.coverimage > .covertext {
    padding: .3rem .5rem }
.youtubevideo > .videoWrapper > .coverimage>.covertext h2 {
    margin:0; padding:0; font-size:1.5em }
.youtubevideo > .videoWrapper > .coverimage > .covertext h2,
.youtubevideo > .videoWrapper > .coverimage > .covertext p {
    display:inline-block;color:#fff;margin-bottom:0 }
.youtubevideo.small > .videoWrapper > .coverimage > .covertext h2 {
    font-size: 1em }
.youtubevideo.tiny > .videoWrapper > .coverimage > .covertext h2 {
    font-size: .9em;
    font-weight: 400 }
.youtubevideo.small > .videoWrapper > .coverimage > .covertext p {
    display: none }
.youtubevideo > .videoWrapper > .coverimage-click {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 10;
    top: 0;
    left: 0}
.youtubevideo > .videoWrapper > .coverimage-click:hover {
    cursor: pointer }
.youtubevideo > .videoWrapper > .coverimage-click.play {
    display: none }
.youtubevideo > .videoWrapper > .coverimage-click.play + .coverimage {
    display: none }
.youtubevideo .playbutton {
    position: absolute;
    width: 15%;
    height: auto;
    min-width: 40px;
    max-width: 80px;
    top: 50%;
    right: 50%;
    transform: translateY(-50%) translateX(50%);
    transition: all 0.3s ease-in-out }
.youtubevideo:hover .playbutton .ytp-large-play-button-bg {
    fill: red;
    transition: all .3s }
.youtubevideogallery > .item,
.youtubevideogallery>.space {
    float: left }
.youtubevideogallery.colcount-0 .space,
.youtubevideogallery.colcount-3 .space:nth-child(3n),
.youtubevideogallery.colcount-2 .space:nth-child(4n),
.youtubevideogallery.colcount-4 .space:nth-child(8n),
.youtubevideogallery.colcount-5 .space:nth-child(10n),
.youtubevideogallery.colcount-6 .space:nth-child(12n),
.youtubevideogallery.colcount-7 .space:nth-child(14n),
.youtubevideogallery.colcount-8 .space:nth-child(16n) {
    float: none;
    clear: both }
/*
@media (prefers-color-scheme:dark) {
    .youtubevideo-gdpr-overlay {
        background:rgba(0,0,0,.93);color:#fff }
    .youtubevideo-gdpr-button {
        color: #fff;
        background: #000;
        border-color: #fff }
    .youtubevideo-gdpr-button:hover {
        background: #fff;
        color: #000;
        text-decoration: none }
    .youtubevideo .youtubevideo-gdpr-cancel {
        color: #fff } }
*/
.vimeovideo{position:relative}
.vimeovideo>.videoWrapper{overflow:hidden;position:relative;height:0}
.vimeovideo>.videoWrapper>.coverimage{cursor:pointer;display:block;position:absolute;width:100%;height:100%;z-index:1}
.vimeovideo>.videoWrapper>.coverimage.play{display:none}
.vimeovideo>.videoWrapper>div>iframe{position:absolute;width:100%;height:100%;top:0;left:0}
.vimeovideo-gdpr-overlay{box-sizing:border-box;position:absolute;top:0;left:0;z-index:10;background:rgba(255,255,255,.93);color:#000;font-size:1rem;line-height:1.3em;text-align:center;font-weight:700;padding:2rem;width:100%;height:100%;display:none}
.vimeovideo-gdpr-text{font-size:.9em;position:absolute;width:100%;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);padding:1em;max-width:500px}
.vimeovideo .vimeovideo-gdpr-note{max-width:80%;margin:auto;margin-bottom:1em}
.vimeovideo .vimeovideo-gdpr-button,.vimeovideo .vimeovideo-gdpr-cancel{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-webkit-appearance:none;-webkit-border-radius:0}
.vimeovideo .vimeovideo-gdpr-button{text-transform:uppercase;border:1px solid #000;line-height:1em;padding:.5em 1em;display:inline-block;font-size:.85em;margin-right:.3em;margin-bottom:.3em;color:#000;transition:all .3s;background:#fff}
.vimeovideo .vimeovideo-gdpr-button:hover{background:#000;color:#fff;text-decoration:none}
.vimeovideo .vimeovideo-gdpr-cancel{padding:.5em;position:absolute;top:0;right:0;font-size:2em;font-weight:400;color:#000;display:block}
.vimeovideo .vimeovideo-gdpr-cancel:hover{text-decoration:none}
.vimeovideo .small .vimeovideo-gdpr-overlay{font-size:.8em}
.vimeovideo .tiny .vimeovideo-gdpr-overlay{font-size:.65em}
.vimeovideo>.videoWrapper>.coverimage>.covertext{position:absolute;text-align:left;box-sizing:border-box;font-size:.8em;line-height:1.5em;background-color:rgba(0,0,0,.8);padding:.8rem 1.2rem;margin-left:1.5rem;margin-right:1.5rem;bottom:1.5rem}
.vimeovideo.small>.videoWrapper>.coverimage>.covertext{margin-left:0;margin-right:0;bottom:0;width:100%;padding:.5rem .9rem }
.vimeovideo.tiny>.videoWrapper>.coverimage>.covertext{padding:.3rem .5rem }
.vimeovideo>.videoWrapper>.coverimage>.covertext h2{margin:0;padding:0;font-size:1.5em }
.vimeovideo>.videoWrapper>.coverimage>.covertext h2,.vimeovideo>.videoWrapper>.coverimage>.covertext p{display:inline-block;color:#fff;margin-bottom:0 }
.vimeovideo.small>.videoWrapper>.coverimage>.covertext h2{font-size:1em }
.vimeovideo.tiny>.videoWrapper>.coverimage>.covertext h2{font-size:.9em;font-weight:400 }
.vimeovideo.small>.videoWrapper>.coverimage>.covertext p{display:none }
.vimeovideo>.videoWrapper>.coverimage-click{display:block;position:absolute;width:100%;height:100%;background:transparent;z-index:10;top:0;left:0 }
.vimeovideo>.videoWrapper>.coverimage-click:hover{cursor:pointer }
.vimeovideo>.videoWrapper>.coverimage-click.play{display:none }
.vimeovideo>.videoWrapper>.coverimage-click.play+.coverimage{display:none }
.vimeovideo .playbutton{position:absolute;width:15%;height:auto;min-width:40px;max-width:80px;top:50%;right:50%;transform:translateY(-50%) translateX(50%);transition:all 0.3s ease-in-out }
.vimeovideo:hover .playbutton .ytp-large-play-button-bg{fill:#00adef;transition:all .3s }
.vimeovideogallery .item,.vimeovideogallery .space{float:left }
.vimeovideogallery.colcount-0 .space,.vimeovideogallery.colcount-3 .space:nth-child(3n),.vimeovideogallery.colcount-2 .space:nth-child(4n),.vimeovideogallery.colcount-4 .space:nth-child(8n),.vimeovideogallery.colcount-5 .space:nth-child(10n),.vimeovideogallery.colcount-6 .space:nth-child(12n),.vimeovideogallery.colcount-7 .space:nth-child(14n),.vimeovideogallery.colcount-8 .space:nth-child(16n){float:none;clear:both }
/*
@media (prefers-color-scheme:dark) {
    .vimeovideo-gdpr-overlay{
        background: rgba(0,0,0,.93);
        color: #fff }
    .vimeovideo-gdpr-button {
        color: #fff;
        background: #000;
        border-color: #fff }
    .vimeovideo-gdpr-button:hover {
        background: #fff;
        color: #000;
        text-decoration: none }
    .vimeovideo .vimeovideo-gdpr-cancel {
        color: #fff }
}
*/
.gallerycontent * {
    box-sizing: border-box }
.gallerycontent {
    width: 100%;
    height: auto;
    overflow: auto }
.gallerycontent > .item img {
    width: 100%;
    height: auto;
    display: block }
.gallerycontent > .item,
.gallerycontent > .space{
    float: left }
.gallerycontent > .item a:hover{
    text-decoration: none }
.gallerycontent > .item figcaption {
    display: inline-block;
    padding-top: .5em;
    font-size: .75em;
    line-height: 1.4em }
.gallerycontent.colcount-1 .space,
.gallerycontent.colcount-3 .space:nth-child(3n),
.gallerycontent.colcount-2 .space:nth-child(4n),
.gallerycontent.colcount-4 .space:nth-child(8n),
.gallerycontent.colcount-5 .space:nth-child(10n),
.gallerycontent.colcount-6 .space:nth-child(12n),
.gallerycontent.colcount-7 .space:nth-child(14n),
.gallerycontent.colcount-8 .space:nth-child(16n) {
    float: none;
    clear: both }
.pagelist * {
    box-sizing: border-box }
.pagelist.reduced .card {
    display:none; }
.pagelist.reduced .card:first-child,
.pagelist.reduced .card:nth-child(2),
.pagelist.reduced .card:nth-child(3) {
    display:block; }
.pagelist img.image,
.pagelist .img-dummy {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: .5em }
.pagelist .img-dummy {
    background-color: #eee }
.pagelist a:hover {
    text-decoration: none }
.pagelist .info {
    font-size: .875em; }
.pagelist .author {
    display: inline-block }
.pagelist .author:last-child {
    margin-right: 0 }
.pagelist .date {
    display: inline-block }
.pagelist .abstract {
    margin-bottom: 0 }
.pagelist.cards { }
.pagelist .card {
    margin-bottom: .5em; }
.pagelist .card .text {
    display: flex;
    padding: 1rem 0;
    border-bottom: 1px solid #202020; }
@media only screen and (max-width: 800px) {
    .pagelist .card .text {
        display: block; } }
.pagelist .card .date,
.pagelist .card .title,
.pagelist .card .link {
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #202020;
    font-size: 1rem; }
.pagelist .card .date {
    max-width: 260px;
    min-width: 260px;
    width: 100%;
    margin-right: 16px;
    font-weight: 600; }
.pagelist .card .title {
    margin-right: 2rem;
    font-weight: 600; }
.pagelist .card .link {
    font-weight: 300;
    color: var(--accentColor); }
.personnel *{box-sizing:border-box }
.personnel .name{font-size:1.25em }
.personnel svg{max-height:.8em;max-width:.94em;width:auto;height:auto;margin-right:.8em }
.personnel-social-links a{display:inline-block;padding:.5em;margin:.2em }
.personnel-social-links svg{margin-right:0 }
.personnel img.dummy{background:#eee }
.personnel .icon path{fill:#222 }
.personnel .contact .personnel-contact-link{display:block }
.personnel.cards{display:flex;flex-wrap:wrap;gap:3rem }
.align-center .personnel.cards{justify-content:center }
.personnel>.card{width:100%;max-width:15rem;min-width:8rem }
.personnel figure{display:block;margin:0;padding:0 }
.personnel>.card img.person{width:100%;height:auto;margin-bottom:1em }
.personnel>.card .name{margin:0 0 .2em;padding:0 }
.personnel>.card p.name{font-weight:700 }
.personnel>.listitem{float:left;width:100%;margin-bottom:3em;text-align:left }
.personnel .listitem.last{margin-bottom:0 }
.personnel .listitem img{width:8em;height:auto;float:left }
.personnel .listitem .text{margin-left:10em }
.personnel.noimages .listitem .text{margin-left:0 }
.personnel .listitem .name{margin-top:0 }
.personnel .listitem .contact{line-height:1.75em;margin-bottom:0;padding-bottom:0 }
.personnel .listitem .personnel-social-links{margin-left:-.65em }
.personnel.table{font-size:.85em;vertical-align:middle }
.personnel.table .image{vertical-align:middle;width:3em }