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}.media{display:flow-root}.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}.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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/*! 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;
}

/**
 * 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: 0;
  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;
}
/* josefin-slab-regular - latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: normal;
  src: url('../../files/private/fonts/josefin-slab-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Josefin Slab Regular'), local('JosefinSlab-Regular'),
       url('../../files/private/fonts/josefin-slab-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/josefin-slab-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/josefin-slab-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/josefin-slab-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/josefin-slab-v8-latin-regular.svg#JosefinSlab') format('svg'); /* Legacy iOS */
}
/* josefin-slab-600 - latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: bold;
  src: url('../../files/private/fonts/josefin-slab-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Josefin Slab SemiBold'), local('JosefinSlab-SemiBold'),
       url('../../files/private/fonts/josefin-slab-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/josefin-slab-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/josefin-slab-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/josefin-slab-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/josefin-slab-v8-latin-600.svg#JosefinSlab') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  src: url('../../files/private/fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../../files/private/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  src: url('../../files/private/fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../../files/private/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/private/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/private/fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/private/fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/private/fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}




/* ALLGEMEIN */
html {
	font-family: Josefin Slab;
	font-size: 19px;
	line-height: 1.3;
	overflow-x: hidden;
}

.inside {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}

a {
	color: #e13719;
	text-decoration: none;
}
a:hover {color: black;}
figure a {transition: 0.3s;}
figure a:hover {opacity: 0.8;}

.zentriert {text-align: center;}
.zentriert .mejs__video {margin: 0 auto;}
.error {color: red;}
.mejs__video,
.mejs__overlay-play,
.mejs__container * {max-width: calc(100vw - 30px);}
#cboxPrevious, #cboxNext {outline: 0;}

/* HEADER */
#header {height: 180px;}
#header .inside {position: unset;}

#logo {
	width: 500px;
	max-width: 90vw;
	margin-top: 25px;
	float: right;
}

/* Top-Menü, Footer-Menü */
.mod_customnav ul {padding: 0;}
.mod_customnav li {display: inline-block;  margin-right: 10px;}
.mod_customnav li a {color: black; text-decoration: none; font-family: Josefin Slab; text-transform: none;}
.mod_customnav li a:hover {color: #e13719;}
.mod_customnav li strong {font-weight: normal;}


/* Hauptmenü */

.mod_navigation {
	width: 100vw;
	height: 60px;
	position: absolute;
	left: 0;
	top: 120px;
	background: #e13719;
	overflow: visible;
}
.sticky {position: fixed; top: 0; z-index: 2;}

.menu-icon {display: none;}

.mod_navigation ul.level_1 {
	max-width: 1050px;
	margin: 0 auto;
	padding: 0 50px 0 0;
	font-size: 25px;
	text-align: right;
}
.mod_navigation li a {font-family: Josefin Slab; text-transform: none; font-size: 25px;}

.mod_navigation ul.level_1 > li {display: inline-block; vertical-align: top;}
.mod_navigation ul.level_1 > li.active,
.mod_navigation ul.level_1 > li.trail {color: white; background: #d98577;}

.mod_navigation ul.level_1 > li > a,
.mod_navigation ul.level_1 > li > strong {height: 44px; display: block; padding: 16px 16px 0;}
	
.mod_navigation ul.level_1 > li > a {color: white; text-decoration: none;}
.mod_navigation ul.level_1 > li > a:hover {color: #d98577;}
.mod_navigation ul.level_1 > li.trail > a:hover {color: #e13719;}
.mod_navigation ul.level_1 > li > strong {font-weight: normal;}

/* Hauptmenü Ebene 2*/
.mod_navigation ul.level_2 {
	display: none;
	width: 230px;
	max-height: calc(100vh - 100px);
	overflow-y: scroll;
	position: absolute;
	padding: 20px 20px 10px;
	text-align: left;
	background: white;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
	z-index: 2;
}
.mod_navigation .archiv ul.level_2 {width: 300px;}
.mod_navigation ul.level_1 > li:hover ul.level_2 {display: block;}
.mod_navigation ul.level_2 li {
	padding-bottom: 7px;
	line-height: 1em;
	list-style: none;
}
.mod_navigation ul.level_2 li a,
.mod_navigation ul.level_2 li strong {
	display: block;
	color: black;
	font-size: 18px;
}
.mod_navigation ul.level_2 li a:hover {color: #e13719;}



/* INHALT */

#container {min-height: calc(100vh - 300px); margin-top: 40px;}

h1 {text-align: center; font-size: 1.7em;}
h2 {font-family: Lato; font-size: 1.2em; text-transform: uppercase;}

.linie_unten {border-bottom: 2px solid black; margin-bottom: 30px; padding-bottom: 40px;}
.linie_oben  {border-top: 2px solid black;}
.clearfloat {clear: both;}

/* Stücke: Titelbild */
.titelbild img {width: 100%;}

/* graue Tabellen */
.grau table {width: 100%; background: #dddfe4;}
.grau th {text-align: left;}
.grau th, td {padding: 5px 10px; border-bottom: white 2px solid;}


/* Startseite */

.aktuell #container {margin-top: 0;}
.aktuell h2 {font-size: 1.5em;}
.aktuell a {
	font-family: Lato;
	font-size: 17px;
	text-transform: uppercase;
}
.aktuell a.klein {font-family: unset; font-size: unset; text-transform: none;}

.ce_sliderStart {position: relative;}
.slider-control {width: 100%; position: absolute; bottom: 40px;}
.slider-control .slider-prev,
.slider-control .slider-next {display: none;}
.slider-control .slider-menu b {font-size: 60px; color: white; opacity: 0.5;}
.slider-control .slider-menu b.active {color: white; opacity: 1;}

.rs-column {margin-right: 2%;}
.rs-column.-large-col-3-1 {width: 32%;}
.rs-column.-large-col-3-2 {width: 66%;}
.rs-column.-large-col-2-1 {width: 49%;}
.rs-column.-large-last {margin-right: 0;}

.neuigkeiten .rs-column {
    padding: 15px 0;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

/* Button Karten reservieren */
.vvk {float: right;}
.vvk a {display: block; padding: 6px 10px; color: white; background: #e13719; font-size: 15px;}
.vvk a:hover {background: #d98577;}

.ueber_uns {
	margin: 20px 0px;
	padding: 20px 0 40px;
	border-bottom: 2px solid black;
}
.ueber_uns h2 {margin-top: 0;}
.mitmachen p:nth-child(1) {margin-top: 0;}


/* Stücke */

.thumbliste {background: #dddfe4; padding: 20px 0;}
.thumbliste > * {margin: 0 15px;}
.thumbliste figure {width: 100%; float: left;}
.thumbliste figure figcaption {
	max-width: calc(100% - 52px);
	display: inline-block;
	margin: 9px 0 0 6px;
	vertical-align: top;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.thumbliste a {width: 100%; color: black;}
.thumbliste a:hover {color: #e13719;}
.thumbliste h3 {margin: 10px 0 3px 51px;}

.besetzung h2 {text-align: center;}
.besetzung table {width: 100%;}
.besetzung table td {padding-bottom: 5px; vertical-align: top;}
.besetzung table td:nth-child(1) {text-align: right;}
.besetzung table td:nth-child(2) {padding: 0 10px; text-align: center;}

.termine {padding-top: 40px;}
.termine table td {padding: 0px 3px;}
.termine table td:nth-child(2),
.termine table td:nth-child(3) {text-align: right;}


/* Formulare (Reservierung/Gästebuch/Newsletter) */

form {display: block;}
.widget-textarea textarea {border: 1px solid lightgrey;}
.radio_container > span {display: block;}

/* Reservierung */
.reservierung .ce_text {max-width: 700px; margin: 0 auto;}
.reservierung form {max-width: 700px; margin: 0 auto;}
.reservierung .widget {margin-bottom: 10px;}
.reservierung .widget-text input {width: 406px;}
.reservierung label {width: 140px; display: inline-block; vertical-align: top;}
.reservierung .radio_container legend {width: 150px; float: left; margin-bottom: 90px;}
.reservierung .radio_container label {width: unset;}


/* Gästebuch */
.gaestebuch form {max-width: 500px; margin: 0 auto 50px;}
.gaestebuch .widget-text {width: calc(50% - 4px); display: inline-block;}
.gaestebuch .widget-text input {width: calc(100% - 8px); padding: 3px;}
.gaestebuch .widget-textarea {margin: 10px 0;}
.gaestebuch .widget-textarea textarea {width: calc(100% - 6px); height: 150px; padding: 3px; }

/* Newsletter */
.mod_subscribe .widget-text,
.mod_newsletterUnsubscribeNotificationCenter .widget-text {display: inline-block;}
.mod_subscribe .widget-text input,
.mod_newsletterUnsubscribeNotificationCenter .widget-text input {height: 30px;}
.mod_subscribe .widget-submit,
.mod_newsletterUnsubscribeNotificationCenter .widget-submit {display: inline-block;}

button.submit {padding: 7px 12px; color: white; background: #e13719; border: none;}
button.submit:hover {background: #d98577;}

.gaestebuch h2 {float: left; margin: 0; padding-left: 15px;}
.gaestebuch .info {margin: 0; padding: 6px 8px 2px; text-align: right; background: #dddfe4;}
.gaestebuch .ce_text {clear: both; margin-bottom: 20px; padding: 6px 15px; border: 1px solid #dddfe4;}
.gaestebuch .ce_text p {margin: 0.6em 0;}

.pagination {text-align: center;}
.pagination li {display: inline-block;}
.pagination li .active {padding: 7px 12px; background: #dddfe4;}
.pagination li .link {padding: 7px 12px; color: white; background: #e13719;}
.pagination li .link:hover {background: #d98577;}



/* Mitwirkende */
.mitwirkende {width: 24.5%; display: inline-block; margin-bottom: 20px; text-align: center;}
.mitwirkende h3 {margin: 0;}
.mitwirkende figure {margin: 5px 20px 0 0;}


/* Presse-Übersicht */

.presse_uebersicht h2 a {
	height: 210px;
	width: calc(100% - 40px);
	position: absolute;
	display: block;
	font-size: 1em;
	color: black;
	/*background: rgba(0,200,0,0.5);*/
}
.presse_uebersicht h2 a:hover {color: #e13719;}

.presse_uebersicht .ce_gallery {margin-top: 70px;}
.presse_uebersicht .ce_gallery ul {max-height: 158px;}
.presse_uebersicht .caption {display: none;}

/* Presse-Detail */
.ce_gallery > ul.presse_detail {text-align: center;}
.ce_gallery > ul.presse_detail li {float: none; margin-bottom: 50px; padding-bottom: 40px; border-bottom: 2px solid black;}
.ce_gallery > ul.presse_detail li.row_last {border: none;}
/*.ce_gallery > ul.presse_detail .caption {text-align: left;}*/



/* Fotos: Alben-Übersicht & Stücke */

.gc-album-list {margin: 0; padding: 0; list-style: none;}
.gc-album-list-inner {display: grid; grid-template-columns: auto 1fr; grid-gap: 11px; align-items: center;}

.gc-album-list .gc-album-list-facts a {color: black;}
.gc-album-list .gc-album-list-facts a:hover {color: #e13719;}
.gc-album-list-date,
.gc-album-list-picture-count,
.gc-album-list-visitors {display: none;}


/* Fotos: Alben-Übersicht */
.fotos .gc-album-list .gc-level-1 {
    width: 32.7%;
    margin-bottom: 50px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.fotos .gc-album-list-inner {display: block;}

.fotos .gc-album-list .gc-album-list-figure {float: none;}
.fotos .gc-album-list .gc-album-list-facts {width: 100%; margin: 0;}

.gc-album-list .gc-album-list-facts h4 {margin: 0; font-weight: normal;}
.fotos .gc-album-list .gc-album-list-facts h4 {margin: 12px 0px; font-size: 23px;}

.fotos .gc-album-list-date {display: block;}


/* Fotos: Thumbnails */
.gc-album-detail-picture-list {margin: 0; padding: 0; list-style-type: none;}
.gc-album-detail-picture-list li {max-width: 13em; margin-right: 6px; float: left;}
.gc-album-detail-picture-list li.col_last {margin-right: 0;}


/* FOOTER */

#footer nav {
	border-top: 2px solid black;
}



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


/* DESKTOP SCHMAL */

@media (max-width:1250px) {

.mod_navigation ul.level_1 {
	padding-right: 6px;
}


} /* Ende Desktop schmal */




/* TABLET breit */

@media (max-width:800px) {

/*Allgemein*/
  h2 {font-size: 1.3em;}
  p {margin: 0.6em 0;}

/*Header*/
.mod_navigation {height: 50px;}
.mod_navigation ul.level_1 > li > a, .mod_navigation ul.level_1 > li > strong {height: 38px; padding: 12px 5px 0;}
.mod_navigation ul.level_1 > li > a,
.mod_navigation ul.level_1 > li > strong {font-size: 3.5vw;}


/*Inhalt*/

#container {margin-top: 0px;}

.aktuell h2 {margin: 0;}

.neuigkeiten .rs-column {border: none;}
.neuigkeiten figure {width: 40%; padding-right: 20px; float: left;}
.ce_gallery .presse_startseite li {float: none;}

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



} /* Ende Tablet breit */



/* TABLET schmal */

@media (max-width:599px) 
{
  html {font-size: 18px;}
   
  .rs-column.-large-col-2-1 {width: 100%;}
  .rs-column.-medium-first-row {margin-top: 2%;}
    
  .gaestebuch form {
  	margin: 0 0 40px;
  	max-width: unset;
  	width: calc(100% - 2px);
  }
  
  /*Fotos*/
  body.fotos .gallery_creator .list_albums .level_1 {width: 49%;}
  
} /* Ende Tablet schmal */



/* MOBILE */

@media (max-width:500px) {

html {font-size: 16px;}
.inside {padding: 0 15px;}

#header {height: unset;}
#header .inside {padding: 0;}

#logo {max-width: calc(100% - 30px); margin: 15px 15px 6px;; float: none;}

.menu-icon {
	width: 30px;
	height: 30px;
	right: 17px;
	top: 8px;
	display: block;
	position: absolute;
	background-image: url("../../files/private/img/menu_hamburger.png");
	background-size:30px 30px;
	color: rgba(1,179,72,.01);
	cursor: pointer;
}
.mod_navigation {width: 100%; height: unset; min-height: 45px; position: relative; top: unset; font-size: 20px; margin: 0; overflow: hidden;}
.mod_navigation ul.level_1 {display: none; width: 97vw; padding-bottom: 20px;}
.mod_navigation ul.level_1 > li {display: block; margin-left: 4vw; text-align: center;}
.mod_navigation ul.level_1 > li > a {font-size: 18px;}
.mod_navigation ul.level_1 > li > strong {font-size: 18px; font-weight: bold;}
.mod_navigation ul.level_1 > li.active,
.mod_navigation ul.level_1 > li.trail {font-weight: bold; background: none;}
.mod_navigation ul.level_1 > li:hover ul.level_2 {display: none;}


h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
.aktuell h2 {margin-bottom: -3px;}
.neuigkeiten figure {width: 35%; padding-top: 8px;}

.reservierung .radio_container legend {width: 60px;}
.reservierung label {display: unset;}
.reservierung .widget-text input {width: calc(100% - 10px);}
.widget-textarea textarea {width: calc(100% - 7px);}

} /* Ende Mobile */