:root {
    /* Colors Hex */
    --color-background: #ffffff;
    --color-text: #000000;
   /* --color-kalender: #dd00a1;
    --color-magazin: #de6700;
    --color-projekte: #008137;
    --color-szene: #eb0024;
    --color-colleg: #005fe2;
    --color-logged: #7e3cd6;
    --bg-gelb: #f5ff00;*/
    --bg-gruen: #b5fd3e;
    --bg-orange: #ffA767;
    --bg-schwarz: #000000;
    --bg-blue: #0022FF;
    --color-schwarz: #000000;
    --color-weiss: #ffffff;
    --bg-fn: #b221fd;

    --color-ueber-uns: #0022FF;
    --color-foerderung: #008e8e;
    --color-proberaum: #e85252;
    --color-fn: #b221fd;
    --color-kontakt: #80510f;

    /* font-family */
    --font-text: 'Walter Neue', sans-serif;

    /* font-size */
    --size-text-xsmall-inm: .75rem; /* entspricht 12px */
    --size-text-small-inm: 1rem; /* entspricht 16px */

    --size-text-global: 1.125rem; /* entspricht 18px mobile-first*/
    --size-title-inm: 1.375rem; /* entspricht 22px mobile-first*/
    --size-pagetitle-inm: 1.5625rem; /* entspricht 25px mobile-first*/
    --size-abo-inm: 1rem; /* entspricht 16px mobile-first*/
    /* font-weight */
    --font-normal-weight: 400;
    --font-bold-weight: 700;

    /* letter spacing */
    --letter-spacing-title-inm: -.3125px; /* entspricht -5px */

    /* line-height */
    --line-height-bildnachweis: 1.1667; /* entspricht 14px */
    --line-height-xsmall-inm: 1.3333; /* entspricht 16px */
    --line-height-lightbox-caption: 1.125; /* entspricht 18px */
    --line-height-small-inm: 1.3125; /* entspricht 21px */
    --line-height-global: 1.25; /*entspricht  25px */
    --line-height-title-inm: 1.12; /* entspricht 28px */
    --line-height-pagetitle-inm: 1; /* entspricht 35px */
    --line-height-einleitung: 1.28; /* entspricht 32px - auch für Zitate */

    /* paddings + margins */
    --padding-remove-inm: 0;
    --padding-inm: 14px;
    --margin-inm-7: 12px;

    /* borders */
    --border-inm-1: 1px solid;

    /* Kontrast */
    --saturation-filter: saturate(100%);
    --grayscale-filter: grayscale(0);
    --invert-filter: invert(0);
}
[data-theme="kontrast"] {
    --saturation-filter: saturate(0);
    --grayscale-filter: grayscale(1);
    --invert-filter: invert(1);


    --color-ueber-uns: #000000;
    --color-foederung: #000000;
    --color-proberaum: #000000;
    --color-fn: #000000;
    --color-kontakt: #000000;

    /*--color-kalender: #000000;
    --color-magazin: #000000;
    --color-projekte: #000000;
    --color-szene: #000000;
    --color-colleg: #000000;
    --color-logged: #000000;*/
}
@media screen and (min-width: 961px) {
    :root {
    --size-text-global: 1.25rem; /* 20px */
    --size-title-inm: 1.5625rem; /* 25px */
    --size-abo-inm: 1.5625rem; /* 25px */
    --size-pagetitle-inm: 2.1875rem; /* 35 px */
    }
    }
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}
body, h1, h2, h3, .uk-search-input.inm-search-input {
    font-family: var(--font-text);
}
body {
    line-height: var(--line-height-global);
}
form {
    accent-color: var(--color-schwarz);
}
h1 {
    line-height: var(--line-height-pagetitle-inm);
}
h2, .inm-einleitung {
    line-height: var(--line-height-title-inm);
}
a:focus, a:focus-visible {
    outline: thin dotted;
}
body.login-bereich, body.login-bereich .uk-section-xsmall.uk-sticky, body.login-bereich header > .uk-sticky, body.login-bereich .newsletter.bg-gruen, body.login-bereich .abo.bg-orange, body.login-bereich .highlight-dark,  body.login-bereich .highlight,  body.login-bereich .highlight-yellow  {
    background-image: url(../pix/log-bg.png);
    background-repeat: repeat-y;
    background-position-x: left;
}
img, svg {
    filter: var(--saturation-filter);
}
/* color */
i, em {
    color: inherit;
}
body, a, a:hover, .uk-navbar-nav > li > a, h1, h2, h3, .inm-breadcrumb > * > *, a.inm-button, a.inm-button:hover, .uk-nav.inm-nav > li > a:hover, blockquote, .inm-navigation .uk-navbar-nav > li > a[aria-expanded="true"], .uk-search-input.inm-search-input, .nav-overlay .uk-navbar-item, .uk-pagination.inm-pagination > * > * {
    color: var(--color-text);
}
.uk-section-xsmall.uk-sticky, header.uk-sticky {
    background-color: var(--color-background);
}
.bg-gruen, .highlight {
    background-color: var(--bg-gruen);
    filter:  var(--saturation-filter);
}
.bg-orange {
    background-color: var(--bg-orange);
    filter:  var(--saturation-filter);
}
.bg-violet {
    background-color: var(--bg-fn);
    filter:  var(--saturation-filter);
}
.bg-blue {
    background-color: #0022FF;
        filter:  var(--saturation-filter);
}
.bg-logged {
    background-color: var(--color-logged);
    color: var(--color-background);
    filter:  var(--saturation-filter);
}
.bg-logged .uk-light p, .logged-in.bg-logged h2, .logged-in.bg-logged a, .inm-lizenz-layer, .colleg .inm-lizenz-layer a {
    color: var(--color-background);
}
.ueber-uns h2, .ueber-uns a.weiterlesen, .ueber-uns section a, .ueber-uns .inm-page-einleitung, .ueber-uns .inm-page-einleitung h1, .ueber-uns .teasertext {
    color: var(--color-ueber-uns);
}
.foerderung h2, .foerderung a.weiterlesen, .foerderung section a, .foerderung .inm-page-einleitung, .foerderung .inm-page-einleitung h1, .foerderung .teasertext {
    color: var(--color-foerderung);
}
.proberaum h2, .proberaum a.weiterlesen, .proberaum section a, .proberaum .inm-page-einleitung, .proberaum .inm-page-einleitung h1, .proberaum .teasertext {
    color: var(--color-proberaum);
}
.fn h2, .fn a.weiterlesen, .fn section a, .fn .inm-page-einleitung, .fn .inm-page-einleitung h1, .fn .teasertext {
    color: var(--color-fn);
}
.kontakt h2, .kontakt a.weiterlesen, .kontakt section a, .kontakt .inm-page-einleitung, .kontakt .inm-page-einleitung h1, .kontakt .teasertext {
    color: var(--color-kontakt);
}
/*
.magazin h2, .magazin a.weiterlesen, .magazin section a, .magazin .inm-page-einleitung, .magazin .inm-page-einleitung h1 {
    color: var(--color-magazin);
}
.projekte h2, .projekte a.weiterlesen {
    color: var(--color-projekte);
}
.colleg h2, .colleg a.weiterlesen, .colleg section a, .colleg .inm-page-einleitung, .colleg .inm-page-einleitung h1 {
    color: var(--color-colleg);
}
http://inm.selthin.de/.szene h2, .szene a.weiterlesen {
    color: var(--color-szene);
}
.kalender h2, .kalender a.weiterlesen, .kalender a, .inm-kalender-liste a, .kalender .inm-parent a:hover, .kalender .inm-parent a.activ {
    color: var(--color-kalender);
}
.kalender a.uk-toggle .inm-location, .kalender .inm-toolbox a.pdf, .kalender .inm-toolbox .action-flag.merken a, .inm-addtocal a.addcal, .logged-in .inm-toolbox a, .logged-in a.uk-toggle .inm-published, .logged-in a.uk-toggle .inm-kategorie,.inm-breadcrumb > :last-child > a:not([href]), .inm-breadcrumb > :last-child > span, .inm-breadcrumb > * > :hover, .inm-navigation .uk-navbar-nav > li > a:hover, .kalender a.uk-toggle:hover, .kalender a:hover h2, .kalender .inm-parent a.activ:hover {
    color: var(--color-text);
}
.logged-in section a, .logged-in a.uk-toggle h2, .logged-in header a, a.login.eingelogged, .eingelogged, .eingelogged a {
    color: var(--color-logged);
}*/
.highlight-yellow {
    background-color: var(--bg-gelb);
    filter:  var(--saturation-filter);
}
.highlight-dark {
    background-color: var(--bg-schwarz);
    color: var(--color-background);
}
.highlight-dark a, .highlight-dark a:hover, .highlight-dark a:focus, .highlight-dark h2 {
    color: var(--color-background);
}
.action-unflag.merken a, .action-unflag.merken a::before, input.field-add-more-submit {
    color: var(--color-logged);
}
.inm-search-form, input.field-add-more-submit {
    background-color: var(--color-background);
}

/* font-size */
body, .inm-parent {
    font-size: var(--size-text-global);
}
.inm-pagetitle, h1.inm-pagetitle, h1, .inm-h1-title {
    font-size: var(--size-pagetitle-inm);
    letter-spacing: var(--letter-spacing-title-inm);
    line-height: var(--line-height-pagetitle-inm);
}
.inm-h2-title, h2.inm-h2-title, h2, .inm-einleitung, .smartdate--widget h4 {
    font-size: var(--size-title-inm);
    letter-spacing: var(--letter-spacing-title-inm);
    line-height: var(--line-height-title-inm);
}
.inm-breadcrumb > * > *, .inm-logo, footer.inm-site-footer, .inm-child, .inm-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .inm-breadcrumb > ::before, section.highlight p, .inm-cat-list li, .inm-zusatzinfo {
    font-size: var(--size-text-small-inm);
}
.inm-site-footer-description, .inm-tag-list, .inm-bildnachweis  {
    font-size: var(--size-text-xsmall-inm);
    line-height: var(--line-height-xsmall-inm);
}
main p {
    line-height: var(--line-height-global);
}
blockquote p {
    font-size: var(--size-title-inm);
    line-height: var(--line-height-einleitung);
    font-style: normal;
}
blockquote p::before {
    content: '»';
}
blockquote p::after {
    content: '«';
}
.auszeichnung {
    font-style: italic;
}
.interviewfragen {
    font-weight: var(--font-bold-weight);
}
footer .newsletter .inm-button, footer .abo .inm-button {
    font-size: var(--size-abo-inm);
}

footer .clair a.inm-button {
    color: var(--color-weiss);
}

/* font-weight */
body, h1, h2, h3 {
    font-weight: var(--font-normal-weight);
}
/* nav */
.inm-navigation .uk-navbar-item, .inm-navigation .uk-navbar-nav > li > a, .inm-navigation .uk-navbar-toggle {
    font-family: var(--font-text);
    font-size: var(--size-text-xsmall-inm);
    min-height: 20px;
    text-transform: inherit;
}
.inm-nav-overlay {
    background-color: var(--color-background);
    color: var(--color-text);
}
.uk-offcanvas-close.inm-nav-close {
    background-color: var(--color-text);
    margin: 25px .65rem .65rem;
    position: fixed;
  }
.inm-nav-close, .uk-lightbox-toolbar-icon {
      content: '';
      mask-size: 1.5625rem;
      mask-repeat: no-repeat;
      -webkit-mask-size: 1.5625rem;
      -webkit-mask-repeat: no-repeat;
      background-color: var(--color-text);
      background-size: 1.5625rem;
      width: 1.5625rem;
      height: 1.5625rem;
      transition: none;
      display: inline-block;
  }
.inm-nav-open {
    content: '';
    mask-size: 1.5625rem;
    mask-repeat: no-repeat;
    -webkit-mask-size: 1.5625rem;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--color-text);
    background-size: 1.5625rem;
    width: 1.5625rem;
    height: 1rem;
    transition: none;
    display: inline-block;
    mask-image: var(--icon-nav-open);
    -webkit-mask-image: var(--icon-nav-open);
    /*margin-top: .65rem;*/
    padding-left: 2rem;
    padding-right: 0;
}
.inm-nav-close {
    mask-image: var(--icon-nav-close);
    -webkit-mask-image: var(--icon-nav-close);
}
.uk-offcanvas-bar .inm-nav-close.uk-close {
    color: transparent;
}
.inm-parent {
    text-transform: inherit;
}

.inm-subnav-lh {
    line-height: 1;
}
/* links */
.inm-uebersicht a, a.inm-button, .uk-nav.inm-nav > li > a, .vcard a, .kalender .inm-toolbox a.pdf:hover, .action-flag.merken a:hover, .inm-addtocal a.addcal:hover, .logged-in.bg-logged a, .logged-in .inm-toolbox a:hover, .inm-aktion li a, .inm-tag-list li a.tag, .inm-autor a.name, .inm-breadcrumb > * > :hover, .inm-navigation .uk-navbar-nav > li > a:hover, .inm-filter a.inm-zurücksetzen, .inm-tag-list li a.tag:hover, .inm-nav-overlay a.inm-parent:hover, .inm-nav-overlay a.inm-child:hover, .inm-nav-overlay .external a, footer .externlink a, input.field-add-more-submit, section.text a {
    text-decoration: underline;
}
.uk-nav.inm-nav > li > a:hover, .logged-in.bg-logged a:hover, .inm-aktion li a:hover, .action-flag.merken a, .inm-autor a.name:hover, a.inm-logo:hover, .inm-filter a.inm-zurücksetzen:hover, a.uk-toggle:hover, a.uk-toggle:hover, .inm-tag-list li a.tag, .inm-nav-overlay .external a:hover, footer .externlink a:hover, input.field-add-more-submit:hover, section.text a:hover, section.text a:focus {
    text-decoration: none;
}
.uk-nav.inm-nav > li > a {
    padding: 0;
  }
.inm-nav-overlay a.inm-parent, .inm-nav-overlay a.inm-child, input.field-add-more-submit:hover {
    color: var(--color-text);
}
.inm-nav-overlay .eingelogged a.inm-parent, .inm-nav-overlay .eingelogged a.inm-child {
    color: var(--color-logged);
  }
.uk-pagination.inm-pagination > * > * {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 2rem;
    height: 2rem;
    padding-right: .5rem;
    padding-left: .5rem;
    text-decoration: none;
    border-radius: 1rem;
}
.uk-pagination.inm-pagination > li.is-active > a {
    background-color: var(--color-text);
    color: var(--color-background);
 } 
 /* a.external::after {
      content: ' ↑';
      rotate: 45deg;
  }*/
  /* Listen */
  ul.inm-tag-list, ul.inm-cat-list {
    padding: 0;
  }
 ul.inm-tag-list li, ul.inm-cat-list li {
    display: inline;
    list-style: none;
  }
  ul.inm-tag-list li::before, ul.inm-cat-list li::before {
    content: '[';
   }
   ul.inm-tag-list li::after, ul.inm-cat-list li::after {
     content: ']';
    }
   .inm-decimal-list .uk-list-decimal > ::before {
    left: -40px;
    width: 40px;
   }
/* buttons */
.inm-button, input.field-add-more-submit {
    font-size: var(--size-text-small-inm);
    line-height: var(--line-height-small-inm);
    text-transform: inherit;
}
.inm-site-footer .vcard span {
    display: block;
}
.inm-site-footer .vcard .postal-code, .inm-site-footer .vcard .locality, .inm-site-footer .vcard .tel .tel-label, .inm-site-footer .vcard .tel .value {
    display: inline;
  }
  .inm-site-footer .vcard .tel .tel-label {
    margin-right: 5px;
  }
.inm-search-form input.inm-search-input {
    border-bottom: 1px solid var(--color-text);
}
a.inm-search::before {
    content: '';
    display: block;
    mask-size: var(--font-size-body);
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--font-size-body);
    -webkit-mask-repeat: no-repeat;
    mask-image: var( --icon-search);
    -webkit-mask-image: var( --icon-search);
    background-size: 1rem;
    background-color: var(--color-text);
    width: 1rem;
    height: 1rem;
}
/*a.inm-search[aria-expanded="true"]::before {
    display: none;
}*/

/* margins + paddings */
.inm-margin-bottom-7, .video iframe {
    margin-bottom: var(--margin-inm-7);
}
.inm-button.weiterlesen {
    margin-top: 15px;
}
.inm-button {
    padding: var(--padding-remove-inm);
}
.inm-abo {
    padding: var(--padding-inm);
}
.inm-h2-title {
    padding-right: 15px;
}
.inm-item-datum, .inm-item:last-child .inm-item-detail:last-child, .inm-block-title {
    padding-bottom: 15px;
}
.inm-item-detail:first-child {
    padding-top: var(--padding-remove-inm);
}
.inm-item-detail:last-child {
    border-bottom: none;
    padding-bottom:  var(--padding-remove-inm);
}
ul.inm-tag-list {
    margin-top: 0;
    margin-bottom: 17px;
}
.kalender .inm-parent.label-genre-2 {
    margin-top: 53px; /* XD Vorlage */
}
/* borders */
.inm-item {
    border-top: var(--border-inm-1);

}
.inm-item-detail, .inm-item:last-child .inm-item-detail:last-child, .inm-block-title, .bandcamp > div > div {
    border-bottom: var(--border-inm-1);
}
.bandcamp > div > div {
    margin-top: 21px;
    padding-bottom: 50px;
}
.inm-item-detail:last-child, .bandcamp > div:last-child > div {
    border-bottom: none;
    padding-bottom: 0;
}
.logo-partner img {
    max-height: 80px;
}
.inm-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .inm-breadcrumb > *::before {
    content: '→';
   margin: 0;
    color: var(--color-text);
}
/* Toolbox */
.inm-add-button::before {
    content: '+ ';
    color: var(--color-logged);
    vertical-align: text-bottom;
}
.inm-addtocal, .inm-favoriten, .inm-toolbox .inm-button, .inm-toolbox, .inm-toolbox .inm-button, .inm-toolbox, .inm-toolbox ul, .inm-toolbox ul li {
    font-size: var(--size-text-small-inm);
}
.inm-addtocal li::before {
    content: '↓ ';
}
.inm-addtocal li a.addcal {
    display: inline;
}
.action-flag.merken a::before,.action-unflag.merken a::before, a.pdf::before {
    content: '';
    display: inline-block;
    mask-size: var(--size-text-small-inm);
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--size-text-small-inm);
    -webkit-mask-repeat: no-repeat;
    background-size: 1rem;
    background-color: var(--color-schwarz);
    width: 1rem;
    height: 1rem;
    margin-right: 0.3125rem;
    margin-top: 2px;
    vertical-align: text-top;
}
.action-flag.merken a::before, .action-unflag.merken a::before {
    mask-image: var(--icon-merken);
    -webkit-mask-image: var(--icon-merken);
}
.action-unflag.merken a::before {
    background-color: var(--color-logged);
}
a.pdf::before {
    mask-image: var(--icon-radio);
    -webkit-mask-image: var(--icon-radio);
}
li.inm-active a.pdf::before {
    mask-image: var(--icon-radio-checked);
    -webkit-mask-image: var(--icon-radio-checked);
}
/* Info-Block - Veranstaltung */
  .uk-description-list.inm-info-block > dt {
    font-size: var(--size-text-global);
    text-transform: inherit;
  }
.highlight-dark dl.uk-description-list.inm-info-block > dt {
    color: var(--color-background);
  }
.informationen dl.uk-description-list.inm-info-block > dt {
    color: var(--color-text);
  }
 #inmfilter a{
    text-decoration: none;
 }
 h2.inm-filter-titel {
    font-size: var(--size-text-global);
    line-height: var(--line-height-global);
    border-top: 1px solid var(--color-text);
    border-bottom: 1px solid var(--color-text);
    padding-left: 0px;
 } 
.inm-filter .uk-checkbox.inm-checkbox {
    border: 1px solid var(--color-text);
    border-radius: 3px;
}
ul.inm-filter {
    border-bottom: 1px solid var(--color-text);
    padding-bottom: 20px;
}
.inm-checkbox:checked, .inm-checkbox:focus, .inm-checkbox:checked:focus {
    background-color: var(--color-text);
    background-image: none;
}
.inm-filter a.inm-zurücksetzen {
    font-size: var(--size-text-global);
    line-height: var(--line-height-global);
    text-transform: inherit;
}
.inm-filter a.inm-zurücksetzen::before {
    content: '';
    display: inline-block;
    mask-size: var(--font-size-body);
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--font-size-body);
    -webkit-mask-repeat: no-repeat;
    mask-image: var( --icon-close);
    -webkit-mask-image: var( --icon-close);
    background-size: 1rem;
    background-color: var(--color-text);
    width: 1rem;
    height: 1rem;
    margin-right: 10px;
}
/* overlay */
.inm-lizenz-layer {
    height: 50%;
}

/* Slider als Lightbox */
.uk-slider-items > * > :not(iframe) {
    width: auto;
    height: auto;
  }
.uk-slider-items > * > * {
    max-width: 100vw;
    max-height: 98vh;
  }
  .uk-modal-dialog.als-lightbox.uk-modal-close-full, .uk-modal-dialog.als-lightbox {
    background: none;
}
.inm-lightbox-links, .inm-lightbox-rechts {
      background-size: 4.3125rem;
      transition: none;
      display: inline-block;
      margin: 1.25rem;
      width: 4.3125rem;
  }
.inm-close-lightbox {
     background-color: var(--color-text);
     background-size: 2.1875rem;
     width: 2.1875rem;
     height: 1.9375rem;
}

.inm-close-lightbox .inm-cross {
    content: '';
      mask-size: 2.125rem;
     mask-repeat: no-repeat;
     -webkit-mask-size: 2.125rem;
     -webkit-mask-repeat: no-repeat;
     mask-image: var( --icon-close);
     -webkit-mask-image: var( --icon-close);
    background-color: var(--color-weiss);
    display: inline-block;
    background-size: 2.125rem;
    width: 2.125rem;
    height: 2.125rem;
}
.inm-lightbox-links {
    content: url(../pix/icons/pfeil_links.svg);
}
.inm-lightbox-rechts {
    content: url(../pix/icons/pfeil_rechts.svg);
}
.uk-modal-close-full.inm-close-lightbox.uk-close {
    color: transparent;
}
.uk-modal-dialog.als-lightbox .uk-slider-items .uk-overlay {
    background: var(--bg-schwarz);
    color: var(--color-weiss);
    width: 90%;
    margin: auto;
    padding: 20px;
}
.uk-modal-dialog.als-lightbox .uk-slider-items p.inm-bildnachweis {
    font-size: var(--size-text-small-inm);
    line-height: var(--line-height-lightbox-caption);
    text-align: left;
}
/* Search Top */
.uk-search-navbar .uk-search-input {
    height: 20px;
    background: 0 0;
    font-size: 1rem;
  }

  @media screen and (max-width: 1199px)
  {
/* icon-nav */
a.kontrast::before {
    content: '';
    display: block;
    mask-size: var(--font-size-body);
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--font-size-body);
    -webkit-mask-repeat: no-repeat;
    mask-image: var( --icon-kontrast);
    -webkit-mask-image: var( --icon-kontrast);
    background-size: 1rem;
    background-color: var(--color-text);
    width: 1rem;
    height: 1rem;
}
a.leicht::before {
    content: '';
    display: block;
    mask-size: var(--font-size-body);
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--font-size-body);
    -webkit-mask-repeat: no-repeat;
    mask-image: var( --icon-leichte-sprache);
    -webkit-mask-image: var( --icon-leichte-sprache);
    background-size: 1rem;
    background-color: var(--color-text);
    width: 1rem;
    height: 1rem;
}
a.dgs::before {
    content: '';
    display: block;
    mask-size: var(--font-size-body);
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--font-size-body);
    -webkit-mask-repeat: no-repeat;
    mask-image: var( --icon-dgs);
    -webkit-mask-image: var( --icon-dgs);
    background-size: 1rem;
    background-color: var(--color-text);
    width: 1rem;
    height: 1rem;
}
  }
  @media screen and (min-width: 1200px)
  {
    a.inm-search::before {
    margin-right: .5rem;
    }
    .uk-modal-dialog.als-lightbox .uk-slider-items .uk-overlay {
    width: 40%;
    }
    * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
        margin-top: 35px;
      }
     .kalender * + .uk-grid-margin, .kalender .uk-grid + .uk-grid, .kalender .uk-grid > .uk-grid-margin {
        margin-top: 0;
      }
  }
  .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar.inm-nav-overlay {
    box-shadow: 0px 10px 20px rgba(0,0,0,.5);
  }
 /* Screenreaders */
 .screen-reader {
    clip: rect( 1px, 1px, 1px, 1px );
    -webkit-clip-path: inset( 50% );
    clip-path: inset( 50% );
    height: 1px;
    width: 1px;
    border: 0;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    position: absolute !important;
    word-wrap: normal !important;
    box-shadow: none !important;
    word-break: normal !important;
    transition: none;
 }

 * + h2 {
    margin-top: 30px;
  }
/* *::selection {
    background-color: var(--bg-gelb);
    color: var(--color-text);
} */
.teaser .flagtext {
    display: none;
    } 
.teaser .action-flag.merken a::before,.teaser .action-unflag.merken a::before {
      mask-size: 1.6875rem;
      -webkit-mask-size: 1.6875rem;
      background-size: 1.6875rem;
      width: 1.6875rem;
      height: 1.6875rem;
  }
main > section:last-child {
    padding-bottom: 50px;
}
.uk-offcanvas-overlay::before {
  background: rgba(0,0,0,0);
}

.nav-overlay > .uk-navbar-item, .nav-overlay .uk-navbar-toggle {
    min-height: fit-content;
  }
  .nav-overlay .uk-navbar-toggle {
    color: transparent;
    font-size: inherit;
    font-family: var(--font-text);
  }
  /*
    --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1200px;
  --uk-breakpoint-xl: 1600px;
  */

/* ui-kit */
.uk-section-xsmall {
    padding-top: 30px;
    padding-bottom: 30px;
  }
.uk-section-small {
    padding-top: 35px;
    padding-bottom: 35px;
  }
* + p {
    margin-top: 30px;
  }
p {
    margin-bottom: 30px;
  }
p:last-child {
    margin-bottom: 0;
  }
  .uk-list-large > * > ul, .uk-list-large > :nth-child(n+2) {
    margin-top: 30px;
  }
.bandcamp.highlight-dark {
    padding: 0 0 50px;
    margin-bottom: 50px;
}
.highlight, .highlight-dark {
    padding: 21px 0 50px;
    margin-bottom: 50px;
}
.highlight-yellow {
    padding: 21px 0 50px;
}
article, .inm-decimal-list ol li:last-child, section.video, section.text, section.bild, section.album, section.informationen {
    padding-bottom: 50px;
}
.uk-sticky {
    position: relative;
    z-index: 30;
    box-sizing: border-box;
}

section.video .videocontainer {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

section.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.externlink {
    display: inline-block;
  }

  /* bookmark */

.eventbookmark {
    display:none;
}

  .n-event  .eventbookmark { 
    display:inline-block
  }
  .n-event  .bookmarkall { 
    display:none;
  }
  .n-event  .eventbookmark:hover, 
  .n-event  .bookmarkall:hover { 
    text-decoration: underline;
  }

  /* messages */

  .inm-message {
    background-color:rgb(108, 177, 68, 0.3);
  }
  .inm-message-alert {
    background-color:rgb(255, 0, 0, 0.3);
  }

  /* BORDER Input */

   .uk-input, .uk-select, .uk-textarea {
    border-color:#000000;
  }
 
  .paragraphs-actions > .button, .tabledrag-toggle-weight-wrapper, .smartdate--separator, body.user-logged-in table > thead, body.user-logged-in fieldset legend {
    display:none;
  }

  body.user-logged-in fieldset {
    padding: 0;
    margin-bottom: 2rem;
    border: none;
  }
 /* fieldset .js-form-item > div {
    padding-left: 0;
  }
  fieldset span.fieldset-legend {
    padding: 0 1rem;
  }
  fieldset legend {
    margin-left: -1rem;
  }*/
  .paragraphs-dropdown-toggle {
    background-color: rgba(126,60,214,0.25);
    border: 2px solid var(--color-logged);
    -webkit-box-shadow: 0 1px 2px rgba(126,60,214,0.125);
    box-shadow: 0 1px 2px rgba(126,60,214,0.125);
    outline: none;
    color: var(--color-schwarz);
  }
  .paragraphs-dropdown-toggle:hover, .paragraphs-dropdown-toggle:focus {
    background-color: rgba(126,60,214,0.125);
    border: 2px solid rgba(126,60,214,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(126,60,214,0.125);
    box-shadow: 0 1px 2px rgba(126,60,214,0.125);
    outline: none;
    color: var(--color-schwarz);
  }
/*
  body.user-logged-in input.form-text, body.user-logged-in input.form-url, body.user-logged-in textarea, body.user-logged-in .form-date, body.user-logged-in .form-time, body.user-logged-in select.field-duration, body.user-logged-in input.allday, body.user-logged-in input.form-checkbox, body.user-logged-in select.form-select, body.user-logged-in [type="checkbox"], .uk-input {
    border: 2px solid var(--color-logged);
  }*/
  body.user-logged-in .paragraphs-tabs-wrapper {
    padding-bottom: 3rem;
  }
  body.user-logged-in .paragraphs-tabs-wrapper table.field-multiple-table {
    padding-bottom: 2rem;
  }
  body.user-logged-in .paragraphs-tabs-wrapper td table.field-multiple-table {
    border-top: 2px solid var(--color-logged);
    width: 100%;
    margin: auto;
    padding-top: 2rem;
  }

  body.user-logged-in .paragraphs-tabs-wrapper:last-child {
    border-bottom: 2px solid var(--color-logged);
    padding-bottom: 2rem;
  }
  body.user-logged-in td.field-multiple-drag {  
    vertical-align: top;
    padding-top: .5rem;
    }
body.user-logged-in input.inm-button {
    background: none;
}
.smartdate--widget .allday {
    margin-left: 0;
}
body.user-logged-in form.node-event-form {
    text-align: center;
}
body.user-logged-in form.node-event-form section {
    text-align: left;
}
body.user-logged-in form > .form-submit {
    /* background: none; */
    border: 2px solid var(--color-logged);
    text-transform: inherit;
    color: var(--color-logged);
    font-size: var(--size-text-small-inm);
}
body.user-logged-in form > .form-submit:hover {
    opacity: .85;
}
body.user-logged-in form .uk-button.addfile {
    padding-left: 0;
    text-align: left;
    text-transform: inherit;
}
.smartdate--widget h4::after {
    content: " :";
}
.smartdate--widget #dateduration label.allday-label {
    display: block !important;
  }
#dateduration label {
    display: none;
}
.field-add-more-submit {
    padding-left: 0;
}
span.eingelogged {
    vertical-align: middle;
}
/* Lizenziert overview */
a .inm-lizenz-layer p {
    text-decoration: underline;
}
a:hover .inm-lizenz-layer p {
    text-decoration: none;
}
/* EN + */

.highlight-yellow .magazin h2, .highlight-yellow .magazin a.weiterlesen, .highlight-yellow .projekte h2, .highlight-yellow .projekte a.weiterlesen, .highlight-yellow .colleg h2, .highlight-yellow .colleg a.weiterlesen, .highlight-yellow .szene h2, .highlight-yellow .szene a.weiterlesen, .highlight-yellow .kalender h2, .highlight-yellow .kalender a.weiterlesen {
    color: var(--color-text);
}
.highlight-dark .magazin h2, .highlight-dark .magazin a.weiterlesen, .highlight-dark .projekte h2, .highlight-dark .projekte a.weiterlesen, .highlight-dark .colleg h2, .highlight-dark .colleg a.weiterlesen, .highlight-dark .szene h2, .highlight-dark .szene a.weiterlesen, .highlight-dark .kalender h2, .highlight-dark .kalender a.weiterlesen {
    color: var(--color-weiss);
}


/* SUCHE */


form[data-drupal-selector='views-exposed-form-suche-page-1'] {
    display:none;
}

/* Infotip */
.inm-infotip a.uk-icon {
    color: var(--color-logged);
}
.inm-infotip .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: var(--color-logged);
    stroke-width: 2;
  }
  .inm-infotip .uk-dropdown {
    min-width: 300px;
    color: inherit;
    /* box-shadow: 0px 10px 20px rgba(0,0,0,.5); */
    font-size: var(--size-text-small-inm);
    border: 1px solid;
  }

.login-bereich .uk-input, .login-bereich .uk-select {
    color: inherit;
}


/* FILTER */

.inm-filter a, .kalender .inm-filter h2 {
    color: var(--color-text);
}
.inm-filter.uk-grid > div {
    border-top: 1px solid var(--color-text);
}
.inm-filter.uk-grid  > :not(.uk-first-column) {
    border-left: 1px solid var(--color-text);
}
.inm-filter .uk-dropdown-nav .uk-nav-divider {
    border-top-color: var(--color-text);
}
.inm-filter .uk-dropdown {
    min-width: 401px;
    padding: 15px;
    color: var(--color-text);
    box-shadow: none;
    border: 1px solid var(--color-schwarz);
    --uk-position-offset: 15px;
--uk-position-viewport-offset: -30px;
left: -1px !important;
  }
.inm-filter .uk-dropdown-nav > li > a {
    color: var(--color-text);
  }
  .inm-filter button {
    text-align: left;
    padding: 0;
    line-height: normal;
    background: none;
  }
.inm-filter button[aria-expanded="false"]::before {
    content: ' ↓';
    padding-left: 15px;
    vertical-align: text-bottom;
    float: right;
}
.inm-filter button[aria-expanded="true"]::before {
    content: ' ↑';
    padding-left: 15px;
    vertical-align: text-bottom;
    float: right;
}
  @media (min-width: 1200px)
  {
  .uk-grid-divider > :not(.uk-first-column)::before {
    left: 80px;
  }
}

/* 15.5.23 */
.uk-offcanvas-bar p span.externlink a {
    text-decoration: underline;
}
.uk-offcanvas-bar p span.externlink a:hover {
    text-decoration: none;
}
.inm-page-einleitung {
    padding-top: 0;
}
ol {
    padding: 0;
    list-style-position: inside;
}
@media (max-width: 960px)
{
footer .inm-nav li {
    padding-bottom: .75rem;
}
footer .inm-site-footer .vcard span {
    line-height: 1.65;
}
}
/* hide checkbox genres haupt */

input[data-drupal-selector='edit-field-genre-1'],
input[data-drupal-selector='edit-field-genre-2'] {
    display:none;
}

input[data-drupal-selector='edit-field-genre-1'] + label ,
input[data-drupal-selector='edit-field-genre-2'] + label {
    font-weight:bold;
}

.form-item-field-genre-1 :nth-child(1) { order: 2; }
.form-item-field-genre-1 :nth-child(2) { order: 1; }

.form-item-field-genre-2 :nth-child(1) { order: 2; }
.form-item-field-genre-2 :nth-child(2) { order: 1; }

.uk-checkbox:disabled,
.uk-checkbox:disabled + label {
    opacity: 0.5;
}


.pastevents .inm-add-button {display: none;}
li[data-value='overview'],
li[data-value='seite']
 {
    display:none;
}

.js-form-item-field-date-0-duration, #dateduration {display:none;}
div[data-drupal-selector="edit-field-sets"] .clearfix { color:transparent;}
/* div[data-drupal-selector="edit-field-sets"] .field-add-more-submit { margin-left: 70px;} */
div[data-drupal-selector="edit-field-sets"] .paragraphs-actions {float:right; }
div[data-drupal-selector="edit-field-sets"] table.field-multiple-table {width:100%;}


.calendarview .inm-item {
    padding-top: 22px;
    padding-bottom: 22px;
}

abbr[title] {
    text-decoration: none;
}

.inm-iconinfo {
    display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 1.45rem;
height: 1.45rem;
text-decoration: none;
border-radius: 1rem;
background-color: var(--color-logged);
color:white;
border:2px solid var(--color-logged);
font-size: var( --size-text-small-inm);
}

.inm-iconinfo:hover {
background-color: white;
color:var(--color-logged);
text-decoration: none;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
    background-color: black;
}



form[data-drupal-selector='webform-submission-registrierung-vivaldisaal-add-form'] a,
form[data-drupal-selector='webform-submission-mitgliedschaft-add-form'] a {
    text-decoration:underline;
}


fieldset__label {
    display:none !important; 
}