body,form,figure{margin:0;padding:0}img{border:0}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,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.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:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
  vertical-align: bottom;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/private/fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/private/fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/private/fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/private/fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/private/fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/private/fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* exo-300 - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/private/fonts/exo-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/private/fonts/exo-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/exo-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/exo-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/exo-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/exo-v12-latin-300.svg#Exo') format('svg'); /* Legacy iOS */
}
/* exo-regular - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/private/fonts/exo-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/private/fonts/exo-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/exo-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/exo-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/exo-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/exo-v12-latin-regular.svg#Exo') format('svg'); /* Legacy iOS */
}



/* ALLGEMEIN */

html {
	font-family: 'Open Sans';
	font-size: 17px;
	font-weight: 300;
	line-height: 1.5;
	color: white;
	background: #2a2a5e;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

a {color: #75c0e6; text-decoration: none;}
a:hover {color: white;}
a:active, a:focus {outline: none;}

h1, h2 {margin-top: 0; font-family: 'Exo'; font-size: 1.5em; font-weight: normal;}
h1 {text-align: center;}
iframe {border: 0;}
.block {overflow: visible;}
.block.ce_vimeo {overflow: hidden;}

.link_gross {font-weight: 400; text-align: right;}
.no_padding {padding: 0 !important;}
.abstand_oben {margin-top: 1em;}
.abstand_unten {margin-bottom: 1em;}
.abstand_oben_gr {margin-top: 2em;}
.abstand_unten_gr {margin-bottom: 2em;}

.abstand_oben_0 {margin-top: 0;}
.abstand_oben,
.abstand_oben_1 {margin-top: 1em;}
.abstand_oben_2 {margin-top: 2em;}
.abstand_oben_3 {margin-top: 3em;}
.abstand_oben_4 {margin-top: 4em;}

.abstand_unten_0 {margin-bottom: 0;}
.abstand_unten,
.abstand_unten_1 {margin-bottom: 1em;}
.abstand_unten_2 {margin-bottom: 2em;}
.abstand_unten_3 {margin-bottom: 3em;}
.abstand_unten_4 {margin-bottom: 4em;}

.linie_unten {border-bottom: 1px solid;}

.hinweis {margin-top: -2em; text-align: center;}
.hinweis p {text-align: center; border-radius: 1em; background: #da243d88; display: inline-block; padding: 0 0.6em 0 0.4em;}
.hinweis p:before {
	content: "";
	display: inline-block;
	width: 1em; height: 1em;
	margin: 0 5px 3px 0;
	vertical-align: middle;
	background: url("../../files/private/img/info.svg") no-repeat;
    background-size: 1em;
}


/* Parallax-Hintergrund */
.parallax {
	perspective: 1px;
	height: 118vh;
	overflow-x: hidden;
	overflow-y: auto;
	scroll-behavior: smooth;
	perspective-origin: bottom;
}
.parallax > div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#background {
	transform: translateZ(-1px) scale(2);
	height: 200%;
	display: block;
	background: url("../../files/private/img/artwork.jpg");
	background-size: 100vw;
	background-size: cover;

}

/* damit HG im FF bei First Load nicht vertikal abgeschnitten wird */
@-moz-document url-prefix() {
	#background {
		animation-name: example;
		animation-duration: 0.1s;
	}
	@keyframes example {
		from {width: 100vw;}
		to {width: 100vw;}
	}
}




#wrapper {transform: translateZ(0);}



/**** HEADER ****/

#header {margin-top: 1.5em;}
#header .inside {
	display: grid;
	grid-template-columns: [links] 200px [mitte] 1fr [rechts];
	margin-left: 5em;
}



/* Navigation */

.menu-icon {display: none;}
.mod_navigation {
	padding: 2.7em 5em 0 0;
	text-align: right; 
	background: url("../../files/private/img/logo_nrmf_linie.svg") repeat-x;
	background-size: auto 92px;
}
.mod_navigation ul {margin: 0; padding: 0;}
.mod_navigation .level_1 > li > a,
.mod_navigation .level_1 > li > strong {font-family: 'Exo'; font-weight: 400; text-transform: uppercase;}
.mod_navigation .level_1 > li {position: relative; display: inline-block; padding: 0.5em 0.7em;}
.mod_navigation li.active {color: #75c0e6;}
.mod_navigation strong {font-weight: normal; white-space: nowrap;}
.mod_navigation li a {color: white;}
.mod_navigation li a:hover {color: #75c0e6;}
.mod_navigation li a.submenu {pointer-events: none;}

.mod_navigation ul.level_2 {display: none; position: absolute; right: 0.6em; margin-top: 0.5em; z-index: 1;}
.mod_navigation .level_1 > li:hover ul.level_2,
.mod_navigation .angeklickt .level_2 {display: block;}

.mod_navigation .level_2 {background: rgba(42,42,94,0.8);}
.mod_navigation .level_2 li {display: block; margin: 0.5em 1em;}
.mod_navigation .level_2 li a,
.mod_navigation .level_2 li span {white-space: nowrap;}
.mod_navigation .level_2 li.trail a {color: #75c0e6;}
.mod_navigation .level_2 li.trail a:hover {color: white;}

#back-button {display: block; position: absolute; top: -1.5em; z-index: 2;}
.back-unten {margin-top: 2em;}
.zurueck {float: left; z-index: 2; position: relative;}
.zurueck:hover img {opacity: 0.5;}
.zurueck img {width: 1em;}

/**** INHALT ****/

#container, #footer {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 2em;
    clear: both;
}
#main {min-height: calc(100vh - 12em);}
.ce_text {clear: both;}


/* halbtransparente Hintergründe*/

.hg_transparent, .hg_weiss, .hg_blau, .hg_schwarz, .hg_deckweiss {
	position: relative;
    margin: 3rem 0;
    padding: 4rem 0;
}
.hg_weiss,
.hg_deckweiss {color: black;}
.hg_weiss a,
.hg_deckweiss a {color: #275ba7;}
.hg_weiss a:hover,
.hg_deckweiss a:hover {color: black;}

.hg_weiss::before,
.hg_blau::before,
.hg_schwarz::before,
.hg_deckweiss::before {
    content: "";
    height: 100%;
    width: 100vw;
    position: absolute;
    top: 0;
    left: calc(500px - 50vw);
    background: rgba(255,255,255,0.9);
    z-index: -1;
}
.hg_blau::before {background: rgba(42,42,94,0.8);}
.hg_schwarz::before {background: rgba(0,0,0,0.8);}
.hg_deckweiss::before {background: white;}

/* Hintergründe-Besonderheiten */
.hg_transparent.ce_headline {padding: 0; text-align: center;}


/* Text zweispaltig */
.zweispaltig {columns: 2; column-gap: 2.5em; column-width: 300px;}
.zweispaltig h1,
.zweispaltig h2 {column-span: all;}
.zweispaltig p:first-of-type {margin-top: 0;}
.zweispaltig p:last-of-type {margin-bottom: 0;}


/* Spalten */
.rs-columns {display: flex; flex-wrap: wrap; justify-content: space-between;}
.rs-columns .rs-column {}

.rs-column.-large-col-1-1 {width: 100%;}
.rs-column.-large-col-2-1 {width: 48%;}
.rs-column.-large-col-3-2 {width: 64%;}
.rs-column.-large-col-3-1 {width: 32%;}


/* Bilder */
figure.float_left {margin-right: 3em;}
figure.float_right {margin-left: 3em;}
.portrait {border-radius: 90px; margin-top: -1.5em;}
figcaption {font-size: 0.75em; text-align: right;}
.no-figcaption figcaption {display: none;}

/* Bildergalerie */
#cboxPrevious, #cboxNext {outline: 0;}
.ce_gallery ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.ce_gallery li {margin-bottom: 2em;}
.ce_gallery a {transition: 0.2s;}
.ce_gallery a:hover {filter: grayscale(0.8);}

/* Slider */
.content-slider img {width: 100%;}
.slider-control {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
}
.slider-control .slider-prev,
.slider-control .slider-next {
    top: calc(50% - 20px);
    height: 40px;
    font-size: 0;
}
.slider-control .slider-prev {left: -60px;}
.slider-control .slider-next {right: -60px;}

.slider-control .slider-prev::before {
    content: url('../../files/private/img/pfeil_links_weiss.svg');
}
.slider-control .slider-next::before {
    content: url('../../files/private/img/pfeil_rechts_weiss.svg');
    display: block;
}

.slider-control .slider-menu {top: unset; bottom: 0;}


/* Teaser */
.ce_rsce_teaser a {display: block; position: relative; color: white;}
.ce_rsce_teaser h2 {
	width: calc(100% - 0.6em);
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 1em 0.3em 0.1em;
	background-image: linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
}
.ce_rsce_teaser h2:after {
	content: '';
	float: right;
	width: 16px;
	height: 40px;
	background: url("../../files/private/img/pfeil_rechts_weiss.svg") no-repeat 0 30%;
	background-size: 12px;
	transition: 0.3s;
}
.ce_rsce_teaser a:hover h2:after {background-position-x: 70%;}

.ce_rsce_teaser .text {padding: 0 0.4em;}

.ce_rsce_teaser a img {filter: hue-rotate(170deg) sepia(0.3) hue-rotate(-170deg); transition: 0.2s;}
.ce_rsce_teaser a:hover img {filter: none;}
.ce_rsce_teaser figcaption {display: none;}

/* Formulare */
form {max-width: 400px; margin: 0 auto;}
form fieldset > div:first-child {margin-top: 12px;}
form .checkbox_container.datenschutz {font-size: 0.8em;}
form .widget-text {margin-bottom: 4px;}
form .widget-text.plz {width: 30%; float: left;}
form .widget-text.ort {width: 69%; float: right;}
form .widget-text.email {margin: 12px 0 8px;}
form input.text {width: calc(100% - 12px); padding: 6px; border: none; color: black;}
form .widget-submit {margin-top: 8px;}
form select {color: black;}
button {width: 100%;}
button, .button {
	display: inline-block;
	border: none;
	padding: 6px;
	color: white;
	background: #275ba7;
	transition: 0.3s;
}
button:hover,
.button:hover {background: #75c0e6;}
#colorbox button {transition: none;}

/* Veranstaltungen: Liste */

.mod_mae_event_filter {text-align: center;}
.mod_mae_event_filter li {display: inline-block; margin: 0 3px 1em;}
.mod_mae_event_filter li a {padding: 6px 18px; color: white; background: #275ba7; transition: 0.3s;}
.mod_mae_event_filter li a:hover,
.mod_mae_event_filter li.active a {background: #75c0e6;}
.mod_mae_event_filter li.all {font-weight: 600;}
.mod_mae_event_filter li.classica {font-style: italic; /*display: block; margin-right: 4em;*/}

.ce_text.cat_teaser {display: none;}
.ce_text.cat_teaser.visible {display: block;}

.mod_eventlist.dieses_jahr h2 {display: none;}
.mod_eventlist figcaption {display: none;}
.mod_eventlist .event {margin-bottom: 10px;}

.event .bild {position: relative;}
.event .bild .text-auf-bild {position: absolute; bottom: 0; width: 100%; padding: 0.2em 0; text-align: center; font-size: 0.8em; font-weight: bold; background: linear-gradient(0deg,#0009 0%, #0000 100%);}
.mod_eventlist .event .bild {width: 150px; height: 100px; float: left; margin: 0.5em 1em 0 0;}



.event .text {display: grid; grid-template-columns: minmax(0, 1fr);}
.event .text a.kasten {display: block; min-height: 84px; padding: 8px; color: white; transition: 0.3s;}
.event .text a.kasten:hover {background: rgba(39,91,167,0.8);}

.event .text.mit_ticket {grid-template-columns: minmax(0, 1fr) 2em; gap: 0.5em;}
.event .text .ticketUrl {color: white; background: #275ba7; transition: 0.3s;}
.event .text .ticketUrl:hover {background: #75c0e6;}
.event .text .ticketUrl div {transform: rotate(-90deg); margin: 3.3em 0 0;}
.event .text .ticketUrl div.anmeldung {margin-top: 4.3em;}

.event .categories {font-size: 0.8em; font-weight: bold; text-transform: uppercase; color: #75c0e6;}
.event .categories .zusatz {font-weight: normal; text-transform: none;}

.event .text .uhrzeit,
.event .text .location,
.event .text .address {float: right;}
.event .text .address_mobile {display: none;}
.event .text .location {margin-top: 0.2em;}
.event .text h3 {margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.event .text .untertitel {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.event .text a.kasten:hover h3 {text-decoration: underline;}
.event .text p {margin: 0;}

/* vergangene ausgrauen */
.mod_eventlist.dieses_jahr .bygone img {filter: grayscale(0.9); transition: 0.5s;}
.mod_eventlist.dieses_jahr .bygone:hover img {filter: grayscale(0);}
.mod_eventlist.dieses_jahr .bygone .text a.kasten {color: #a6a6bb;}

/* Veranstaltungen: Details */

.mod_eventreader .categories {margin-top: 3em; text-align: center;}
.mod_eventreader h1 {margin: 0.5rem 0 1rem;}
.mod_eventreader .untertitel {text-align: center;}
.mod_eventreader .karten {margin: 1em 0;}

.mod_eventreader .tickets-link {color: #75c0e6; cursor: pointer;}
.mod_eventreader .tickets-link:hover {color: white;}

.mod_eventreader .tickets-link::before {
	content: '';
	float: right;
	width: 7px;
	height: 16px;
	margin: 5px 0 0 7px;
	background: url("../../files/private/img/pfeil_rechts_weiss.svg") no-repeat 0 30%;
    background-size: 7px;
    transition: 0.3s;
}
.mod_eventreader .tickets-link:hover::before,
.mod_eventreader #tickets-wrapper.visible .tickets-link::before {rotate: 90deg;}

.mod_eventreader #tickets-info {
	max-height: 0;
	position: absolute;
	right: 0;
	margin-top: 1em;
	padding: 0 1.5em;
	overflow: hidden;
	color: black;
	background: white;
	z-index: 2;
	transition: 2s;
}
.mod_eventreader #tickets-wrapper.visible #tickets-info {
	max-height: 2000px;
	padding: 1em 1.5em;
	box-shadow: 0 0 12px #2a2a5e;
}
.mod_eventreader #tickets-info .close {float: right; cursor: pointer;}
.mod_eventreader #tickets-info a,
.mod_eventreader #tickets-info .close {color: #275ba7;}
.mod_eventreader #tickets-info a:hover,
.mod_eventreader #tickets-info .close:hover {color: black;}

.kleingedruckt {font-size: 0.8em; border-top: 1px solid #275ba7;}

.mod_eventreader .classica {text-align: center;}

.mod_eventreader .ce_metamodel_content .back-unten {display: none;}

/*
.va_bild {margin-top: 2em;}
.va_bild figure {height: 50vh; min-height: 400px; text-align: center; background: rgba(0,0,0,0.8);}
.va_bild img {max-height: 100%; width: auto;}
*/

.infoleiste {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2rem 0;
}

.hauptinfos {
	display: grid;
	grid-template-columns: [links] 1fr [mitte] 330px [rechts];
    gap: 1.5em;
}
.hauptinfos .details {padding: 1em 2em; color: black; background: rgba(255,255,255,0.9)}
.hauptinfos .details a {color: #275ba7;}
.hauptinfos .details a:hover {color: black;}
.hauptinfos .kuenstler {margin-bottom: 1.5em; padding: 1em 1em 1em 2em; background: rgba(42,42,94,0.8);}

.hauptinfos .ce_metamodel_content {margin-top: 2em;}
.hauptinfos .ce_metamodel_content h2 {font-family: 'Open Sans'; font-size: 1em; font-weight: bold;}



/* Künstler */
.mod_faqlist h1 {padding: 4rem 0;}
.mod_faqlist ul {display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0;}
.mod_faqlist li {width: calc(50% - 1em); margin-bottom: 1em; list-style: none;}
.mod_faqlist a {display: grid; grid-template-columns: [links] 150px [mitte] 1fr [rechts];
    gap: 1.5em; align-items: center; padding: 10px; background: rgba(42,42,94,0.8); transition: 0.5s;}
.mod_faqlist a:hover {background: rgba(42,42,94,1);}
.mod_faqlist picture {margin-right: 1em; min-height: 133px;}
.mod_faqlist picture .portrait {margin-top: 0;}
.mod_faqlist .platzhalter {height: 116px;}
.mod_faqlist .name {font-weight: bold;}


.kuenstler_detail #back-button {top: 0; margin-top: 2em;}

.mod_faqreader .header {padding: 4rem 0 1rem; text-align: center;}
.mod_faqreader .ce_text > div {width: calc(50% - 3em); display: inline-block;}
.mod_faqreader .ce_text .text {padding: 0.5em 2em; background: rgba(42,42,94,0.8);}
.mod_faqreader .ce_text .bild {float: right;}

/* Orte/Spielstätten */
#orte_teaser .rs-column:nth-child(1n+4) {margin-top: 1.3em;}

#orte_teaser h2 {font-size: 1.3rem;}
#orte_teaser .ce_rsce_teaser h2::after {height: 36px;}


/* Team */
.team figcaption {text-align: center; font-size: 0.6rem;}


/* Cookie Consent Tool */
.ncoi---behind {height: 85%;}
.ncoi---behind .ncoi---container .ncoi---actions .ncoi---action.ncoi---link-primary button {background: #275ba7;}
.ncoi---behind .ncoi---container .ncoi---actions .ncoi---action.ncoi---link-primary button:hover {background: #2a2a5e;}

#footer .mod_cookieOptInRevoke {margin-left: 1em; float: right;}



/***** DIGITALER KONZERTSAAL *****/

/*Startseite Digisaal */

.ansicht {margin-top: 2em;}
.ansicht a {position: absolute; right: 0; top: 0;}
.ansicht a img {width: 1.7em; margin-right: 0.6em;}
.ansicht a:hover img {filter: brightness(2);}

.digihome {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2em; text-align: center; max-width: 43em; margin: 0 auto;}
.digihome .tile {max-width: 13em;}
.digihome .tile a {display: block; padding: 1.5em 0.2em 0.5em; color: white; background: #4b92ca;}
.digihome .tile a:hover {background: #75c0e6;}
.digihome .tile img {width: 76px; height: 76px;}
.digihome .tile h2 {margin-bottom: 0;}
.digihome .tile p {font-size: 0.9em;}

a.stoerer_rund {
	position: absolute;
	top: 0; left: 2em;
	height: 8em;
	width: 8em;
	text-align: center;
	font-family: 'Exo';
	border-radius: 4em;
	color: #275ba7;
	background: white;
	transform: rotate(-7deg);
	transition: 0.5s;
}
a.stoerer_rund:hover {background: #ffffffdd; transform: rotate(0deg);}
.stoerer_rund .header {font-weight: bold; text-transform: uppercase; margin-top: 1em;}
.stoerer_rund .pfeil {font-size: 1.2em;}


/* Listen und Detailansichten */
.digilist {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2.5em;
	font-size: 0.9em;
}
.event.layout_full .digilist {grid-template-columns: 1fr 1fr;}

.digilist .bild {position: relative; color: white; font-family: 'Exo'; font-weight: bold;}
.digilist a:hover picture img {filter: brightness(1.2);}
.digilist .header {
	width: calc(100% - 0.8em);
	height: 5em;
	padding: 0 0.4em 0.6em ;
	position: absolute;
	bottom: 0;
	display: grid;
	grid-template-columns: 2em 1fr;
	gap: 0.5em;
	align-items: end;
	background-image: linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
}
.digilist .icon {float: left;}
.digilist .icon img {width: 2em;}
.digilist .title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.digisaal .text {
	display: flex;
	flex-wrap: wrap;
	padding: 0.4em 0.8em 0.6em;
	color: black;
	background: white;
}
.digilist a:hover .text {background: #75c0e6;}
.digilist .teaser {height: 3.4em; overflow: hidden;}
.digisaal .info {font-size: 0.8em;}
.digisaal .info span {margin-right: 1em; display: inline-block;}

.ce_metamodels_frontendfilter form {max-width: 600px;}
.ce_metamodels_frontendfilter .checkbox_container span {display: inline-block; margin-right: 0.6em;}


.digidetail h2 {border-bottom: 1px solid white;}
.digidetail .inhalt {display: grid; grid-template-columns: 1fr 1fr; gap: 1em 2em;}
.digidetail .text {padding: 0.8em 1em;}
.digidetail .teaser {font-size: 1.1em;}
.digidetail .info {margin: 1em 0 1.5em;}
.digidetail .meta {align-self: end; width: 100%; columns: 2; color: #275ba7; font-size: 0.8em;}
.digidetail .meta a {color: #275ba7;}
.digidetail .meta a:hover {color: #75c0e6;}
.digidetail .meta .entry {display: grid; grid-template-columns: 1.7em 1fr; align-content: first baseline; gap: 0.5em; margin-bottom: 0.5em;}
.digidetail .meta .artists span,
.digidetail .meta .concert span {display: block;}

/* Detail: Video */
.digidetail .inhalt.video .video_container {grid-column: 1 / 3;}


/* Detail: Podcast */
.digidetail .inhalt.podcast {grid-template-rows: 40px 1fr; row-gap: 0.5em;}
.digidetail .inhalt.podcast .rechts {grid-row: 1 / 3; grid-column: 2 / 3;}
.digidetail audio {width: 100%;}

/* Detail: PDF */
.digidetail .inhalt.pdf .buch {grid-column: 1 / 3;}

/* Detail: Fotoalbum */
.digidetail .inhalt.photos .album {
	grid-column: 1 / 3;
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: space-between;
}

/* Pagination */
.pagination {text-align: center;}
.pagination li {display: inline-block; color: black;}
.pagination li strong,
.pagination li a {background: white; min-width: 1.5em; height: 1.5em; display: block; font-weight: bold;}
.pagination li a:hover {background-color: #75c0e6;}
.pagination li a.previous,
.pagination li a.next {background: none; font-weight: normal;}


/* CDs */
.cds {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
	gap: 2em 1em;
}
.cds .bild {margin-bottom: 0.5em;}

.cd img {
	padding-left: 1.2em;
	background: #111;
	box-shadow: 0 0 10px #0003;
	transition: 0.5s;
}
.cd a:hover img {transform: rotate(-2deg);}

.cd h3 {margin: 0.3em 0;}


/* Digisaal-Medien NRMF-Startseite */

.index .ce_metamodel_content {position: relative;}
.index .ce_metamodel_content h3 {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0.5em;
	width: calc(100% - 1em);
	height: 4em;
	font-size: 0.8em;
	text-align: right;
	text-transform: uppercase;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	z-index: 1;
}
.index .digilist {display: block;}


/**** FOOTER ****/

#footer {text-align: right;}
#footer ul {padding: 0;}
#footer li {display: inline-block; margin-left: 1em;}
#footer li.active {color: #75c0e6;}
#footer strong {font-weight: normal;}
#footer a {color: white;}
#footer a:hover {color: #75c0e6;}






/*********** RESPONSIV ***********/
/*********** RESPONSIV ***********/
/*********** RESPONSIV ***********/
/*********** RESPONSIV ***********/



/*********** DESKTOP ***********/
@media (max-width:1200px) {

#header .inside {margin-left: 1.1em;}
.mod_navigation {padding-right: 1.5em;}


} /* Ende Desktop */



/*********** DESKTOP schmal ***********/
@media (max-width:1070px) {

.hg_weiss::before, .hg_blau::before, .hg_schwarz::before, .hg_deckweiss::before {left: -2em;}

.digilist .text {font-size: 0.9em;}

} /* Ende Desktop schmal */




/*********** TABLET breit ***********/
@media (max-width:900px) {

html {font-size: 16px;}
#header .inside {grid-template-columns: [links] 160px [mitte] 1fr [rechts];}
.mod_navigation {background-size: auto 74px;}
.mod_navigation .level_1 > li {padding: 0.5em 0.4em; font-size: 0.95em;}

.digilist {gap: 1em;}
.digisaal .info span {margin-right: 0.5em;}

} /* Ende Tablet breit */




/*********** TABLET schmal ***********/
@media (max-width:750px) {

html {font-size: 15px;}
#container, #footer {padding: 0 1em; clear: both;}
.hg_weiss::before, .hg_blau::before, .hg_schwarz::before {left: -1em;}

#header {margin-top: 0.5em;}
#header .inside {display: block; margin-left: 0;}
.logo {width: 175px; margin: 0 auto;}
.mod_navigation {padding: 0; text-align: center; background: none;}

figure.float_right {max-width: 50%; margin-left: 2em;}
figure.float_left {max-width: 50%; margin-right: 2em;}

.rs-column.-medium-col-2-1 {width: 48%;}
.rs-column.-medium-col-1-1 {width: 100%;}

.hg_transparent, .hg_weiss, .hg_blau, .hg_schwarz, .hg_deckweiss {margin: 2rem 0; padding: 2.5rem 0;}

.ce_rsce_teaser {display: grid; grid-template-columns: [links] 3fr [mitte] 4fr [rechts]; gap: 3vw; margin-bottom: 1em;}
.ce_rsce_teaser a {margin-top: 1em;}

.mod_eventlist .event .bild {width: 135px;}
.event.layout_full .digilist {grid-template-columns: 1fr;}

.infoleiste .location .name {display: block;}

.hauptinfos {grid-template-columns: [links] 3fr [mitte] 2fr [rechts]; gap: 1em;}
.hauptinfos .details {padding: 1em;}
.hauptinfos .kuenstler {padding: 1em;}

.mod_faqlist li {width: 100%;}
.portrait {width: 150px;}

.mod_faqreader .ce_text {display: flex; flex-direction: column-reverse;}
.mod_faqreader .ce_text .text {width: unset; padding: 2em 1em 1em;}
.mod_faqreader .ce_text .bild {width: unset; float: none; text-align: center; background: rgba(0,0,0,0.5);}
.mod_faqreader .ce_text .bild img {max-height: 500px; width: auto;}
.mod_faqreader .ce_text .bild figcaption {position: absolute; right: 0.5em;}

#orte_teaser .ce_rsce_teaser {display: block;}
#orte_teaser .rs-column.-medium-col-2-1 {max-width: 322px;}
#orte_teaser .rs-column:nth-child(n+4) {margin-top: 0;}

.digihome {gap: 2em 1em;}
a.stoerer_rund {font-size: 0.9em;}

.cds {grid-template-columns: 1fr 1fr;}

} /* Ende Tablet schmal */




/*********** MOBIL 1 ***********/
@media (max-width:550px) {

.logo {margin: 0.5em 0 0 0.5em;}
#hauptmenu ul.level_1 {
	display: none;
	position: absolute;
	min-width: 10em;
	top: 4em;
	right: 0;
	padding: 1em;
	font-size: 1.3em;
	text-align: right;
	background: rgba(42,42,94,0.9);
	z-index: 1;
}
#hauptmenu li {display: block; padding-bottom: 2px;}
#hauptmenu li.active, .mod_navigation li.trail {color: white; border-bottom: none; border: none;}

#hauptmenu .menu-icon {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	right: 22px;
	font-family: Times New Roman;
	font-size: 3em;
	color: white;
	cursor: pointer;
	z-index: 3;
}
.mod_navigation ul.level_2 {display: block; position: relative; right: 0; max-height: 0; overflow: hidden; transition: 1s;}

.mod_navigation .level_1 > li:hover ul.level_2,
.mod_navigation .angeklickt .level_2 {
    max-height: 200px;
}

#back-button {position: relative; top: 0; margin: 0 0 -1em;}



#container {padding: 0 1em;}
.hg_weiss::before, .hg_blau::before, .hg_schwarz::before {left: -1em;}

.rs-column.-small-col-1-1 {width: 100%;}

.mod_eventlist .event {margin-bottom: 30px;}
.mod_eventlist .event .bild {width: unset; margin: 0.5em 0.5em 0; float: none; text-align: center; background: rgba(0,0,0,0.5);}
.event .text {display: block !important;}
.event .text .location {float: none;}
.event .text .address_mobile {display: inline-block;}
.event .text .address {display: none;}

.event .text.mit_ticket {position: relative;}
.event .text.mit_ticket .categories {padding: 0.5em 0;}
.event .text.mit_ticket .ticketUrl {position: absolute; top: 0; right: 0;}

.event .text .ticketUrl {margin: 0.5em 0.5em 0 0; padding: 2px 17px; float: right;}
.event .text .ticketUrl div,
.event .text .ticketUrl div.anmeldung {transform: none; margin: 0;}

.infoleiste .spalte:nth-child(2) {order: 3; width: 100%;}

.hauptinfos {display: block;}

figure.float_right { margin-left: 1.5em;}
figure.float_left {margin-right: 1.5em;}

.portrait {width: 120px; margin: 0.5em 0 2em;}

.digilist {grid-template-columns: 1fr 1fr;}
a.stoerer_rund {left: -2em;}

} /* Ende Mobil 1 */



/*********** MOBIL 2 ***********/
@media (max-width:500px) {

.ce_rsce_teaser {display: block; margin-bottom: 3em;}
.ce_rsce_teaser img {width: 100vw;}

.digihome {gap: 1em;}
.digihome .tile a {height: calc(100% - 2em);}
.digihome .tile img {width: 45px; height: 45px;}
.digisaal .info span {margin-right: 0.2em;}

.cds {grid-template-columns: 1fr;}

} /* Ende Mobil 2 */



/*********** MOBIL 3 ***********/
@media (max-width:340px) {


} /* Ende Mobil 3 */