/* cmsms stylesheet: GM Normalize modified: Mittwoch, 19. Oktober 2022 14:59:58 */
/*! 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: 1em 40px;
}

/**
 * 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: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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;
}
/* cmsms stylesheet: GM Fonts modified: Mittwoch, 19. Oktober 2022 14:59:58 */
@font-face {
  font-family: "Bell Gothic";
  src: url('/uploads/template/2E8FE6_0_0.eot');
  src: url('/uploads/template/2E8FE6_0_0.eot?#iefix') format('embedded-opentype'),
       url('/uploads/template/2E8FE6_0_0.woff2') format('woff2'),
       url('/uploads/template/2E8FE6_0_0.woff') format('woff'),
       url('/uploads/template/2E8FE6_0_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Bell Gothic";
  src: url('/uploads/template/2E8FE6_3_0.eot');
  src: url('/uploads/template/2E8FE6_3_0.eot?#iefix') format('embedded-opentype'),
       url('/uploads/template/2E8FE6_3_0.woff2') format('woff2'),
       url('/uploads/template/2E8FE6_3_0.woff') format('woff'),
       url('/uploads/template/2E8FE6_3_0.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Bell Gothic";
  src: url('/uploads/template/2E8FE6_3_0.eot');
  src: url('/uploads/template/2E8FE6_3_0.eot?#iefix') format('embedded-opentype'),
       url('/uploads/template/2E8FE6_3_0.woff2') format('woff2'),
       url('/uploads/template/2E8FE6_3_0.woff') format('woff'),
       url('/uploads/template/2E8FE6_3_0.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Sabon';
  src: url('/uploads/template/SabonLTPro-BoldItalic.eot?#iefix');
  src: url('/uploads/template/SabonLTPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('/uploads/template/SabonLTPro-BoldItalic.otf')  format('opentype'),
       url('/uploads/template/SabonLTPro-BoldItalic.woff') format('woff'),
       url('/uploads/template/SabonLTPro-BoldItalic.ttf')  format('truetype'),
       url('/uploads/template/SabonLTPro-BoldItalic.svg#SabonLTPro-BoldItalic') format('svg');
  font-weight: bold;
  font-style: normal;  
}

@font-face {
  font-family: "Sabon";
  src: url('/uploads/template/2E8FE6_1_0.eot');
  src: url('/uploads/template/2E8FE6_1_0.eot?#iefix') format('embedded-opentype'),
       url('/uploads/template/2E8FE6_1_0.woff2') format('woff2'),
       url('/uploads/template/2E8FE6_1_0.woff') format('woff'),
       url('/uploads/template/2E8FE6_1_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "Letrista";
  src: url('/uploads/template/2E8FE6_2_0.eot');
  src: url('/uploads/template/2E8FE6_2_0.eot?#iefix') format('embedded-opentype'),
       url('/uploads/template/2E8FE6_2_0.woff2') format('woff2'),
       url('/uploads/template/2E8FE6_2_0.woff') format('woff'),
       url('/uploads/template/2E8FE6_2_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Letrista";
  src: url('/uploads/template/2EBECF_0_0.eot');
  src: url('/uploads/template/2EBECF_0_0.eot?#iefix') format('embedded-opentype'),
       url('/uploads/template/2EBECF_0_0.woff2') format('woff2'),
       url('/uploads/template/2EBECF_0_0.woff') format('woff'),
       url('/uploads/template/2EBECF_0_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* cmsms stylesheet: GM Style modified: Donnerstag, 8. Mai 2025 12:39:09 */
/* allgemeine Styles und Textauszeichnung */

/* Grid-Definition */

#wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
}

#wrapper section {
  float: left;
  position: relative;
  overflow: hidden;  
}

.onlymobile {
  display: none;
}

/* Fonts  */

body {
	font-family: "Bell Gothic";
	font-size: 49px;
        background-color: #000000;
-moz-font-feature-settings:"salt" 1;
-moz-font-feature-settings:"salt=1";
-ms-font-feature-settings:"salt" 1;
-o-font-feature-settings:"salt" 1;
-webkit-font-feature-settings:"salt" 1;
font-feature-settings:"salt" 1;
}

#wrapper section h1 {
	display: block;
	font-family: "Bell Gothic";
	font-size: 49px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;	
	line-height: 1em;	
	text-decoration: none;
}

#wrapper section h2 {
  font-family: Sabon;
  font-size: 56px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  line-height: 1em; 
  text-decoration: none; 
}

#wrapper section h3 {
	font-family: Letrista;
	font-size: 28px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
}

#wrapper section h4 {
	font-family: Sabon;
	font-size: 22px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#wrapper section:hover h4 {
	text-decoration: underline;
}

#wrapper section h5 {
	font-family: "Bell Gothic";
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-decoration: none;	
}

#wrapper section h6 {
	font-family: "Bell Gothic";
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	text-decoration: none;
	display: block;
	padding-left: 1em;
	padding-right: 1em;
}

#wrapper section a.icon {
	display: inline-block;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-image: url(/uploads/template/sprite_3columns_70x70.png);
	overflow: hidden;
	text-indent: -1000px;
}

#wrapper section a.icon.dark {
	background-position: -70px 0px;
}

#wrapper section a.icon.light {
	background-position: 0px 0px;
}

#wrapper section .iwrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

/* Header */

header {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 80px;
	z-index: 65535;
	transition: height 1s;	
}

header #header_wrap {
	width: 100%;
	max-width: 960px;
	background-color: #ffcd00;
	height: 80px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

header #nav_button {
  display: none;
}

header a#logo {
	display: block;
	font-size: 20px;
	text-indent: -999px;
	width: 205px;
	height: 38px;
	background: transparent url(/uploads/template/logo.png) center center no-repeat;
	position: absolute;
	top: 22px;
	left: 22px;
	float: left;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 250dpi) {
  header a#logo {
    background: transparent url(/uploads/template/logo_hdpi.png) center center no-repeat !important;
    background-size: contain !important;
  }
}

header nav ul#mainnav {
	position: absolute;
	right: 150px;
	top: 28px;	
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 20px;	
}

header nav ul#mainnav li, header nav ul#langnav li {
	display: inline-block;	
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0.8em;	
}

header nav ul#mainnav li a, header nav ul#langnav li a {	
	color: #191919;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
        font-weight: bold;
}

header nav ul#mainnav li a.active, header nav ul#langnav li a.active {	
	border-bottom: 3px solid #191919;
}

header nav ul#langnav {
	position: absolute;
	top: 28px;
	right: 18px;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	list-style-type: none;
        font-weight: bold;
}

header nav ul#langnav li a {
  color: #808080;
}

header nav ul#langnav li span {	
        font-weight: bold;
}

/* Textseiten */

.sub_nav {
	background-color: #ffcd00;
	height: 50px;
	display: block;
	clear: both;
	font-size: 18px;
	padding: 0px;
        font-weight: bold;
}

.sub_nav ul {
	list-style-type: none;
}

.sub_nav ul li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 49%;
	text-align: center;
	height: 50px;	
}

.sub_nav ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-top: 15px;
	color: #191919;
	text-decoration: none;
	opacity: 0.5;	
}

.sub_nav ul li a:hover {
	opacity: 1.0;
}

.sub_nav ul li span {
	color: #191919;
}

section.text_content {
	font-size: 16px;
	font-family: "Bell Gothic";
	background-color: #fafae6;
	color: #191919;
	padding-bottom: 5%;
	padding-top: 5%;	
        width: 100% !important;
}

section.text_content h1 {
	font-size: 18px !important;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 0.1em !important;
	margin-left: 8% !important;
	margin-right: 8% !important;	
}

section.text_content p {
	line-height: 1.4em;
	margin-top: 0px;
	margin-left: 8%;
	margin-right: 8%;
}

section.text_content a, section h6 a {
	color: inherit;
	text-decoration: underline;
}

section.text_content a:hover, section h6 a:hover {
	text-decoration: none;
}

/* Footer */

footer {
	clear: both;
	background-color: #ffcd00;	
	width: 100%;
	padding-top: 60px;
	padding-bottom: 120px;
}

footer h3 {
	font-size: 25px;	
	margin-top: 0px;
	margin-bottom: 0px;
	color: #191919;
}

footer .footercol {	
	float: left;
	font-size: 14px;
	text-align: center;	
}

footer ul.footer_nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 2.4em;
	margin-top: 0.8em;
}

footer ul.footer_nav li {
	margin: 0px;
	padding: 0px;
}

footer ul.footer_nav a {
	color: #191919;
	text-decoration: underline;
}

footer .footercol.newsletter span {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

footer .input_wrapper {
	display: block;
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 3em;	
}

footer .input_wrapper label {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	text-align: center;
	font-size: 17px;
	padding-top: 10px;
}

footer .input_wrapper input {
	position: absolute;
	top: 0px;	
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0.5;
	border-style: none;
	background-color: #ffe57f;
}

footer .input_wrapper input:focus {
	opacity: 1.0;
}

footer .footercol.newsletter a.submit {
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(/uploads/template/sprite_3columns_70x70.png);
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
	background-position: 0px -234px;
	margin-top: 1em;	
}

footer .footercol.newsletter a.submit:hover {
	background-position: -70px -234px;
}

footer #sharer {
	margin-top: 1em;
}

footer #sharer a {
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(/uploads/template/sprite_3columns_70x70.png);
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

footer #sharer a.facebook {
	background-position: 0px -304px;
}

footer #sharer a.facebook:hover {
	background-position: -70px -304px;
}

footer #sharer a.twitter {
	background-position: 0px -374px;
}

footer #sharer a.twitter:hover {
	background-position: -70px -374px;
}

footer #sharer a.youtube {
	background-position: 0px -444px;
}

footer #sharer a.youtube:hover {
	background-position: -70px -444px;
}

footer a#mfz {
  background-image: url(/uploads/template/MFZ_Logo.png);
  background-position: center center;
  background-size: contain;
  display: block;
  width: 180px;
  height: 180px;
  max-width: 100%;  
  text-indent: -999em;
  margin-left: auto;
  margin-right: auto;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 250dpi) {
  footer #sharer a,
  #wrapper section a.icon,
footer .footercol.newsletter a.submit,
#nav_buttons a.button_back,
#nav_buttons a.button_up,
span.closebutton,
section input[type=submit],
section button.submit,
#reservation_pane button,
section input[type=submit]:hover,
section button.submit:hover,
header #nav_button,
ul.mfz_results li a,
ul#fc_mpager div.button_back,
ul#fc_mpager div.button_forward,
#zeltplan_left span,
#zeltplan_right span,
#reservation_pane a.button span.icon {
     background-image: url(/uploads/template/sprite_hdpi_3columns_70x70.png) !important;
     background-size: 210px 700px !important;
  }


footer a#mfz {
  background-image: url(/uploads/template/MFZ_Logo@2x.png);
}

}

footer #footerlogo {
	display: inline-block;
	width: 205px;
	height: 38px;
	background: transparent url(/uploads/template/logo.png) center center no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 250dpi) {
  footer #footerlogo {
    background: transparent url(/uploads/template/logo_hdpi.png) center center no-repeat !important;
    background-size: contain !important;
  }
}

#fc_sect {
  background-color: #FFFFFF;
}

/* Nav-Buttons */

div#nav_buttons {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 46px;
	height: 46px;
	text-align: right;
	opacity: 0.7;
        display: none;        
}

div#nav_buttons:hover {
	opacity: 1.0;
}

#nav_buttons a.button_back {
	float: left;
	display: none;
	width: 46px;
	height: 46px;	
        overflow: hidden;
        text-indent: -999px;
        background: url(/uploads/template/sprite_3columns_70x70.png) -70px -164px no-repeat;
}

#nav_buttons a.button_up {
	float: right;
	display: block;
	width: 46px;
	height: 46px;
	margin-left: 4px;
	overflow: hidden;
        text-indent: -999px;
        background: url(/uploads/template/sprite_3columns_70x70.png) -70px -94px no-repeat;
}

span.closebutton {
       display: block;
       width: 27px;
       height: 27px;
       overflow: hidden;
       text-indent: -999px;
       background: url(/uploads/template/sprite_3columns_70x70.png) -137px -676px no-repeat;
       cursor: pointer;
       position: absolute;
       right: 27px;
       top: 27px;
}

/* Formulare */

section label {
  font-family: "Bell Gothic";
  font-weight: normal;
  font-size: 16px;
  display: block;
  margin-bottom: 0.5em;
}

section input[type=text], section input[type=email], section input[type=tel], section input[type=date], section select {
  background-color: #FFFFFF;
  border: 1px solid #909090;
  font-size: 16px;
  display: block;
  text-align: center;
  width: 50%;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}

section input[type=submit], section button.submit, #reservation_pane button {  
	display: inline-block;
	width: 46px;
	height: 46px;
        font-size: 1px;
	margin-left: 4px;
	overflow: hidden;
        text-indent: -999px;
        border-style: none;
        margin-left: auto;
        margin-right: auto;
        background: url(/uploads/template/sprite_3columns_70x70.png) 0px -234px no-repeat;       
}

#reservation_pane button.yellow {
  width: auto !important;
  text-indent: 0px;
  background: #ffcd00;
  font-size: 12pt;
  font-weight: bold;
}  

section input[type=submit]:hover, section button.submit:hover {
  background: url(/uploads/template/sprite_3columns_70x70.png) -140px -234px no-repeat;
}

section textarea {
  background-color: #FFFFFF;
  border: 1px solid #909090;
  font-size: 16px;
  display: block;
  text-align: left;
  width: 50%;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  margin-bottom: 1.5em;
  height: 80px;
}

  /* Desktop */

  /* Font-Größenanpassung */
  



  
@media (min-width: 960px) {
 
  #wrapper {
    max-width: 1440px;
  }
  
  #wrapper .width25 {
    /* Widget 25% */
    width: 25%;
    padding-bottom: 50%;
  }
  
  #wrapper .width50 {
    /* Widget 50% */
    width: 50%;
    padding-bottom: 50%;
  }
  
  #wrapper .width75 {
    /* Widget 75% */
    width: 75%;
    padding-bottom: 50%;
  }
  
  #wrapper .width100 {
    /* Widget 100% */
    width: 100%;
    padding-bottom: 50%;
  }
  
  #wrapper .width33 {
    /* Widget 33% */
    width: 33.3%;
    padding-bottom: 50%;
  }
  
  #wrapper .width66 {
    /* Widget 66% */
    width: 66.7%;
    padding-bottom: 50%;
  }
  
  footer .footercol {
    width: 25%;
  }  
}

@media (min-width: 640px) and (max-width: 959px) {
  /* Tablet hoch */
  
  section label {
    font-size: 14px !important;
    margin-bottom: 0.2em;
  }

  section input[type=text], section input[type=email], section input[type=tel], section input[type=date], section select {
    font-size: 14px !important;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
  }

  section textarea {
    font-size: 14px !important;
    height: 40px;
  }

  .notablet {
    display: none;
  }
  
  
  #wrapper {
    margin-top: 80px;
  }
  
  header nav ul#mainnav, header nav ul#langnav {
    font-size: 17px;
  }
  
  header nav ul#mainnav {
    right: 120px;
  }
  
  #wrapper .width25 {
    /* Widget 25% */
    width: 50%;
    padding-bottom: 50%;
  }
  
  #wrapper .width25.of2 {
    /* Widget 25%, in einer Reihe mit einem 75%-Element */
    width: 50%;
    padding-bottom: 50%;
  }
  
  #wrapper .width50.of3 {
    /* Widget 50%, in einer Reihe mit zwei 25%-Elementen */
    width: 100%;
    padding-bottom: 50%;
  }
  
  #wrapper .width50.of2 {
    /* Widget 50%, in einer Reihe mit einem anderen 50%-Element */
    width: 50%;
    padding-bottom: 50%;
  }  
  
  #wrapper .width75 {
    /* Widget 75% */
    width: 50%;
    padding-bottom: 50%;
  }
  
  #wrapper .width100 {
    /* Widget 100% */
    width: 100%;
    padding-bottom: 50%;
  }
  
  #wrapper .width33.of2 {
    /* Widget 33%, erg�nzt durch ein 66%-Element */
    width: 50%;
    padding-bottom: 50%;
  }
  
  #wrapper .width33.of3 {
    /* Widget 33%, die ersten beiden in Reihe von 3 */
    width: 50%;
    padding-bottom: 50%;
  }
  
  #wrapper .width33.module3.of3 {
    /* Widget 33%, letztes in Reihe von 3 */
    width: 100%;
    padding-bottom: 50%;
  }
  
  #wrapper .width66 {
    /* Widget 66% */
    width: 50%;
    padding-bottom: 50%;
  }
  
  footer .footercol {
    width: 50%;
    height: 400px;
  }
    
}

@media (max-width: 639px) {  
  /* Mobile */  
  
  #wrapper section h1, #wrapper section h2,  #wrapper section h3, #wrapper section h4, #wrapper section h5 {
    margin-left: auto !important;
    margin-right: auto !important;
  }

#wrapper section h6 {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;  
}

  .notablet, .nomobile {
    display: none;
  }

  .onlymobile {
    display: block;
  }

  header.expanded {
    transition: height 1s;
    height: 320px;
    background-color: #ffcd00;
  }
  
  header.expanded nav {
    display: block;       
  }
  
  header.expanded #header_wrap {
    height: 100%;
  }
  
  header.expanded nav ul#mainnav {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 80px;
    font-size: 30px;
  }
  
  header.expanded nav ul#mainnav li {
    display: block;
    text-align: center;
    margin-bottom: 0.5em;
  }
  
  header.expanded nav ul#langnav {
    position: absolute;
    top: 260px;
    left: 0px;
    right: 0px;    
    font-size: 30px;
  }
  
  header.expanded nav ul#langnav li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 48%;
  }
  
  header.expanded nav ul#langnav li:first-child {
    text-align: right;
  }
  
  header.expanded nav ul#langnav li:first-child a {
    display: inline-block;
    margin-right: 0.5em;
  }
  
  header nav {
    display: none;
  }
  
  header #nav_button {
    display: block;
    position: absolute;
    right: 22px;
    top: 18px;
    width: 42px;
    height: 42px;
    background-image: url(/uploads/template/sprite_3columns_70x70.png);
    background-position: 0px -666px;
    background-repeat: no-repeat;
  }
  
  header #nav_button.active {    
    background-position: -70px -666px;    
  }
  
  #wrapper {
    margin-top: 80px;
  }
  
  #wrapper section {
    width: 100%;
    height: 520px;
  }
  
  #wrapper section.text_content {
    height: auto;
  }
  
  #wrapper section h1 {
    /* font-size: 42px; */
    display: block;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #wrapper section h2 {
    /* font-size: 42px; */
    display: block;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #wrapper section h3 {
    /* font-size: 28px; */
    width: 320px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  #wrapper section h4 {
    /* font-size: 30px; */
    width: 320px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  #wrapper section h5 {
    /* font-size: 17px; */
    display: block;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #wrapper section h6 {
    /* font-size: 20px; */
    display: block;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  
  footer .footercol {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
  
  /* Elemente */
  
  #wrapper section div.image {
    height: 260px;
    background-size: auto 100%;
  }
  
  #wrapper section div.icon {
    height: 108px;
    background-size: auto 100%;
  }
  
  #wrapper .tplF .vc_wrapper {
	position: absolute;
	top: 260px;
	height: 260px;
	width: 100%; 	
	display: table;  
  }
  
  #wrapper .tplC img {
    width: 200px !important;
    height: auto;
  }

  section.tplA1 .vert_center, section.tplA2 .vert_center {
    padding: 0px !important;
  }

  
  
  /* iPhone */

  @media (max-width: 320px) {
    #wrapper section h1,
    #wrapper section h2,
    #wrapper section h3,
    #wrapper section h4,
    #wrapper section h5,
    #wrapper section h6 {
       width: 280px !important;
    }
  } 
 
}

/* MFZ-Styles */

ul.mfz_results {
  display: block;  
  margin: 0px;
  padding: 0px;
  text-align: center;  
}

ul.mfz_results li {
  display: inline-block;  
  margin-left: 5px;
  margin-right: 5px;
  width: 240px;
  font-size: 20px;
  overflow: hidden;
  border: 1px solid #ffcd00;
  background-color: #FFFFFF;
  height: 360px;
  margin-top: 5px;
  margin-bottom: 5px;
}

ul.mfz_results li .title {
  display: block;
  text-align: center;
  background-color: #ffcd00;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: bold;
}

ul.mfz_results li .pers {
  display: block;
  text-align: center;
  color: #808080;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  font-weight: bold;
  font-size: 30px;
}

ul.mfz_results li .cat {
  display: block;
  text-align: center;
  color: #191919;  
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  font-weight: normal;
  font-size: 16px;
  height: 2.2em;
}

ul.mfz_results li .price {
  display: block;
  text-align: center;
  color: #191919;  
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  font-weight: normal;
  font-size: 20px;
}

ul.mfz_results li a {
  display: inline-block;
  text-indent: -999px;
  overflow: hidden;
  background-image: url(/uploads/template/sprite_3columns_70x70.png);
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  background-position: 0px -234px;
  margin-top: 1em;
}

#mfz_contact .tplA2 {
  background-color: #FFFFFF;
}

#mfz_contact h6.quote {
  font-family: "Sabon";
}

span.error {
  color: #FF0000;
  display: block;
  text-align: center;
  font-size: 15px;
}

/* Reservierung */

#fc_overview {
  width: 100%;
  font-size: 16px;
  margin: 0px !important;
}

#fc_overview th {
  background-color: #000000;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 2px solid #000000;
  border-left: 2px solid #ffffff;
}

#fc_overview th.wristband {
  border-left: none;
  text-align: left;
  padding-left: 1em;
}

#fc_overview td.header {
  background-color: #FFFFFF;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  padding-top: 1em;
  height: 10em;
  vertical-align: top;
  text-align: left;
  padding-left: 1em;
}

/*

#fc_overview tr.Fr td.header, #fc_overview tr.Sa td.header {
  background-color: #fafae6;
}

*/

#fc_overview tr.Sa td {
  background-color: #FFE063;
}

#fc_overview tr.Sa.evening td {
  background-color: #FFD400;
}

#fc_overview td.header .date {
  color: #000000;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0.5em;
  display: inline-block;
}

#fc_overview td.cat {
  background-color: #ffffff;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
}

#fc_overview td.cat.available {
  cursor: pointer;
}

#fc_overview td.empty {
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  background-color: #F0F0F0;
}

#fc_overview td.cat span {
  display: block;
}

#fc_overview td.cat span.book {
  margin-top: 1em;
  font-weight: bold;
}

#fc_overview td.cat.sold {
  color: #999999;
}

#fc_overview td.available span.book {
  color: #009b00;
}

#fc_overview td.available.low span.book {
  color: #d78719;
}

@media (min-width: 640px) and (max-width: 959px) {
  #fc_overview {
    font-size: 12px;
  }
  #fc_overview td.header .date {
    font-size: 16px;
  }
}

/* Reservierung mobile */

ul#fc_mpager {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul#fc_mpager li.sheet {
  display: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}

ul#fc_mpager li.sheet.active {
  display: block;
}

ul#fc_mpager table {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
}

ul#fc_mpager li.sheet th {
  background-color: #ffe682;
  font-size: 16px;
  position: relative;
  height: 64px;
  font-weight: normal;
}

ul#fc_mpager li.sheet th .date {
  font-weight: bold;
  display: block;
  font-size: 18px;
}

ul#fc_mpager div.button_back {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 46px;
  height: 46px;
  overflow: hidden;
  background: url(/uploads/template/sprite_3columns_70x70.png) -70px -164px no-repeat;
}

ul#fc_mpager div.button_forward {
  position: absolute;
  right: 9px;
  top: 9px;
  width: 46px;
  height: 46px;
  overflow: hidden;
  background: url(/uploads/template/sprite_3columns_70x70.png) 0px -234px no-repeat;
}

ul#fc_mpager td.header {
  font-size: 12px;
  font-weight: bold;
  border-right: 1px solid #ffcd00;
  border-bottom: 1px solid #ffcd00;
  width: 40%;
}

ul#fc_mpager td.mcat {
  font-size: 12px;
  font-weight: normal;
  border-right: 1px solid #ffcd00;
  border-bottom: 1px solid #ffcd00;
  background-color: #fafae6;
}

ul#fc_mpager td.mcat.sold {
  color: #999999;
}

ul#fc_mpager td.empty {
  border-right: 1px solid #ffcd00;
  border-bottom: 1px solid #ffcd00;
  background-color: #F0F0F0;
}

ul#fc_mpager td.mcat span {
  display: block;
}

ul#fc_mpager td.mcat span.book {
  font-weight: bold;
  margin-top: 0.3em;
}

ul#fc_mpager td.mcat.available span.book {
  color: #009b00;
}

ul#fc_mpager td.mcat.available.low span.book {
  color: #d78719;
}

#fc_overlay {
  font-size: 18px;
  padding: 0px !important;
  margin: 0px !important;  
}

#fc_sect {
  min-height: 360px;
  padding: 0px !important;  
}

#reservation_nav_span {
  background-color: #ffcd00;
  display: block;
  font-size: 18px;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}

#reservation_nav_span ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 90%;
  margin-left: auto;
  margin-right: auto;  
}

#reservation_nav_span ul li {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  width: 16%;
  opacity: 0.5;
}

#reservation_nav_span ul li.active {
  color: #191919;
  opacity: 1.0;
}

#reservation_nav_span ul li a {
  text-decoration: none;
  color: inherit;
}

#reservation_pane {
  margin-top: 1em;
  margin-bottom: 1em;
}

#reservation_loader {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #808080 url(/uploads/template/ajax-loader.gif) center center no-repeat;
  opacity: 0.6;
  display: none;
  z-index: 65535;
}

#reservation_pane h2 {
  font-family: "Bell Gothic" !important;
  font-weight: bold !important;
  font-size: 2em !important;
  margin-bottom: 0.5em !important;
}

#reservation_pane ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#reservation_pane #fc_price {
  font-weight: bold;
}

#reservation_pane #fc_price_expl, #reservation_pane .explanation {
  font-family: "Sabon";
  font-size: 0.8em;
}

#reservation_sidebar {
  display: none;
}

#reservation_pane .pos_table {
  display: block;
  text-align: left;
  width: 50%;
  min-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

#reservation_pane .pos_table .header {
  font-weight: bold;
  display: inline-block;
}

#reservation_pane .pos_table .cell {
  display: inline-block;
}

#reservation_pane .pos_table .quantity {
  width: 15%;
}

#reservation_pane .pos_table .position {
  width: 40%;
}

#reservation_pane .pos_table .single {
  width: 22%;
  text-align: right;
}

#reservation_pane .pos_table .total {
  width: 23%;
  text-align: right;
}

#reservation_pane .pos_table .postotal {
  width: 77%;
}

#reservation_pane a {
  color: inherit;
  text-decoration: underline;
}

#reservation_pane a:hover {
  text-decoration: none;
}

#reservation_wrapper input.nicecheck {
	display: none;
}

#reservation_wrapper input.nicecheck+span.nicecheck {	
	display: inline-block;
	width: 20px;
	height: 20px;	
    border: 1px solid #191919;
    border-radius: 10px;
    position: relative;
    top: 4px;     
}

#reservation_wrapper input.nicecheck:checked+span.nicecheck {	
	background-color: #ffcd00;    
}

#reservation_wrapper input.required, #reservation_wrapper select.required {
	background-color: #ffeca9 !important;
}

#reservation_wrapper label.checklabel {
	width: auto !important;
	font-size: 1em !important;
	overflow: hidden;
}

#reservation_wrapper #zeltplan_wrapper {
    width: 960px;
    height: 400px;
    position: relative;
    margin-top: 1em;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding: 0px !important;
}


#reservation_wrapper #zeltplan {
    width: 960px;
    height: 400px;
    position: relative;
    left: 0px;
}

#reservation_wrapper .legend {
  display: block;
  font-weight: bold;
  margin-bottom: 0.8em;
}

#reservation_wrapper div.legend_cell {
  display: inline-block;
  width: 180px;
}

#reservation_wrapper .legend_cell div.table {
  margin-left: auto;
  margin-right: auto;
}

#reservation_wrapper .bottom_bar {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
}

#reservation_wrapper #bottom_nav {
  clear: both;
}

#reservation_wrapper #bottom_persons, #reservation_wrapper #bottom_price {
  display: block;
  float: left;
  width: 240px;
  height: 6em;
}

#reservation_wrapper #bottom_persons span, #reservation_wrapper #bottom_price span {
  display: block;
}

#reservation_wrapper #fc_persons, #reservation_wrapper #fc_price {
  font-weight: bold;
  font-size: 40px;
}

#reservation_wrapper #fc_price_notice {
  font-family: "Sabon";
  font-size: 12px;
}

#zeltplan_left, #zeltplan_right {
  display: none;
}


/* Tische */

#reservation_wrapper div.table {
	position: absolute;
	border: 1px solid #808080;
	font-size: 7pt;
	display: none;
}

#reservation_wrapper div.table.occupied {
	border: 1px solid #C0C0C0;
	cursor: default;
}

#reservation_wrapper div.table.vacant {
	border: 1px solid #404040;
	background-color: #ffd300;
	cursor: pointer;
}

#reservation_wrapper div.table.selected {
	border: 1px solid #404040;
	background-color: #ff4040;
	cursor: pointer;
}

#reservation_wrapper div.table span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 7pt;
	margin-top: -4pt;
	width: 20px;
	margin-left: -10px;
	text-align: center;
	color: #404040;
font-family: "Sabon";
}

#reservation_wrapper div.table.occupied span {
	color: #C0C0C0;
}

#reservation_wrapper .shape {
	position: absolute;
}

#reservation_wrapper .label {
	position: absolute;
	color: #404040;
	font-size: 14px;
	text-align: center;
	padding-top: 4px;
        font-family: "Sabon";	
}

@media (min-width: 640px) and (max-width: 959px) {
   #fc_overlay {
     font-size: 14px;  
   }
  
   #reservation_nav_span {
     font-size: 14px;
   }

   #reservation_wrapper input.nicecheck+span.nicecheck {	
	display: inline-block;
	width: 16px;
	height: 16px;	
    border: 1px solid #191919;
    border-radius: 8px;
    position: relative;
    top: 3px;  
  }

    #zeltplan_outer {
      width: 638px;
      padding: 0px !important;
      margin: 0px !important;      
      margin-left: auto !important;
      margin-right: auto !important;
    }

    #zeltplan_wrapper {
      display: inline-block;
      width: 480px !important;
      margin-left: 0px !important;
      margin-right: 0px !important;
    }

   #zeltplan_left, #zeltplan_right {
     display: inline-block;     
     height: 450px;
     width: 64px;
     position: relative;
   }

  #zeltplan_left span, #zeltplan_right span {
    display: block;
    background-image: url(/uploads/template/sprite_3columns_70x70.png);
    background-repeat: no-repeat;
    width: 46px;
    height: 46px;    
    position: absolute;
  }

  #zeltplan_left span {
    background-position: -70px -164px;
    left: 0px;
    top: 202px;
  }

  #zeltplan_right span {
    background-position: 0px -234px;
    right: 0px;
    top: 202px;
  }


}

@media (max-width: 639px) {
  #reservation_pane {
    background-color: #FFFFFF !important;
  }
  
  #reservation_pane h2 {
    font-size: 16px !important;
  }
  #fc_sect {
    min-height: 520px !important;
    height: auto !important;
    background-color: #FFFFFF !important;
  }
  .pos_table {    
    width: 300px !important;
    min-width: 300px !important;
    font-size: 14px;
    background-color: #FFFFFF !important;
  }

  #reservation_pane .pos_table .single {
    display: none !important;
  }

  #reservation_pane .pos_table .quantity {
  width: 20%;
  }

#reservation_pane .pos_table .position {
  width: 50%;
}

#reservation_pane .pos_table .total {
  width: 30%;
  text-align: right;
}

#reservation_pane .pos_table .postotal {
  width: 70%;
}

  #zeltplan_outer {
      display: block;
      width: 360px;
      padding: 0px !important;
      margin: 0px !important;      
      margin-left: auto !important;
      margin-right: auto !important;
    }

    #zeltplan_wrapper {
      display: inline-block;
      width: 240px !important;
      margin-left: 0px !important;
      margin-right: 0px !important;
    }

   #zeltplan_left, #zeltplan_right {
     display: inline-block;     
     height: 450px;
     width: 46px;
     position: relative;
   }

  #zeltplan_left span, #zeltplan_right span {
    display: block;
    background-image: url(/uploads/template/sprite_3columns_70x70.png);
    background-repeat: no-repeat;
    width: 46px;
    height: 46px;    
    position: absolute;
  }

  #zeltplan_left span {
    background-position: -70px -164px;
    left: 0px;
    top: 202px;
  }

  #zeltplan_right span {
    background-position: 0px -234px;
    right: 0px;
    top: 202px;
  }

  @media (max-width: 360px) {

    #zeltplan_outer {
      width: 100% !important;
    }

    #zeltplan_left {
      width: 23px !important;
    }

    #zeltplan_left span, #zeltplan_right span {
      top: 0px;
    }

  }

  .legend_cell, #bottom_persons, #bottom_price {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 1em;
    font-size: 12px;
    float: none !important;
    width: 360px !important;
  }

  .bottom_bar {
    width: 100% !important;
  }

}

/* Verwalten */

ul.inputlist.manage {
  width: 50% !important;
  min-width: 360px !important;
  text-align: left;
  margin-left: auto !important;
  margin-right: auto !important;
}

ul.inputlist.manage li {
  margin-bottom: 0.5em;
}

ul.inputlist.manage strong {
  display: inline-block;
  width: 30%;
}

#reservation_pane a.button {
  display: inline-block;
  background-color: #ffe682;
  height: 56px;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
  padding-left: 5px;
}

#reservation_pane a.button span.title {
  display: inline-block;
  position: relative;
  top: -16px;
}

#reservation_pane a.button span.icon {
  display: inline-block;
	width: 46px;
	height: 46px;
        font-size: 1px;
	margin-left: 10px;
	overflow: hidden;
        text-indent: -999px;
        border-style: none;
        margin-top: 5px;
        margin-right: 5px;
        background: url(/uploads/template/sprite_3columns_70x70.png) 0px -234px no-repeat;       
}

/* Break-Table */

table.break {
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 1em;
}

table.break td {  
  padding-left: 10px;
  padding-right: 10px;
}

table.break td:first-child {
  padding-left: 0px;
}

@media(max-width: 680px) {

table.break {  
  width: 100%;
}

table.break th {
  display: none !important;
}

table.break td {
  display: block;   
  width: auto !important;
  text-align: left !important;
}

table.break td:first-child {
  font-weight: bold;
}

table.break td:last-child {
  margin-bottom: 0.5em;
}

}

@media(max-width: 960px) {

table.break.tablet {  
  width: 100%;
}

table.break th {
  display: none !important;
}

table.break.tablet td {
  display: block;   
  width: auto !important;
  text-align: left !important;  
}

table.break.tablet td:first-child {
  font-weight: bold;
}

table.break.tablet td:last-child {
  margin-bottom: 0.5em;
}

}

/* Badges */

.event9 tr.So.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_FF19_Sonntags.png) !important;
        background-size: auto 70%;
}

.event14 tr.Mo.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_FF19_Montags.png) !important;
        background-size: auto 70%;
}

.event14 tr.Mo.day15 td:first-child {
  background-image: none !important;
}

.event14 tr.Di.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_FF19_Dienstag_2mal.png) !important;
        background-size: auto 70%;
}

.event14 tr.So.day4.evening td:first-child, .event14 tr.So.day23.evening td:first-child, .event14 tr.So.day32.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_FF19_Sonntags.png);
        background-size: auto 70%;
}

.event15 tr.So.day5.evening td:first-child, .event15 tr.So.day24.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_FF19_Sonntags.png);
        background-size: auto 70%;
}

.event16 tr.So.evening td:first-child, .event21 tr.So.evening td:first-child, .event25 tr.So.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_FF19_Sonntags.png);
        background-size: auto 70%;
}

.event16 tr.Mo.evening td:first-child, .event21 tr.Mo.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_FF19_Montags.png) !important;
        background-size: auto 70%;
}

.event16 tr.Di.day6.evening td:first-child, .event16 tr.Di.day25.evening td:first-child, .event21 tr.Di.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_FF19_Dienstag_2mal.png) !important;
        background-size: auto 70%;
}

.event22 tr.So.day3 td:first-child {
        background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batches_GP_BMF.png) !important;
        background-size: auto 70%;
}

.event21 tr.Di.day15 td:first-child {
  background-image: none !important;
}

.event20 tr.So.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_FF19_Sonntags.png);
        background-size: auto 70%;
}

.event20 tr.day18.evening td:first-child {
	background-position: right 10px bottom 10px;
	background-repeat: no-repeat;
	background-image: url(/modules/ww_reservation/img/Batch_VF24_Jubi.png);
        background-size: auto 70%;
}

.event21.mandant tr.evening td:first-child {
  background-image: none !important;
}

.event16.mandant tr.evening td.header {
  background-image: none !important;
}

tr.So td {
  background-color: #E8E8E8 !important;
}

tr.So.evening td {
  background-color: #C0C0C0 !important;
}

tr.Di td, tr.Do td {
  background-color: #FFD400 !important;
}

/* Spezifische Farben */

.event14 tr.day12 td {
  background-color: #ffe063 !important;
}

.event14 tr.day13 td {
  background-color: #ffd400 !important;
}

.event14 tr.day14 td {
  background-color: #b9da4e !important;
}

.event14 tr.day15 td {
  background-color: #a6c250 !important;
}

.event15 tr.day16 td {
  background-color: #b9da4e !important;
}

.event15 tr.day17 td {
  background-color: #a6c250 !important;
}

/* Hellgrün */
.event16 tr.day16 td, .event16 tr.day27 td, .event20 tr.day9 td, .event21 tr.day17 td, .event25 tr.day10 td {
  background-color: #b9da4e !important;
}

/* Dunkelgrün */
.event16 tr.day17 td, .event16 tr.day28 td, .event20 tr.day10 td, .event21 tr.day18 td, .event21 tr.day5 td, .event25 tr.day11 td {
  background-color: #a6c250 !important;
}

/* Hellgelb */
.event21 tr.day3 td {
  background-color: #FFE063 !important;
}

/* Dunkelgelb */
.event21 tr.day4 td {
  background-color: #FFD400 !important;
}

.event9 tr.Mo.day5 td {
  background-color: #b9da4e !important;
}

.event9 tr.Mi.day16 td {
  background-color: #b9da4e !important;
}

.event20 tr.day18 td {
  background-color: #ff0000 !important;
}


#reservation_pane .form_wrapper {
  margin-left: 5% !important;
  margin-right: 5% !important;
}

#fc_overview td.cat.available:hover {
  background-color: #ffe682 !important;
}

/* Editor-Styles */

.mceContentBody {
  font-family: "Bell Gothic" !important;
  font-weight: normal !important;
  font-size: 14px !important;
}
/* cmsms stylesheet: GM Elements modified: Freitag, 21. Oktober 2022 12:29:35 */
/* Modul A */

section.tplA1, section.tplA2, section.tplMfzRes {
	text-align: center;
	display: table;	
}

section.tplA1 .vert_center, section.tplA2 .vert_center {
  padding-left: 10%;
  padding-right: 10%;
}


.tplA1 h1 {
	margin-bottom: 0.65em !important;
}

.tplA2 h2, .tplMfzRes h2 {
	margin-bottom: 0.65em !important;
}

.tplMfzRes, .fc_res {  
  padding-bottom: 0% !important;
  text-align: center;
  padding-top: 0.5em;
}

.fc_res {
  padding: 0px !important;
}

/* Modul B */

section.tplB {
	text-align: center;
	display: table;
}

.tplB h3 {
	margin-bottom: 0.65em !important;
}

/* Modul C */

section.tplC {
	display: table;
	background-align: center center;
	text-align: center;	
        background-color: #FFFFFF;
}

section.tplC.invers {
  background-color: #ffcd00 !important;
}

.tplC .border {
	position: absolute;
	top: 30px;
	left: 30px;
	bottom: 30px;
	right: 30px;
	border-width: 20px;
        border-style: solid;
        border-color: #ffcd00;	
	opacity: 0.7;
	transition: opacity 0.5s;
}

.tplC.invers .border {
   border-color: #FFFFFF !important; 
}

section.tplC.noborder .border {
  border-color: transparent !important;
}

@media (max-width: 960px) {
  .tplC .border {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border-width: 15px !important;
  }
}

.tplC:hover .border {
	opacity: 1.0;
	transition: opacity 0.5s;
}

.tplC h2 {
	margin-bottom: 0.1em !important;
}

.tplC img {
	margin-top: 0.65em !important;
        max-width: 75% !important;
}

.tplC h4 {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 12%;
}

/* Modul D */

section.tplD {
	text-align: center;
	display: table;
        background-color: #FFFFFF;
}

.tplD .image {
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 50%;	
	opacity: 1.0;
	transition: opacity 0.5s, background-size 0.5s;
	background-size: auto 100%;
}

.tplD:hover .image {
	opacity: 1.0;
	background-size: auto 100%;
	transition: opacity 0.5s, background-size 0.5s;
}

.tplD h3 {
	margin-top: -16px !important;
	margin-bottom: 0.15em !important;
}

.tplD h4 {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 12%;
}

/* Modul E */

section.tplE {
	text-align: center;
	display: table;
}

.tplE .image {
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 50%;	
	opacity: 1.0;
	background-size: auto 100%;
	transition: opacity 0.5s, background-size 0.5s;
}

/*
.tplE:hover .image {
	opacity: 1.0;
	background-size: auto 105%;
	transition: opacity 0.5s, background-size 0.5s;
}
*/

.tplE .icon, .tplD .icon {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 20%;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 18%;
	opacity: 0.7;
	transition: opacity 0.5s;	
}

.tplE:hover .icon {
	transition: opacity 0.5s;
	opacity: 1.0;
}

.tplE h3 {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 5%;
}

/* Modul F */

section.tplF {
	text-align: center;
}

.tplF .image {
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 50%;	
	opacity: 0.7;
	background-size: auto 100%;
    transition: opacity 0.5s, background-size 0.5s;
}

.tplF:hover .image {
	opacity: 1.0;
	background-size: auto 105%;
	transition: opacity 0.5s, background-size 0.5s;
}

.tplF .vc_wrapper {
	position: absolute;
	top: 50%;
	height: 50%;
	width: 100%; 	
	display: table;
}

.tplF h3 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.tplF h6 {
	
}

/* Modul G */

section.tplG1, section.tplG2 {
	/* display: table; */
	background-color: #000000;
	text-align: center;	
}

.tplG1 .background, .tplG2 .background {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-size: auto 100%;
	background-position: center center;
	opacity: 0.7;
	transition: opacity 0.5s, background-size 0.5s;
}

.tplG1:hover .background, .tplG2:hover .background {
	background-size: auto 102%;
	opacity: 1.0;
	transition: opacity 0.5s, background-size 0.5s;
}

.tplG1 h2, .tplG2 h2 {
	margin-bottom: 0.1em !important;
}

.tplG1 h1 {
	margin-bottom: 0.4em !important;
	z-index: 65535 !important;
}

.tplG2 h1 {
   margin-bottom: 0.4em !important;
 }
 
.tplG2 h6 {
   margin-bottom: 1em !important;
}

.tplG2 h4 {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 12%;
}

/* Modul H */

section.tplH {	
	background-color: #000000;
	text-align: center;	
}

.tplH .slide {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-size: auto 100%;
	background-position: center center;
        transition: opacity 1.5s;
	opacity: 1.0;	
}

.tplH .slide.out {
	/* transition: left 1.2s; */
	/* left: 100%; */
	opacity: 0;
}

.tplH .selector {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 12%;
	text-align: center;
	list-style-type: none;
	border: 0px;
	padding: 0px;	
	font-size: 1px;
}

.tplH .selector li {
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	opacity: 0.7;	
}

.tplH .selector li.active {
	background-color: #ffcd00;
	opacity: 1.0; 
}

.tplH .selector li:hover {
	background-color: #ffcd00;
}



/* Allgemein */

section .foreground {
	display: table;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.vert_center {	
	display: table-cell;
	vertical-align: middle;	
}

/* Modul I */

section.tplI, section.tplG2 {
	text-align: center;	
}

.tplI .picture {
	display: block;
 	position: absolute;
	top: 0px;
 	left: 0px;
	bottom: 0px;
	right: 50%;
 	background-size: auto 100%;
 	background-position: center center; 	
}

.tplI .foreground {
  position: absolute;
  left: 50%;
  width: 50%;
}

.tplI h2 {
	margin-bottom: 0.1em !important;
}

.tplI h1 {
	margin-bottom: 0.4em !important;
	z-index: 65535 !important;
}

.tplI h1 {
   margin-bottom: 0.4em !important;
 }
 
.tplI h6 {
   margin-bottom: 1em !important;
}

.tplI h4 {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 12%;
}

@media (max-width: 639px) {  

.tplI .picture {
    display: none;
  }

.tplI .foreground {
    width: 100%;
    left: 0px !important;
  }

}

/* Höhen */

section.height10 {
  padding-bottom: 5% !important;
}

section.height25 {
  padding-bottom: 12.5% !important;
}

section.height33 {
  padding-bottom: 16.7% !important;
}

section.height50 {
  padding-bottom: 25% !important;
}

section.height66 {
  padding-bottom: 33.4% !important;
}

section.height75 {
  padding-bottom: 37.5% !important;
}

section.height150 {
  padding-bottom: 75% !important;
}

section.height200 {
  padding-bottom: 100% !important;
}

@media (max-width: 639px) {  

section.height10 {
  height: 52px !important;
}

section.height25 {
  height: 130px !important;
}

section.height33 {
  height: 174px !important;
}

section.height50 {
  height: 260px !important;
}

section.height66 {
  height: 348px !important;
}

section.height75 {
  height: 390px !important;
}

section.height150 {
  height: 780px !important;
}

section.height200 {
 height: 1040px !important;
}

}


/*
.nolink .image, .nolink .background {
        opacity: 1.0 !important;
	background-size: auto 100% !important;
}
*/
/* cmsms stylesheet: GM Font Sizes modified: Mittwoch, 19. Oktober 2022 14:59:58 */
/* Desktop 1051-1300*/
@media (min-width: 1051px) {
	body {
	  font-size: 49px !important;
	}
	
	#wrapper section h1 {
	  font-size: 49px !important;
	}
	
	#wrapper section h2 {
	  font-size: 56px !important;
	}
	
	#wrapper section h3 {
	  font-size: 28px !important;
          line-height: 1.5em !important;
	}
	
	#wrapper section h4 {
	  font-size: 22px !important;
   	}
	
	#wrapper section h5 {
	  font-size: 14px !important;
	}
	
	#wrapper section h6 {
	  font-size: 18px !important;
          line-height: 1.4em !important;
	}
} /* Desktop 1051-1300*/

/* Desktop klein 960 bis 1050 */
@media (min-width: 960px) and (max-width: 1050px) {
	body {
	  font-size: 46px !important;
	}
	
	#wrapper section h1 {
	  font-size: 46px !important;
	}
	
	#wrapper section h2 {
	  font-size: 42px !important;
	}
	
	#wrapper section h3 {
	  font-size: 26px !important;
          line-height: 1.5em !important;
	}
	
	#wrapper section h4 {
	  font-size: 21px !important;
	}
	
	#wrapper section h5 {
	  font-size: 10px !important;
	}
	
	#wrapper section h6 {
	  font-size: 17px !important;
          line-height: 1.4em !important;
	}
} /* Desktop klein 960 bis 1050 */

/* Tablet 680 bis 959 */
@media (min-width: 680px) and (max-width: 959px) {
    body {
    font-size: 29px !important;
  }

  #wrapper section h1 {
    font-size: 29px !important;
  }

  #wrapper section h2 {
    font-size: 33px !important;
  }

  #wrapper section h3 {
    font-size: 23px !important;
    line-height: 1.5em !important;
  }

  #wrapper section h4 {
    font-size: 19px !important;
  }

  #wrapper section h6 {
    font-size: 17px !important;
    line-height: 1.4em;
  }
} /* Tablet 680 bis 959 */

/* Phone 640 bis 679 */
@media (min-width: 640px) and (max-width: 679px) {
	body {
	  font-size: 40px !important;
	}
	
	#wrapper section h1 {
	  font-size: 40px !important;
	}
	
	#wrapper section h2 {
	  font-size: 36px !important;
	}
	
	#wrapper section h3 {
	  font-size: 22px !important;
          line-height: 1.5em !important;
	}
	
	#wrapper section h4 {
	  font-size: 20px !important;
	}
	
	#wrapper section h5 {
	  font-size: 8p !importantx;
	}
	
	#wrapper section h6 {
	  font-size: 14px !important;
          line-height: 1.3em !important;
	}
} /* Phone 640 bis 679 */

/* Phone 360 bis 639 */
@media (min-width: 360px) and (max-width: 639px) {
	body {
	  font-size: 42px !important;
	}
	
	#wrapper section h1 {
	  font-size: 42px !important;
	}
	
	#wrapper section h2 {
	  font-size: 40px !important;
	}
	
	#wrapper section h3 {
	  font-size: 28px !important;
          line-height: 1.5em !important;
	}
	
	#wrapper section h4 {
	  font-size: 22px !important;
	}
	
	#wrapper section h5 {
	  font-size: 8p !importantx;
	}
	
	#wrapper section h6 {
	  font-size: 20px !important;
          line-height: 1.3em !important;
	}
} /* Phone 360 bis 679 */

/* Phone bis 359 */
@media (max-width: 359px) {
	body {
	  font-size: 36px !important;
	}
	
	#wrapper section h1 {
	  font-size: 36px !important;
	}
	
	#wrapper section h2 {
	  font-size: 40px !important;
	}
	
	#wrapper section h3 {
	  font-size: 28px !important;
          line-height: 1.5em !important;
	}
	
	#wrapper section h4 {
	  font-size: 22px !important;
	}
	
	#wrapper section h5 {
	  font-size: 8px !important;
	}
	
	#wrapper section h6 {
	  font-size: 19px !important;
          line-height: 1.3em !important;
	}
} /* Phone bis 359 */