/* @docs
label: Core Remedies
version: 0.1.0-beta.2

note: |
  These remedies are recommended
  as a starter for any project.

category: file
*/
/* @docs
label: Box Sizing

note: |
  Use border-box by default, globally.

category: global
*/
*,
::before,
::after {
  box-sizing: border-box;
}
/* @docs
label: Line Sizing

note: |
  Consistent line-spacing,
  even when inline elements have different line-heights.

links:
  - https://drafts.csswg.org/css-inline-3/#line-sizing-property

category: global
*/
html {
  line-sizing: normal;
}
/* @docs
label: Body Margins

note: |
  Remove the tiny space around the edge of the page.

category: global
*/
body {
  margin: 0;
}
/* @docs
label: Hidden Attribute

note: |
  Maintain `hidden` behaviour when overriding `display` values.

  category: global
*/
[hidden] {
  display: none;
}
/* @docs
label: Heading Sizes

note: |
  Switch to rem units for headings

category: typography
*/
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.17rem;
}
h4 {
  font-size: 1.00rem;
}
h5 {
  font-size: 0.83rem;
}
h6 {
  font-size: 0.67rem;
}
/* @docs
label: H1 Margins

note: |
  Keep h1 margins consistent, even when nested.

category: typography
*/
h1 {
  margin: 0.67em 0;
}
/* @docs
label: Pre Wrapping

note: |
  Overflow by default is bad...

category: typography
*/
pre {
  white-space: pre-wrap;
}
/* @docs
label: Horizontal Rule

note: |
  1. Solid, thin horizontal rules
  2. Remove Firefox `color: gray`
  3. Remove default `1px` height, and common `overflow: hidden`

category: typography
*/
hr {
  border-style: solid;
  border-width: 1px 0 0;
  color: inherit;
  height: 0;
  overflow: visible;
}
/* @docs
label: Responsive Embeds

note: |
  1. Block display is usually what we want
  2. Remove strange space-below in case authors overwrite the display value
  3. Responsive by default
  4. Audio without `[controls]` remains hidden by default

category: embedded elements
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
  max-width: 100%;
}
audio:not([controls]) {
  display: none;
}
/* @docs
label: Responsive Images

note: |
  These new elements display inline by default,
  but that's not the expected behavior for either one.
  This can interfere with proper layout and aspect-ratio handling.

  1. Remove the unnecessary wrapping `picture`, while maintaining contents
  2. Source elements have nothing to display, so we hide them entirely

category: embedded elements
*/
picture {
  display: contents;
}
source {
  display: none;
}
/* @docs
label: Aspect Ratios

note: |
  Maintain intrinsic aspect ratios when `max-width` is applied.
  `iframe`, `embed`, and `object` are also embedded,
  but have no intrinsic ratio,
  so their `height` needs to be set explicitly.

category: embedded elements
*/
img,
svg,
video,
canvas {
  height: auto;
}
/* @docs
label: Audio Width

note: |
  There is no good reason elements default to 300px,
  and audio files are unlikely to come with a width attribute.

category: embedded elements
*/
audio {
  width: 100%;
}
/* @docs
label: Image Borders

note: |
  Remove the border on images inside links in IE 10 and earlier.

category: legacy browsers
*/
img {
  border-style: none;
}
/* @docs
label: SVG Overflow

note: |
  Hide the overflow in IE 10 and earlier.

category: legacy browsers
*/
svg {
  overflow: hidden;
}
/* @docs
label: HTML5 Elements

note: |
  Default block display on HTML5 elements.
  For oldIE to apply this styling one needs to add some JS as well (i.e. `document.createElement("main")`)

links:
  - https://www.sitepoint.com/html5-older-browsers-and-the-shiv/

category: legacy browsers
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
/* @docs
label: Checkbox & Radio Inputs

note: |
  1. Add the correct box sizing in IE 10
  2. Remove the padding in IE 10

category: legacy browsers
*/
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
/* @docs
label: Reminders
version: 0.1.0-beta.2

note: |
  All the remedies in this file are commented out by default,
  because they could cause harm as general defaults.
  These should be used as reminders
  to handle common styling issues
  in a way that will work for your project and users.
  Read, explore, uncomment, and edit as needed.

category: file
*/
/* @docs
label: List Style

note: |
  List styling is not usually desired in navigation,
  but this also removes list-semantics for screen-readers

links:
  - https://github.com/mozdevs/cssremedy/issues/15

category: navigation
*/
/* nav ul {
  list-style: none;
} */
/* @docs
label: List Voiceover

note: |
  1. Add zero-width-space to prevent VoiceOver disable
  2. Absolute position ensures no extra space

links:
  - https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/

category: navigation
*/
/* nav li:before {
  content: "\200B";
  position: absolute;
} */
/* @docs
label: Reduced Motion

note: |
  1. Immediately jump any animation to the end point
  2. Remove transitions & fixed background attachment

links:
  - https://github.com/mozdevs/cssremedy/issues/11

category: accessibility
*/
/* @media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
} */
/* @docs
label: Line Heights

note: |
  The default `normal` line-height is tightly spaced,
  but takes font-metrics into account,
  which is important for many fonts.
  Looser spacing may improve readability in latin type,
  but may cause problems in some scripts --
  from cusrive/fantasy fonts to
  [Javanese](https://jsbin.com/bezasax/1/edit?html,css,output),
  [Persian](https://jsbin.com/qurecom/edit?html,css,output),
  and CJK languages.

links:
  - https://github.com/mozdevs/cssremedy/issues/7
  - https://jsbin.com/bezasax/1/edit?html,css,output
  - https://jsbin.com/qurecom/edit?html,css,output

todo: |
  - Use `:lang(language-code)` selectors?
  - Add typography remedies for other scripts & languages...

category: typography
*/
/* html { line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { line-height: 1.25; }
caption, figcaption, label, legend { line-height: 1.375; } */
/* @docs
label: Quotes
version: 0.1.0-beta.2

note: |
  This is what user agents are supposed to be doing for quotes,
  according to https://html.spec.whatwg.org/multipage/rendering.html#quotes

links:
  - https://html.spec.whatwg.org/multipage/rendering.html#quotes

todo: |
  I believe

  ```css
  :root:lang(af),       :not(:lang(af)) > :lang(af)             { quotes: '\201c' '\201d' '\2018' '\2019' }
  :root:lang(ak),       :not(:lang(ak)) > :lang(ak)             { quotes: '\201c' '\201d' '\2018' '\2019' }
  :root:lang(asa),      :not(:lang(asa)) > :lang(asa)           { quotes: '\201c' '\201d' '\2018' '\2019' }
  ```

  can be replaced by

  ```css
  :root:lang(af, ak, asa), [lang]:lang(af, ak, asa)       			{ quotes: '\201c' '\201d' '\2018' '\2019' }
  ```

category: file
*/
:root {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(af),
:not(:lang(af)) > :lang(af) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ak),
:not(:lang(ak)) > :lang(ak) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(asa),
:not(:lang(asa)) > :lang(asa) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(az),
:not(:lang(az)) > :lang(az) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(bem),
:not(:lang(bem)) > :lang(bem) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(bez),
:not(:lang(bez)) > :lang(bez) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(bn),
:not(:lang(bn)) > :lang(bn) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(brx),
:not(:lang(brx)) > :lang(brx) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(cgg),
:not(:lang(cgg)) > :lang(cgg) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(chr),
:not(:lang(chr)) > :lang(chr) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(cy),
:not(:lang(cy)) > :lang(cy) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(da),
:not(:lang(da)) > :lang(da) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(dav),
:not(:lang(dav)) > :lang(dav) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(dje),
:not(:lang(dje)) > :lang(dje) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(dz),
:not(:lang(dz)) > :lang(dz) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ebu),
:not(:lang(ebu)) > :lang(ebu) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ee),
:not(:lang(ee)) > :lang(ee) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(en),
:not(:lang(en)) > :lang(en) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(fil),
:not(:lang(fil)) > :lang(fil) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(fo),
:not(:lang(fo)) > :lang(fo) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ga),
:not(:lang(ga)) > :lang(ga) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(gd),
:not(:lang(gd)) > :lang(gd) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(gl),
:not(:lang(gl)) > :lang(gl) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(gu),
:not(:lang(gu)) > :lang(gu) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(guz),
:not(:lang(guz)) > :lang(guz) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ha),
:not(:lang(ha)) > :lang(ha) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(hi),
:not(:lang(hi)) > :lang(hi) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(id),
:not(:lang(id)) > :lang(id) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ig),
:not(:lang(ig)) > :lang(ig) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(jmc),
:not(:lang(jmc)) > :lang(jmc) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(kam),
:not(:lang(kam)) > :lang(kam) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(kde),
:not(:lang(kde)) > :lang(kde) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(kea),
:not(:lang(kea)) > :lang(kea) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(khq),
:not(:lang(khq)) > :lang(khq) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ki),
:not(:lang(ki)) > :lang(ki) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(kln),
:not(:lang(kln)) > :lang(kln) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(km),
:not(:lang(km)) > :lang(km) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(kn),
:not(:lang(kn)) > :lang(kn) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ko),
:not(:lang(ko)) > :lang(ko) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ksb),
:not(:lang(ksb)) > :lang(ksb) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(lg),
:not(:lang(lg)) > :lang(lg) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ln),
:not(:lang(ln)) > :lang(ln) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(lo),
:not(:lang(lo)) > :lang(lo) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(lrc),
:not(:lang(lrc)) > :lang(lrc) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(lu),
:not(:lang(lu)) > :lang(lu) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(luo),
:not(:lang(luo)) > :lang(luo) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(lv),
:not(:lang(lv)) > :lang(lv) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(mas),
:not(:lang(mas)) > :lang(mas) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(mer),
:not(:lang(mer)) > :lang(mer) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(mfe),
:not(:lang(mfe)) > :lang(mfe) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(mgo),
:not(:lang(mgo)) > :lang(mgo) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ml),
:not(:lang(ml)) > :lang(ml) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(mn),
:not(:lang(mn)) > :lang(mn) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(mr),
:not(:lang(mr)) > :lang(mr) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ms),
:not(:lang(ms)) > :lang(ms) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(mt),
:not(:lang(mt)) > :lang(mt) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(my),
:not(:lang(my)) > :lang(my) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(naq),
:not(:lang(naq)) > :lang(naq) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(nd),
:not(:lang(nd)) > :lang(nd) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ne),
:not(:lang(ne)) > :lang(ne) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(nus),
:not(:lang(nus)) > :lang(nus) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(nyn),
:not(:lang(nyn)) > :lang(nyn) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(pa),
:not(:lang(pa)) > :lang(pa) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(pt),
:not(:lang(pt)) > :lang(pt) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(rof),
:not(:lang(rof)) > :lang(rof) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(rwk),
:not(:lang(rwk)) > :lang(rwk) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(saq),
:not(:lang(saq)) > :lang(saq) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(sbp),
:not(:lang(sbp)) > :lang(sbp) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(seh),
:not(:lang(seh)) > :lang(seh) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ses),
:not(:lang(ses)) > :lang(ses) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(si),
:not(:lang(si)) > :lang(si) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(so),
:not(:lang(so)) > :lang(so) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(sw),
:not(:lang(sw)) > :lang(sw) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(ta),
:not(:lang(ta)) > :lang(ta) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(te),
:not(:lang(te)) > :lang(te) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(teo),
:not(:lang(teo)) > :lang(teo) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(th),
:not(:lang(th)) > :lang(th) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(to),
:not(:lang(to)) > :lang(to) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(tr),
:not(:lang(tr)) > :lang(tr) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(twq),
:not(:lang(twq)) > :lang(twq) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(tzm),
:not(:lang(tzm)) > :lang(tzm) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(uz-Cyrl),
:not(:lang(uz-Cyrl)) > :lang(uz-Cyrl) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(vai),
:not(:lang(vai)) > :lang(vai) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(vai-Latn),
:not(:lang(vai-Latn)) > :lang(vai-Latn) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(vi),
:not(:lang(vi)) > :lang(vi) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(vun),
:not(:lang(vun)) > :lang(vun) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(xog),
:not(:lang(xog)) > :lang(xog) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(yo),
:not(:lang(yo)) > :lang(yo) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(yue-Hans),
:not(:lang(yue-Hans)) > :lang(yue-Hans) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(zh),
:not(:lang(zh)) > :lang(zh) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(zu),
:not(:lang(zu)) > :lang(zu) {
  quotes: '\201c' '\201d' '\2018' '\2019';
}
/* “ ” ‘ ’ */
:root:lang(uz),
:not(:lang(uz)) > :lang(uz) {
  quotes: '\201c' '\201d' '\2019' '\2018';
}
/* “ ” ’ ‘ */
:root:lang(eu),
:not(:lang(eu)) > :lang(eu) {
  quotes: '\201c' '\201d' '\201c' '\201d';
}
/* “ ” “ ” */
:root:lang(tk),
:not(:lang(tk)) > :lang(tk) {
  quotes: '\201c' '\201d' '\201c' '\201d';
}
/* “ ” “ ” */
:root:lang(ar),
:not(:lang(ar)) > :lang(ar) {
  quotes: '\201d' '\201c' '\2019' '\2018';
}
/* ” “ ’ ‘ */
:root:lang(ur),
:not(:lang(ur)) > :lang(ur) {
  quotes: '\201d' '\201c' '\2019' '\2018';
}
/* ” “ ’ ‘ */
:root:lang(fi),
:not(:lang(fi)) > :lang(fi) {
  quotes: '\201d' '\201d' '\2019' '\2019';
}
/* ” ” ’ ’ */
:root:lang(he),
:not(:lang(he)) > :lang(he) {
  quotes: '\201d' '\201d' '\2019' '\2019';
}
/* ” ” ’ ’ */
:root:lang(lag),
:not(:lang(lag)) > :lang(lag) {
  quotes: '\201d' '\201d' '\2019' '\2019';
}
/* ” ” ’ ’ */
:root:lang(rn),
:not(:lang(rn)) > :lang(rn) {
  quotes: '\201d' '\201d' '\2019' '\2019';
}
/* ” ” ’ ’ */
:root:lang(sn),
:not(:lang(sn)) > :lang(sn) {
  quotes: '\201d' '\201d' '\2019' '\2019';
}
/* ” ” ’ ’ */
:root:lang(sv),
:not(:lang(sv)) > :lang(sv) {
  quotes: '\201d' '\201d' '\2019' '\2019';
}
/* ” ” ’ ’ */
:root:lang(sr),
:not(:lang(sr)) > :lang(sr) {
  quotes: '\201e' '\201c' '\2018' '\2018';
}
/* „ “ ‘ ‘ */
:root:lang(sr-Latn),
:not(:lang(sr-Latn)) > :lang(sr-Latn) {
  quotes: '\201e' '\201c' '\2018' '\2018';
}
/* „ “ ‘ ‘ */
:root:lang(bg),
:not(:lang(bg)) > :lang(bg) {
  quotes: '\201e' '\201c' '\201e' '\201c';
}
/* „ “ „ “ */
:root:lang(lt),
:not(:lang(lt)) > :lang(lt) {
  quotes: '\201e' '\201c' '\201e' '\201c';
}
/* „ “ „ “ */
:root:lang(bs-Cyrl),
:not(:lang(bs-Cyrl)) > :lang(bs-Cyrl) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(cs),
:not(:lang(cs)) > :lang(cs) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(cs),
:not(:lang(cs)) > :lang(cs) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(de),
:not(:lang(de)) > :lang(de) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(dsb),
:not(:lang(dsb)) > :lang(dsb) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(et),
:not(:lang(et)) > :lang(et) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(hr),
:not(:lang(hr)) > :lang(hr) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(hsb),
:not(:lang(hsb)) > :lang(hsb) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(is),
:not(:lang(is)) > :lang(is) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(lb),
:not(:lang(lb)) > :lang(lb) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(luy),
:not(:lang(luy)) > :lang(luy) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(mk),
:not(:lang(mk)) > :lang(mk) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(sk),
:not(:lang(sk)) > :lang(sk) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(sl),
:not(:lang(sl)) > :lang(sl) {
  quotes: '\201e' '\201c' '\201a' '\2018';
}
/* „ “ ‚ ‘ */
:root:lang(ka),
:not(:lang(ka)) > :lang(ka) {
  quotes: '\201e' '\201c' '\00ab' '\00bb';
}
/* „ “ « » */
:root:lang(bs),
:not(:lang(bs)) > :lang(bs) {
  quotes: '\201e' '\201d' '\2018' '\2019';
}
/* „ ” ‘ ’ */
:root:lang(agq),
:not(:lang(agq)) > :lang(agq) {
  quotes: '\201e' '\201d' '\201a' '\2019';
}
/* „ ” ‚ ’ */
:root:lang(ff),
:not(:lang(ff)) > :lang(ff) {
  quotes: '\201e' '\201d' '\201a' '\2019';
}
/* „ ” ‚ ’ */
:root:lang(nmg),
:not(:lang(nmg)) > :lang(nmg) {
  quotes: '\201e' '\201d' '\00ab' '\00bb';
}
/* „ ” « » */
:root:lang(ro),
:not(:lang(ro)) > :lang(ro) {
  quotes: '\201e' '\201d' '\00ab' '\00bb';
}
/* „ ” « » */
:root:lang(pl),
:not(:lang(pl)) > :lang(pl) {
  quotes: '\201e' '\201d' '\00ab' '\00bb';
}
/* „ ” « » */
:root:lang(hu),
:not(:lang(hu)) > :lang(hu) {
  quotes: '\201e' '\201d' '\00bb' '\00ab';
}
/* „ ” » « */
:root:lang(nl),
:not(:lang(nl)) > :lang(nl) {
  quotes: '\2018' '\2019' '\201c' '\201d';
}
/* ‘ ’ “ ” */
:root:lang(ti-ER),
:not(:lang(ti-ER)) > :lang(ti-ER) {
  quotes: '\2018' '\2019' '\201c' '\201d';
}
/* ‘ ’ “ ” */
:root:lang(dua),
:not(:lang(dua)) > :lang(dua) {
  quotes: '\00ab' '\00bb' '\2018' '\2019';
}
/* « » ‘ ’ */
:root:lang(ksf),
:not(:lang(ksf)) > :lang(ksf) {
  quotes: '\00ab' '\00bb' '\2018' '\2019';
}
/* « » ‘ ’ */
:root:lang(rw),
:not(:lang(rw)) > :lang(rw) {
  quotes: '\00ab' '\00bb' '\2018' '\2019';
}
/* « » ‘ ’ */
:root:lang(nn),
:not(:lang(nn)) > :lang(nn) {
  quotes: '\00ab' '\00bb' '\2018' '\2019';
}
/* « » ‘ ’ */
:root:lang(nb),
:not(:lang(nb)) > :lang(nb) {
  quotes: '\00ab' '\00bb' '\2018' '\2019';
}
/* « » ‘ ’ */
:root:lang(ast),
:not(:lang(ast)) > :lang(ast) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(bm),
:not(:lang(bm)) > :lang(bm) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(br),
:not(:lang(br)) > :lang(br) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(ca),
:not(:lang(ca)) > :lang(ca) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(dyo),
:not(:lang(dyo)) > :lang(dyo) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(el),
:not(:lang(el)) > :lang(el) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(es),
:not(:lang(es)) > :lang(es) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(ewo),
:not(:lang(ewo)) > :lang(ewo) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(mg),
:not(:lang(mg)) > :lang(mg) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(mua),
:not(:lang(mua)) > :lang(mua) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(sg),
:not(:lang(sg)) > :lang(sg) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(it),
:not(:lang(it)) > :lang(it) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(kab),
:not(:lang(kab)) > :lang(kab) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(kk),
:not(:lang(kk)) > :lang(kk) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(pt-PT),
:not(:lang(pt-PT)) > :lang(pt-PT) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(nnh),
:not(:lang(nnh)) > :lang(nnh) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(sq),
:not(:lang(sq)) > :lang(sq) {
  quotes: '\00ab' '\00bb' '\201c' '\201d';
}
/* « » “ ” */
:root:lang(bas),
:not(:lang(bas)) > :lang(bas) {
  quotes: '\00ab' '\00bb' '\201e' '\201c';
}
/* « » „ “ */
:root:lang(be),
:not(:lang(be)) > :lang(be) {
  quotes: '\00ab' '\00bb' '\201e' '\201c';
}
/* « » „ “ */
:root:lang(ky),
:not(:lang(ky)) > :lang(ky) {
  quotes: '\00ab' '\00bb' '\201e' '\201c';
}
/* « » „ “ */
:root:lang(sah),
:not(:lang(sah)) > :lang(sah) {
  quotes: '\00ab' '\00bb' '\201e' '\201c';
}
/* « » „ “ */
:root:lang(ru),
:not(:lang(ru)) > :lang(ru) {
  quotes: '\00ab' '\00bb' '\201e' '\201c';
}
/* « » „ “ */
:root:lang(uk),
:not(:lang(uk)) > :lang(uk) {
  quotes: '\00ab' '\00bb' '\201e' '\201c';
}
/* « » „ “ */
:root:lang(zgh),
:not(:lang(zgh)) > :lang(zgh) {
  quotes: '\00ab' '\00bb' '\201e' '\201d';
}
/* « » „ ” */
:root:lang(shi),
:not(:lang(shi)) > :lang(shi) {
  quotes: '\00ab' '\00bb' '\201e' '\201d';
}
/* « » „ ” */
:root:lang(shi-Latn),
:not(:lang(shi-Latn)) > :lang(shi-Latn) {
  quotes: '\00ab' '\00bb' '\201e' '\201d';
}
/* « » „ ” */
:root:lang(am),
:not(:lang(am)) > :lang(am) {
  quotes: '\00ab' '\00bb' '\2039' '\203a';
}
/* « » ‹ › */
:root:lang(az-Cyrl),
:not(:lang(az-Cyrl)) > :lang(az-Cyrl) {
  quotes: '\00ab' '\00bb' '\2039' '\203a';
}
/* « » ‹ › */
:root:lang(fa),
:not(:lang(fa)) > :lang(fa) {
  quotes: '\00ab' '\00bb' '\2039' '\203a';
}
/* « » ‹ › */
:root:lang(fr-CH),
:not(:lang(fr-CH)) > :lang(fr-CH) {
  quotes: '\00ab' '\00bb' '\2039' '\203a';
}
/* « » ‹ › */
:root:lang(gsw),
:not(:lang(gsw)) > :lang(gsw) {
  quotes: '\00ab' '\00bb' '\2039' '\203a';
}
/* « » ‹ › */
:root:lang(jgo),
:not(:lang(jgo)) > :lang(jgo) {
  quotes: '\00ab' '\00bb' '\2039' '\203a';
}
/* « » ‹ › */
:root:lang(kkj),
:not(:lang(kkj)) > :lang(kkj) {
  quotes: '\00ab' '\00bb' '\2039' '\203a';
}
/* « » ‹ › */
:root:lang(mzn),
:not(:lang(mzn)) > :lang(mzn) {
  quotes: '\00ab' '\00bb' '\2039' '\203a';
}
/* « » ‹ › */
:root:lang(fr),
:not(:lang(fr)) > :lang(fr) {
  quotes: '\00ab' '\00bb' '\00ab' '\00bb';
}
/* « » « » */
:root:lang(hy),
:not(:lang(hy)) > :lang(hy) {
  quotes: '\00ab' '\00bb' '\00ab' '\00bb';
}
/* « » « » */
:root:lang(yav),
:not(:lang(yav)) > :lang(yav) {
  quotes: '\00ab' '\00bb' '\00ab' '\00bb';
}
/* « » « » */
:root:lang(ja),
:not(:lang(ja)) > :lang(ja) {
  quotes: '\300c' '\300d' '\300e' '\300f';
}
/* 「 」 『 』 */
:root:lang(yue),
:not(:lang(yue)) > :lang(yue) {
  quotes: '\300c' '\300d' '\300e' '\300f';
}
/* 「 」 『 』 */
:root:lang(zh-Hant),
:not(:lang(zh-Hant)) > :lang(zh-Hant) {
  quotes: '\300c' '\300d' '\300e' '\300f';
}
/* 「 」 『 』 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b {
  font-weight: bolder;
}
strong {
  font-weight: bolder;
}
code {
  font-family: monospace, monospace;
  font-size: 1em;
}
kbd {
  font-family: monospace, monospace;
  font-size: 1em;
}
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em;
}
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
img {
  border-style: none;
}
button {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
}
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
}
optgroup {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
select {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  text-transform: none;
}
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: auto;
}
[type="button"] {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
[type="reset"] {
  -webkit-appearance: button;
}
[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="reset"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
[type="submit"] {
  -webkit-appearance: button;
}
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
* {
  outline: none;
  box-sizing: border-box;
}
body,
form,
figure {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  display: block;
  width: 100%;
}
header,
footer,
nav,
section,
aside,
article,
figure,
figcaption {
  display: block;
}
body {
  font-size: 100.01%;
}
select,
input,
textarea {
  font-size: 99%;
}
#container,
.inside {
  position: relative;
}
#main .inside {
  min-height: 1px;
}
.ce_gallery > ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.block {
  overflow: hidden;
}
/*
.clear,
#clear {
  height: 0.1px;
  font-size: 0.1px;
  line-height: 0.1px;
  clear: both;
}
*/
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.custom {
  display: contents;
}
#container:after,
.custom:after {
  content: "";
  display: table;
  clear: both;
}
.centered {
  margin-left: auto;
  margin-right: auto;
  width: 96%;
  max-width: 840px;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: noto-serif, serif;
  font-size: 16px;
  line-height: 1.65em;
  color: #272627;
  background-image: url("//foerderverein.eutiner-festspiele.de/files/content/images/logos/efs/efs-stage-icon-grey.svg");
  background-repeat: no-repeat;
  background-position: -500px top;
  background-size: 1200px auto;
  background-attachment: fixed;
}
@media screen and (max-width: 1200px) {
  body {
    font-size: 14px;
  }
}
h2 {
  text-transform: uppercase;
  font-size: 1.125em;
}
.slick-container,
.slick-list,
.slick-track,
.ce_slick-slide-separator {
  display: contents;
}
#topbar {
  max-width: 1920px;
  z-index: 999;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
}
@media screen and (max-width: 1023px) {
  #topbar {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  }
}
#topbar > .inside {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  #topbar > .inside {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  #topbar > .inside a .linktext {
    display: none;
  }
}
#topbar > .inside .logo_mobile {
  display: none;
}
@media screen and (max-width: 1023px) {
  #topbar > .inside .logo_mobile {
    display: block;
  }
}
#container {
  max-width: 1920px;
  position: relative;
}
#container #main {
  margin-left: calc(250px + 4%);
  width: calc(96% - 250px);
}
#container #main #hero {
  display: block;
}
@media screen and (max-width: 1280px) {
  #container #main {
    margin-left: calc(250px + 4%);
    width: calc(96% - 250px);
  }
}
#container #left {
  position: fixed;
  top: 50px;
  left: 1%;
  width: 275px;
  max-width: 275px;
  height: calc(100vh - (50px * 2));
}
@media screen and (max-width: 1280px) {
  #container #left {
    left: 1;
    width: 250px;
  }
}
#container #left > .inside {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#container #left > .inside .linkbox {
  background-color: rgba(0, 0, 0, 0.075);
  padding: 20px;
}
#container #left > .inside .linkbox:not(:first-of-type) {
  margin-top: 20px;
}
#container #left > .inside .linkbox h4 {
  color: #272627;
  font-size: 20px;
  margin: 0 0 0.5em 0;
  font-weight: normal;
  text-transform: uppercase;
}
#container #left > .inside .linkbox ul li:not(:first-of-type) {
  margin-top: 7.5px;
}
.efs_logo_top {
  padding: 0 10px;
}
.slick-arrow {
  position: absolute;
  bottom: 0;
  transform: translateY(-15px);
  z-index: 300;
  opacity: 75%;
  transition: all ease-in-out 250ms;
}
.slick-arrow:hover {
  opacity: 100%;
}
.slick-arrow.slick-next {
  right: 1vw;
}
.slick-arrow.slick-prev {
  left: 1vw;
}
@media screen and (max-width: 1023px) {
  #left {
    display: none;
  }
  #container #main {
    width: 96%;
    margin: 0 auto;
  }
}
.infobox {
  background-color: #f5f5f5;
  padding: 1.5em;
}
.infobox h3 {
  color: #09265e;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
body.tickets-termine .infobox .infobox-link.buy-tickets {
  display: none;
}
.mod_article.divider-top {
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid #ddd;
}
.mod_article.divider-bottom {
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
}
.mod_article.margin-bottom {
  margin-bottom: 50px;
}
.mod_article.intro .ce_headline {
  padding: 0 1.5rem;
}
.mod_article.intro .ce_accordion.ce_text {
  padding: 0;
}
div[cols] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 996px) {
  div[cols] {
    flex-wrap: wrap;
  }
}
div[cols] h1,
div[cols] h2,
div[cols] h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
}
div[cols="1-2"] .ce_text,
div[cols="2-1"] .ce_text {
  width: 42%;
  padding-left: 1.5em;
  min-width: 350px;
}
@media screen and (max-width: 1279px) {
  div[cols="1-2"] .ce_text,
  div[cols="2-1"] .ce_text {
    width: 100%;
  }
}
div[cols="1-2"] .ce_slick-slider,
div[cols="2-1"] .ce_slick-slider {
  width: 56%;
  flex-shrink: 1;
  position: relative;
}
@media screen and (max-width: 1279px) {
  div[cols="1-2"] .ce_slick-slider,
  div[cols="2-1"] .ce_slick-slider {
    width: 100%;
  }
}
div[cols="1-2"] .ce_slick-slider h4,
div[cols="2-1"] .ce_slick-slider h4 {
  font-size: 2.75vw;
  position: absolute;
  bottom: 10%;
  left: 10%;
  z-index: 888;
  color: white;
  text-transform: uppercase;
  text-align: justify;
  font-weight: 200;
}
@media screen and (min-width: 1920px) {
  div[cols="1-2"] .ce_slick-slider h4,
  div[cols="2-1"] .ce_slick-slider h4 {
    font-size: 53px;
  }
}
div[cols="1-2"] .ce_slick-slider.draussenspieltdiemusik h4::first-line,
div[cols="2-1"] .ce_slick-slider.draussenspieltdiemusik h4::first-line {
  font-size: 1.7em;
}
div[cols="1-2"] .ce_slick-slider.neuinderopernscheune h4::first-line,
div[cols="2-1"] .ce_slick-slider.neuinderopernscheune h4::first-line {
  font-size: 1.435em;
}
div[cols="1-2"] .ce_slick-slider.naturerlebenkulturgeniessen h4::first-line,
div[cols="2-1"] .ce_slick-slider.naturerlebenkulturgeniessen h4::first-line {
  font-size: 1.2em;
}
@media screen and (max-width: 1279px) {
  div[cols="2-1"] {
    flex-direction: column;
  }
  div[cols="2-1"] h1 {
    margin-top: 0.5em;
  }
  div[cols="2-1"] .ce_slick-slider h4 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 1279px) {
  div[cols="1-2"] {
    flex-direction: column-reverse;
  }
  div[cols="1-2"] h1 {
    margin-top: 0.5em;
  }
  div[cols="1-2"] .ce_slick-slider h4 {
    font-size: 4vw;
  }
}
div[grid="cols-3"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
}
@media screen and (max-width: 1279px) {
  div[grid="cols-3"] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1120px) {
  div[grid="cols-3"] {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1023px) {
  div[grid="cols-3"] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 896px) {
  div[grid="cols-3"] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  div[grid="cols-3"] {
    grid-template-columns: repeat(1, 1fr);
  }
}
.ce_linkteaser {
  background-color: #f5f5f5;
}
.ce_linkteaser .teaser {
  padding: 0 1.5em 1.5em 1.5em;
}
.ce_linkteaser .teaser h2 {
  font-size: 24px;
  line-height: 1.65em;
  color: #272627;
}
.ce_linkteaser .teaser h2::first-line {
  font-size: 24px;
  text-transform: uppercase;
  color: #09265e;
}
.readmore p a,
p.back a {
  display: inline-block;
  background-color: white;
  padding: 0.25em 0.5em;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-size: 1rem;
  color: #666;
}
.readmore p a:hover,
p.back a:hover {
  color: #272627;
  border-color: #272627;
}
hr.solid {
  border-color: #dddddd;
  margin: 50px 0 50px 0;
}
hr.spacer {
  border-color: transparent;
  margin: 25px 0 25px 0;
}
.slick.cols-2 .slick-slide {
  margin-left: 15px;
  margin-right: 15px;
}
.slick.cols-2 .slick-list {
  margin-left: -15px;
  margin-right: -15px;
  pointer-events: none;
}
#main > #custom {
  display: contents;
}
#main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#main #hero {
  width: 100%;
}
#main #maincontent {
  width: calc(96% - 400px);
  flex-grow: 1;
}
@media screen and (max-width: 1140px) {
  #main #maincontent {
    width: 100%;
  }
}
#main #content_right {
  padding-left: 2em;
  width: 400px;
  font-size: 14px;
}
@media screen and (max-width: 1140px) {
  #main #content_right {
    width: 100%;
    padding-left: 0;
  }
  #main #content_right .mod_article.schedule {
    display: none;
  }
}
#main #content_right .mod_article {
  background-color: #f5f5f5;
  margin-top: 2em;
  padding: 0.5em 1em;
}
#main #content_right .mod_article p {
  width: 100%;
}
#main #content_right .mod_article h2 {
  text-transform: uppercase;
}
#main #content_right .mod_article .triggerlink {
  margin: 1em;
}
#main #content_right .mod_article.schedule {
  padding-left: 0;
  padding-right: 0;
}
#main #content_right .mod_article.schedule h2 {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#main #content_right .mod_article.schedule .schedulelist .date {
  font-size: unset;
}
div[grid="9"] {
  display: grid;
  margin-bottom: 1rem;
  grid-gap: 1rem;
  grid-template-columns: repeat(9, 1fr);
}
@media screen and (max-width: 767px) {
  div[grid="9"] {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem;
  }
}
@media screen and (max-width: 500px) {
  div[grid="9"] {
    grid-template-columns: 1fr;
  }
}
#ensemble div[grid="9"] h2 .ce_hyperlink,
#ensemble div[grid="9"] .ensemble-gallery-item {
  height: 100%;
}
#ensemble div[grid="9"] h2 {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 2rem;
  grid-column: 1/4;
  height: 100%;
  padding: 4em 1.5rem;
  margin: 0;
  line-height: 1.25em;
  color: transparent;
  text-align: right;
  background-color: #202020;
  hyphens: auto;
}
#ensemble div[grid="9"] h2.mainroles {
  color: #fff;
}
@media screen and (max-width: 767px) {
  #ensemble div[grid="9"] h2 {
    grid-column: 1/-1;
    padding: 1.5rem;
    font-size: 1.75rem;
    text-align: left;
  }
}
#ensemble div[grid="9"] .ce_hyperlink,
#ensemble div[grid="9"] .ensemble-gallery-item {
  max-height: 400px;
  min-height: 300px;
}
@media screen and (max-width: 767px) {
  #ensemble div[grid="9"] .ce_hyperlink,
  #ensemble div[grid="9"] .ensemble-gallery-item {
    min-height: 200px;
  }
}
#ensemble div[grid="9"] .ce_hyperlink .image_container,
#ensemble div[grid="9"] .ensemble-gallery-item .image_container {
  width: 100%;
  height: 100%;
  position: relative;
}
#ensemble div[grid="9"] .ce_hyperlink .image_container img,
#ensemble div[grid="9"] .ensemble-gallery-item .image_container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
#ensemble div[grid="9"] .ce_hyperlink .image_container .caption,
#ensemble div[grid="9"] .ensemble-gallery-item .image_container .caption {
  opacity: 0;
  transition: all 250ms ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-family: noto-sans-display, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 200;
}
#ensemble div[grid="9"] .ce_hyperlink .image_container .caption::first-line,
#ensemble div[grid="9"] .ensemble-gallery-item .image_container .caption::first-line {
  font-size: 1.25em;
}
#ensemble div[grid="9"] .ce_hyperlink .image_container:hover .caption,
#ensemble div[grid="9"] .ensemble-gallery-item .image_container:hover .caption {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  #ensemble div[grid="9"] .ce_hyperlink .image_container .caption,
  #ensemble div[grid="9"] .ensemble-gallery-item .image_container .caption {
    font-size: 13px;
    opacity: 1;
  }
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 1) {
  grid-column: 4/7;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 2) {
  grid-column: 7/-1;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 3) {
  grid-column: 1/3;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 4) {
  grid-column: 3/6;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 5) {
  grid-column: 6/-1;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 6) {
  grid-column: 1/5;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 7) {
  grid-column: 5/7;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 8) {
  grid-column: 7/-1;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 9) {
  grid-column: 1/4;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 10) {
  grid-column: 4/6;
}
#ensemble div[grid="9"] .ensemble-gallery-item:nth-of-type(9n + 11) {
  grid-column: 6/-1;
}
@media screen and (max-width: 767px) {
  #ensemble div[grid="9"] .ensemble-gallery-item {
    grid-column: unset !important;
  }
}
.mod_newslist {
  position: relative;
}
.mod_newslist .image_container a {
  display: block;
}
.mod_newslist .image_container a img {
  display: block;
  position: relative;
}
.mod_newslist .image_container .caption {
  font-size: 14px;
  width: 100%;
  padding: 7px 15px;
  line-height: 1.25em;
  font-family: noto-sans-display, sans-serif;
  background-color: #f5f5f5;
}
.mod_newslist.newslist_home p.info,
.mod_newslist.newslist_home h2 {
  display: inline-block;
}
.mod_newslist.newslist_home.fullwidth h2 {
  padding: 0 1.5rem;
  text-indent: 40px;
  font-size: 36px;
  text-transform: uppercase;
  line-height: 1.25em;
  margin-top: -51px;
}
.mod_newslist.newslist_home.fullwidth p.info {
  margin-left: 1.5rem;
  width: 36px;
  color: #999;
  font-family: noto-sans-display, sans-serif;
  font-size: 14px;
  line-height: 1.125em;
  text-align: center;
  border-right: 1px solid #ccc;
}
.mod_newslist.newslist_home.fullwidth .image_container {
  width: 56%;
}
.mod_newslist.newslist_home.fullwidth .text_container {
  width: 42%;
  min-width: 350px;
}
.mod_newslist.newslist_home.cols-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
}
@media screen and (max-width: 1279px) {
  .mod_newslist.newslist_home.cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1120px) {
  .mod_newslist.newslist_home.cols-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1023px) {
  .mod_newslist.newslist_home.cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 896px) {
  .mod_newslist.newslist_home.cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .mod_newslist.newslist_home.cols-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.mod_newslist.newslist_home.cols-3 .layout_latest {
  background-color: #f5f5f5;
}
.mod_newslist.newslist_home.cols-3 .layout_latest .text_container {
  padding: 0 1.5em;
}
.mod_newslist.newslist_home.cols-3 .layout_latest .caption {
  display: none;
  border-bottom: 1px solid #ddd;
}
.mod_newslist.newslist_home.cols-3 .layout_latest h2 {
  margin-bottom: 0;
  font-size: 24px;
  text-transform: uppercase;
}
.mod_newslist.newslist_home.cols-3 .layout_latest h2 span.info {
  text-align: center;
  text-transform: none;
  display: inline-block;
  width: 34px;
  line-height: 1.025em;
  font-size: 11px !important;
  color: #999;
  border-right: 1px solid #ccc;
}
.layout_full .ce_text .text_container {
  padding: 0 0;
}
#hero .slick-slide {
  position: relative;
}
#hero .overlaytext {
  z-index: 99;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  color: white;
  font-family: noto-sans-display, sans-serif;
  text-transform: uppercase;
  font-size: 5vw;
  font-weight: 200;
  line-height: 0.65em;
}
@media screen and (max-widht: 767px) {
  #hero .overlaytext {
    font-size: 30px;
  }
}
#hero .overlaytext .line-2 {
  font-size: 0.59em;
}
@media screen and (max-widht: 767px) {
  #hero .overlaytext .line-2 {
    font-size: 18px;
  }
}
#hero .overlaytext a {
  font-size: 1rem;
  display: inline-block;
  color: #555;
  font-weight: 400;
  background-color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  font-family: noto-serif, serif;
  margin-top: 25px;
  line-height: 1.125em;
  text-transform: none;
}
@media screen and (max-width: 767px) {
  #hero .overlaytext a {
    font-size: 14px;
  }
}
.mod_newsreader .layout_hero .image_container {
  position: relative;
}
.mod_newsreader .layout_hero .image_container .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(232, 232, 232, 0.85);
  font-size: 14px;
  width: 100%;
  padding: 7px 15px;
  line-height: 1.25em;
  font-family: noto-sans-display, sans-serif;
}
.mod_newsreader .layout_full {
  padding-left: 1.5rem;
}
.mod_newsreader .layout_full p.info,
.mod_newsreader .layout_full h1 {
  display: inline-block;
}
.mod_newsreader .layout_full h1 {
  font-size: 40px;
  text-transform: uppercase;
  line-height: 1.125em;
}
.mod_newsreader .layout_full p.info {
  width: 36px;
  color: #999;
  font-family: noto-sans-display, sans-serif;
  font-size: 14px;
  line-height: 1.125em;
  text-align: center;
  border-right: 1px solid #ccc;
}
.mod_newsreader .layout_full .ce_text {
  overflow: visible;
}
.mod_newsreader .layout_full .image_container {
  transform: translateX(-1.5rem);
  postion: relative;
  position: relative;
  z-index: 50;
}
.mod_newsreader .layout_full .image_container .caption {
  width: 100%;
  position: absolute;
  padding: 0.25em 1.5rem;
  z-index: 99;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.85);
}
.mod_newsreader .back {
  padding-left: 1.5rem;
}
.schedulelist .efs_schedule_item {
  padding: 15px 0;
  width: 96%;
  max-width: 768px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #ccc;
  font-family: noto-sans-display, sans-serif;
}
.schedulelist .date {
  width: 100px;
  line-height: 1.25em;
  font-size: 1.25em;
  text-align: center;
}
.schedulelist .date .day {
  color: #09265e;
}
.schedulelist .time {
  width: 100px;
  padding: 0 1em;
}
.schedulelist .title_info {
  width: 350px;
}
.schedulelist .title_info .title a {
  color: #09265e;
  font-size: 1.25em;
}
.schedulelist .title_info .title .lighten {
  opacity: 0.65;
}
.schedulelist .ticketlink {
  width: 175px;
}
.schedulelist .ticketlink a,
.schedulelist .ticketlink span {
  font-family: noto-serif, serif;
  text-align: center;
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.125em;
}
.schedulelist .ticketlink span.show-ticketlink-inactive {
  opacity: 0.5;
}
.schedulelist .ticketlink span.show-ticketlink-inactive:hover {
  cursor: not-allowed;
}
.schedulelist .ticketlink .soldout,
.schedulelist .ticketlink .show-cancelled {
  background-color: #f5f5f5;
}
.schedulelist-sidebar .efs_schedule_item {
  padding: 10px 0;
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 5fr 3fr;
  grid-gap: 3px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #ccc;
  font-family: noto-sans-display, sans-serif;
  line-height: 1.5em;
  font-size: 14px;
}
.schedulelist-sidebar .efs_schedule_item .datetime {
  text-align: center;
  padding: 0 10px;
}
.schedulelist-sidebar .efs_schedule_item .datetime .date {
  white-space: nowrap;
}
.schedulelist-sidebar .efs_schedule_item .datetime .date .blue {
  color: #09265e;
}
.schedulelist-sidebar .efs_schedule_item .title a {
  color: #09265e;
  font-weight: 400;
  font-size: 1.125em;
  text-transform: uppercase;
}
.schedulelist-sidebar .efs_schedule_item .hint {
  line-height: 0.9em;
  padding-top: 5px;
}
.schedulelist-sidebar .efs_schedule_item .infolink a {
  text-decoration: underline;
  font-size: 12px;
}
.schedulelist-sidebar .efs_schedule_item .ticketlink a {
  border: 1px solid #cccccc;
  padding: 0.125em 0.25em;
  opacity: 1;
  background-color: #fff;
  border-radius: 5px;
  font-size: 13px;
  transition: all 250ms ease-in-out;
}
.schedulelist-sidebar .efs_schedule_item .ticketlink a:hover {
  background-color: #f5f5f5;
  color: #121212;
}
#contentfooter {
  font-family: noto-sans-display, sans-serif;
  width: 100%;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #333333;
  color: #f0f0f0;
  font-size: 13px;
}
#contentfooter .inside {
  margin-left: auto;
  margin-right: auto;
  width: 96%;
  max-width: 840px;
}
#contentfooter .inside .contact .phone {
  margin-top: 24px;
  margin-bottom: 12px;
}
#contentfooter .inside .contact .social {
  margin-top: 24px;
  margin-bottom: 24px;
}
#contentfooter .inside .contact .address {
  font-size: 13px;
  margin-top: 12px;
}
.metapage h2 {
  font-size: 28px;
  max-width: 1140px;
  width: 90%;
}
.metapage h3 {
  font-size: 22px;
  max-width: 1140px;
  width: 90%;
}
.toggler {
  width: 90%;
  margin: 0 1.5rem;
  cursor: pointer;
  padding: 5px 0;
  color: #09265e;
  font-family: noto-sans-display, sans-serif;
  font-size: 1.125em;
}
.toggler ::before {
  content: "+ ";
}
.toggler.active ::before {
  content: "- ";
}
.accordion {
  width: 90%;
  margin: 0 1.5rem;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.mod_article.faq img {
  width: 90%;
  max-width: 800px;
}
.ce_form {
  max-width: 1140px;
  margin-right: auto;
  background-color: #f5f5f5;
  padding: 1.5rem;
  border-radius: 5px;
}
.bg-blue .image_container {
  background-color: rgba(9, 38, 94, 0.6);
}
.bg-blue .image_container img {
  mix-blend-mode: multiply;
  opacity: 1;
}
div.team {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.team .ce_text {
  width: 42%;
  padding: 0 1.5rem 1.5rem 1.5rem;
}
div.team .ce_image {
  margin: 0;
  width: 56%;
  flex-shrink: 1;
}
div.team .ce_image .image_container {
  position: relative;
}
div.team .ce_image .image_container img {
  filter: grayscale(1);
}
div.team .ce_image .image_container .caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0.25em 1em;
  font-family: noto-sans-display, sans-serif;
  font-weight: 300;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
}
div.team hr {
  width: 100%;
}
@media screen and (max-width: 580px) {
  div.team {
    flex-direction: column;
  }
  div.team .ce_text,
  div.team .ce_image {
    width: 100%;
  }
  div.team .ce_text {
    padding-bottom: 0;
  }
  div.team .ce_image {
    margin-bottom: 1.5rem;
  }
}
.ce_table {
  padding: 0 1.5rem;
  width: 96%;
  max-width: 768px;
}
.ce_table table {
  border-collapse: collapse;
  width: 100%;
}
.ce_table table th {
  text-align: left;
  padding: 10px 10px 10px 0;
  border-bottom: 1px solid #ccc;
}
.ce_table table td {
  padding: 10px 10px 10px 0;
  border-bottom: 1px solid #ccc;
}
.ce_table table tr {
  border-bottom: 1px solid red;
}
.mod_eventlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.mod_eventlist > h1,
.mod_eventlist > h2,
.mod_eventlist > h3 {
  grid-column: 1 / -1;
}
.mod_eventlist .layout_full {
  padding: 1.5rem;
  background-color: #f5f5f5;
}
.mod_eventlist .layout_full h2,
.mod_eventlist .layout_full h2 a {
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 1.125em;
  margin-top: 0;
  margin-bottom: 0;
}
.mod_eventlist .layout_full h2::first-line,
.mod_eventlist .layout_full h2 a::first-line {
  font-size: 1.5rem;
}
.mod_eventlist .layout_full p.info {
  font-family: noto-sans-display, sans-serif;
}
.mod_eventlist .layout_full .ce_text p {
  margin-top: 0;
}
/*



#fullscreenheader {
    //background-color: red;
    height: 100vh;

    .slick-slider {
      position: relative;
    }




    .slick-slide {
        position: relative;

        .ce_image.keyvisual {
            height: 100vh;
            //width: 100%;
            //top: 0;
            //left: 0;
            position: relative;
            z-index: -1;

            .image_container {
                height: 100%;

                img {
                    filter: brightness(65%);
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    transition: all 250ms ease-in-out;

                    // object-position: center center;
                    //background-color: black;
                    //background-blend-mode: multiply;
                    //mix-blend-mode: multiply;
                }
            }
        }
        &:hover {
          .ce_image.keyvisual {
            .image_container {
              img {
                filter: brightness(90%);
              }
            }
          }
        }


        .ce_image.title,
        .ce_text.title {
          max-width: 666px;
           4 position: absolute;
            z-index: 100;

            &.top-left {
                top: calc(4vh + 75px);
                left: 3vw;
            }

            &.top-center {
                top: calc(4vh + 75px);
                left: 50%;
                transform: translateX(-50%);
            }

            &.top-right {
                top: calc(4vh + 75px);
                right: 3vw;
            }

            &.center-left {
                top: 50%;
                transform: translateY(-50%);
                left: 3vw;
            }


            &.center-center {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            &.center-right {
                top: 50%;
                transform: translateY(-50%);
                right: 3vw;
            }

            &.bottom-left {
                left: 3vw;
                bottom: 8vh;
            }

            &.bottom-center {
                bottom: 8vh;
                left: 50%;
                transform: translateX(-50%);
            }

            &.bottom-right {
                bottom: 8vh;
                right: 3vw;
            }

        }

        .ce_text.title {
          text-align: center;
          color: white;
          h1{
            font-family: @condensed-font-family;
            font-size: 4em;
          }
          p {
            font-size: 1.25em;
            font-weight: 400;
          }
        }


    }
}
.cta_button {
  opacity: 85%;
  position: absolute;
  right: 3vw;
  top: 15vh;
  width: 275px;
  &:hover {opacity: 100%;}
}


#main {
  line-height: 1.65em;

   .mod_article:not(.fullwidth) > .inside {
   .centered;
}
.mod_article.wide > .inside {
  max-width: 1660px;
  width: 96%;
}
}


.fullscreenheader--action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 202;
  background-color: fade(#fff,75%);
  backdrop-filter: blur(5px);
  background-blend-mode: multiply;

  

  & > .inside {
    .centered;
    display: flex;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;

    .fullscreenheader--action--item {
      color: #121312;
      //color: white;
      //font-size: 16px;
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      grid-template-columns: 40px auto;
      padding: 15px;
      &:hover {
        //background-color: #eaeaea;
        backdrop-filter: blur(5px);

      }
      //background-color: red;
      }

      .item--icon {
        padding-right: 15px;
      //font-size: 24px;
      }

      .item--text {
        font-size: 16px;
      }

    }

  }







  .mod_article.kacheln {
    //> .inside {display: contents;}

   // display: grid;
   // grid-template-columns: 1fr 1fr 1fr;
   // gap: 25px;
  }




  .programm-kachel {

    .fullscreenheader--action {
      transition: opacity 250ms ease-in-out;
      opacity: 0;
      :hover& {
        opacity: 1;
      }
    }

  }

  .mod_article.kacheln {
    .slick-next, .slick-prev {
      height: 100%;
      width: 50px;
      z-index: 222;
      position: absolute;
      top: 0;
      //transform: translateY(-50%);
      background-color: fade(#fff,50%);
      backdrop-filter: blur(5px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transition: all 250ms ease-in-out;

      &:hover {
        background-color: fade(#fff,75%);
        backdrop-filter: blur(1px);

      }
    }
    .slick-next {
      right: 0;
    }
    .slick-prev {
      left: 0px;
    }

    .kachel-description {
      padding: 15px;
      background-color: #f0f0f0;

      h3 {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 0.25em;
      }
      p {
        font-size: 15px;
      }

    }
    .slick-slide {
      padding: 0 7.5px;
    }
  }





  */
a {
  color: inherit;
  transition: all ease-in-out 250ms;
  text-decoration: none;
}
.ce_text a {
  opacity: 85%;
}
.ce_text a:hover {
  opacity: 100%;
}
.nav_main {
  font-family: noto-sans-display, sans-serif;
  padding: 0 20px;
}
.nav_main ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav_main ul li strong,
.nav_main ul li a:hover {
  color: #09265e;
  font-weight: normal;
}
.nav_main ul.level_1 > li > a,
.nav_main ul.level_1 > li > strong {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
}
.nav_main ul.level_1 > li {
  margin: 5px 0;
}
.nav_main ul.level_2 > li > a,
.nav_main ul.level_2 > li > strong {
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}
.nav_main ul.level_2 {
  margin-bottom: 1em;
  margin-top: 0.5em;
  padding-left: 1em;
}
ul.menu,
.mod_navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.button-down {
  display: none;
  position: absolute;
  font-size: 1.25em;
  bottom: 0px;
  left: 50%;
  transform: translateX(-150%);
  color: white;
  opacity: 50%;
}
#footer .nav-main-footer,
#footer .nav-sub-footer {
  font-family: noto-sans-extracondensed, sans-serif;
  text-transform: uppercase;
}
#footer .nav-main-footer ul,
#footer .nav-sub-footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#footer .nav-main-footer ul li a,
#footer .nav-sub-footer ul li a,
#footer .nav-main-footer ul li strong,
#footer .nav-sub-footer ul li strong {
  padding: 5px 10px;
}
#footer .nav-main-footer {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
}
#footer .nav-sub-footer {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 13px;
}
.nav-main-footer,
.nav-sub-footer {
  font-weight: 200;
  text-transform: uppercase;
}
.nav-main-footer ul,
.nav-sub-footer ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.nav-main-footer ul li a,
.nav-sub-footer ul li a,
.nav-main-footer ul li strong,
.nav-sub-footer ul li strong {
  display: block;
  padding: 0.25em 0.5em;
}
.nav-main-footer {
  font-size: 15px;
}
.mm-menu_position-bottom.mm-menu_opened,
.mm-menu_position-front.mm-menu_opened,
.mm-menu_position-top.mm-menu_opened {
  z-index: 1001;
}
.mm-navbar {
  display: none;
}
.triggerlink {
  display: inline-block;
  background-color: white;
  padding: 0.25em 0.5em;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-size: 1rem;
  color: #666;
}
.triggerlink:hover {
  color: #272627;
  border-color: #272627;
}
@media screen and (min-width: 1024px) {
  #trigger-mobile {
    display: none;
  }
}
body.cabaret .level_2 li.cabaret a,
body.la-boheme .level_2 li.la-boheme a,
body.eutin-singt .level_2 li.eutin-singt a,
body.guten-tag-liebes-glueck .level_2 li.guten-tag-liebes-glueck a,
body.radio-doria .level_2 li.radio-doria a {
  color: #09265e;
}
.mod_mmenuHtml.menuleft {
  background-image: url("//foerderverein.eutiner-festspiele.de/files/content/images/logos/efs/efs-stage-icon-grey.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  background-attachment: fixed;
  width: 300px;
}
.mod_mmenuHtml.menuleft .leftbar {
  background-image: url("//foerderverein.eutiner-festspiele.de/files/content/images/logos/efs/efs-stage-icon-grey.svg");
  background-repeat: no-repeat;
  background-position: -300px top;
  background-size: contain;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
.mod_mmenuHtml.menuleft .leftbar .efs_logo_top {
  padding: 25px;
}
.mod_mmenuHtml.menuleft .leftbar .nav_main ul.level_1 > li {
  margin-top: 25px;
}
.mod_mmenuHtml.menuleft .leftbar .nav_main ul.level_1 > li ul.level_2 > li {
  margin-top: 15px;
}
.mod_mmenuHtml.menuleft .leftbar .linkbox {
  background-color: rgba(0, 0, 0, 0.075);
  padding: 15px;
  margin-top: 15px;
}
.mod_mmenuHtml.menuleft .leftbar .linkbox h4 {
  color: #272627;
  font-size: 20px;
  margin: 0 0 0.5em 0;
  font-weight: normal;
  text-transform: uppercase;
}
.mod_article.bg-gray {
  background-color: #f0f0f0;
}
.ce_text.flex {
  display: flex;
  width: 100%;
}
.ce_text.flex.float_left,
.ce_text.flex.float_right {
  float: none;
  clear: both;
  justify-content: space-between;
  align-items: stretch;
}
.ce_text.flex.float_left .text_container,
.ce_text.flex.float_right .text_container {
  width: calc(100% / 12 * 7);
}
.ce_text.flex.float_left .image_container,
.ce_text.flex.float_right .image_container {
  width: calc((100% / 12 * 5) - 1.5rem);
}
.ce_text.flex.float_left {
  flex-direction: row-reverse;
}
.ce_text.flex.float_right {
  flex-direction: row;
}
.ce_text.flex.float_right .text_container p {
  width: 100% !important;
}
.ce_text.flex.float_above,
.ce_text.flex.float_below {
  justify-content: flex-start;
  align-items: stretch;
}
.ce_text.flex.float_above {
  flex-direction: column-reverse;
}
.ce_text.flex.float_above.text_container {
  margin-top: 1.5rem;
}
.ce_text.flex.float_below {
  flex-direction: column;
}
.ce_text.flex.float_below.text_container {
  margin-bottom: 1.5rem;
}
.ce_text .text_container {
  padding: 0 1.5rem;
}
.ce_text .image_container .caption {
  font-family: noto-sans-display, sans-serif;
  background-color: #f5f5f5;
  padding: 7px 15px;
  font-size: 0.85em;
  line-height: 1.125em;
}
.ce_gallery ul {
  display: grid;
}
.ce_gallery ul.cols_1 {
  grid-template-columns: 1fr;
}
.ce_gallery ul.cols_2 {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.2rem;
}
.ce_gallery ul.cols_3 {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.1rem;
}
.ce_gallery ul.cols_4 {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}
.ce_gallery ul.cols_5 {
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0.9rem;
}
.ce_gallery ul.cols_6 {
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0.8rem;
}
.ce_gallery ul.cols_7 {
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 0.7rem;
}
.ce_gallery ul.cols_8 {
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 0.6rem;
}
.ce_gallery ul.cols_9 {
  grid-template-columns: repeat(9, 1fr);
  grid-gap: 0.5rem;
}
.ce_gallery ul.cols_10 {
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 0.4rem;
}
.ce_gallery ul.cols_11 {
  grid-template-columns: repeat(11, 1fr);
  grid-gap: 0.3rem;
}
.ce_gallery ul.cols_12 {
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0.2rem;
}
form.filterform .widget.widget-radio fieldset {
  border: none;
}
form.filterform .widget.widget-radio fieldset input[type="radio"] {
  visibility: hidden;
}
form.filterform .widget.widget-radio fieldset label {
  font-size: 0.9em;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.25em 1em;
  cursor: pointer;
  transition: all 250ms ease-in-out;
}
form.filterform .widget.widget-radio fieldset label:hover {
  border-color: #272627;
}
.ce_form.filter {
  background: none;
  background-color: transparent;
  padding: 0 !important;
  border-radius: 0;
}
.mod_eventlist h2 {
  line-height: 1.75em;
  font-size: 1.125em;
}
.mod_eventlist h2::first-line {
  font-size: 2.75rem;
}
.mod_eventlist h3 {
  text-align: center;
  line-height: 1.5em;
  font-size: 18px;
}
.mod_eventlist h3::first-line {
  font-size: 36px;
}
.mod_eventlist .layout_upcoming {
  display: grid;
  grid-gap: 5px;
  align-items: center;
}
.mod_eventlist .layout_upcoming.even {
  background-color: #f5f5f5;
}
.mod_eventlist .layout_upcoming.layout_upcoming_multi {
  grid-template-columns: 175px auto 150px 50px;
}
.mod_eventlist .layout_upcoming .schedule-datetime {
  display: block;
}
.mod_eventlist .layout_upcoming .schedule-datetime .schedule-time {
  display: inline-block;
  padding-left: 10px;
}
.mod_eventlist .layout_upcoming .schedule-title {
  display: block;
}
.mod_eventlist .layout_upcoming .schedule-location {
  display: block;
}
.mod_eventlist .layout_upcoming .schedule-more {
  display: block;
}
#main .ce_text p {
  font-weight: 400;
  line-height: 1.8em;
  max-width: 1140px;
  width: 90%;
}
@media screen and (max-width: 767px) {
  #main .ce_text p {
    width: 100%;
  }
}
h1 {
  font-size: 2.5rem;
  color: #09265e;
  font-weight: normal;
  line-height: 1.125em;
  margin-top: 1.5em;
  text-transform: uppercase;
  font-family: noto-sans-display, sans-serif;
}
h1 small {
  text-transform: none;
  font-size: 0.7em;
  color: #272627;
}
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 2rem;
  }
}
h2 {
  font-family: noto-sans-display, sans-serif;
  font-size: 24px;
  color: #09265e;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  h2 {
    font-size: 20px;
  }
}
h3 {
  font-family: noto-sans-display, sans-serif;
  font-size: 2em;
  color: #09265e;
  font-weight: 500;
  line-height: 1.125em;
  margin: 1em 0;
}
@media screen and (max-width: 1200px) {
  h3 {
    font-size: 1.75em;
  }
}
h4 {
  font-family: noto-sans-display, sans-serif;
  font-size: 1.125em;
  color: #09265e;
  font-weight: 700;
  line-height: 1.125em;
  margin: 1em 0;
}
h5 {
  font-family: noto-sans-display, sans-serif;
  font-size: 2em;
  color: #09265e;
  font-weight: 700;
  line-height: 1.125em;
  margin: 1em 0;
}
h6 {
  font-family: noto-sans-display, sans-serif;
  font-size: 2em;
  color: #09265e;
  font-weight: 700;
  line-height: 1.125em;
  margin: 1em 0;
}
p.big {
  font-size: 1.5em;
  text-transform: uppercase;
  font-family: noto-sans-display, sans-serif;
}
p.blue {
  color: #09265e;
}
.mod_listing.programm.startseite {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
}
@media screen and (max-width: 1280px) {
  .mod_listing.programm.startseite {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .mod_listing.programm.startseite {
    grid-template-columns: repeat(1, 1fr);
  }
}
.mod_listing.programm .efs_program_item {
  background-color: #f5f5f5;
}
.mod_listing.programm .efs_program_item .text_container {
  padding: 0 1.5em;
}
.mod_listing.programm .efs_program_item .text_container h2 {
  color: #272627;
}
.mod_listing.programm .efs_program_item .text_container h2::first-line {
  color: #09265e;
  text-transform: uppercase;
}
.programm-item-details .programm-item-container {
  display: grid;
  grid-template-columns: auto 375px;
}
@media screen and (max-width: 1280px) {
  .programm-item-details .programm-item-container {
    grid-template-columns: auto 300px;
  }
}
@media screen and (max-width: 1140px) {
  .programm-item-details .programm-item-container {
    grid-template-columns: auto;
  }
}
@media screen and (max-width: 1024px) {
  .programm-item-details .programm-item-container {
    grid-template-columns: auto 300px;
  }
}
@media screen and (max-width: 768px) {
  .programm-item-details .programm-item-container {
    grid-template-columns: auto;
  }
}
.programm-item-details .programm-item-container .programm-col-right {
  font-size: 14px;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1280px) {
  .programm-item-details .programm-item-container .programm-col-right {
    font-size: 13px;
    line-height: 1.65em;
  }
}
@media screen and (max-width: 1140px) {
  .programm-item-details .programm-item-container .programm-col-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .programm-item-details .programm-item-container .programm-col-right {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .programm-item-details .programm-item-container .programm-col-right {
    display: grid;
  }
}
@media screen and (max-width: 640px) {
  .programm-item-details .programm-item-container .programm-col-right {
    display: block;
  }
}
.programm-item-details .programm-item-container .programm-col-right > div {
  background-color: #f5f5f5;
  margin-top: 3rem;
  padding-top: 1.5em;
}
.programm-item-details .programm-item-container .programm-col-right h2 {
  margin-top: 0;
  font-family: noto-sans-display, sans-serif;
  font-size: 24px;
  color: #09265e;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .programm-item-details .programm-item-container .programm-col-right h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .programm-item-details .programm-item-container .programm-col-right h2 {
    font-size: 20px;
  }
}
.programm-item-details .programm-item-container .programm-col-right .schedulelist {
  font-size: 14px;
}
.programm-item-details .programm-item-container .programm-col-right .schedulelist h2 {
  padding-left: 1.5rem;
}
.programm-item-details .programm-item-container .programm-col-right .schedulelist .efs_schedule_item {
  padding: 10px 0;
}
@media screen and (max-width: 1280px) {
  .programm-item-details .programm-item-container .programm-col-right .schedulelist {
    font-size: 13px;
  }
}
.programm-item-details .programm-item-container .programm-col-right .schedulelist .date {
  font-size: unset;
}
.programm-item-details .programm-item-container .programm-col-right .programm-infobox {
  padding: 1.5rem;
}
.programm-item-details .programm-item-container .programm-item-maincontent .ce_text {
  padding-left: 1.5rem;
  padding-right: 1rem;
}
.ensemble-item-container .ce_text {
  padding: 0 1.5em;
}
.ensemble-item-container .ce_text em {
  opacity: 0.75;
}
.ensemble-item-container .ce_text em::before {
  content: " \201E";
}
.ensemble-item-container .ce_text em::after {
  content: "\201C";
}
.euf_overlay {
  z-index: 999;
}
.euf_overlay .euf_overlay__content {
  width: 96%;
  max-width: 860px;
}
.euf_overlay .euf_overlay__content .ce_text h1 {
  margin-top: 0;
}
.menuhint {
  background-color: #fdd835;
  padding: 0 1.5rem;
  font-size: 14px;
}
.menuhint a {
  font-size: 14px;
}