/*************************************************************************************
*                                                                                    *
*                                                                                    *
*                                                                                    *
*       FILE:               mc.scss                                                  *
*       COPYRIGHT:          Madame Charlotte                                         *
*       CREATION DATE:      28.08.2018                                               *
*       LASTMODIFIED DATE:  28.08.2018                                               *
*                                                                                    *
*                                                                                    *
**************************************************************************************
*************************************************************************************/
* {
  margin: 0;
  padding: 0;
  border: 0; }

body {
  font-family: 'PT Mono', monospace;
  font-size: 12px;
  color: #d7ae92;
  background: #d7ae92; }
  @media (max-width: 599px) {
    body {
      font-size: 1.167em; } }

img, a img, :link img, :visited img {
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: top; }

h1 {
  font-family: 'Droid Sans Mono', monospace;
  font-size: 2em;
  color: #d7ae92;
  padding: 1em 0 1em 0; }

h3 {
  font-family: 'Droid Sans Mono', monospace;
  font-size: 1.5em;
  color: #49322d;
  margin: 1em 0 1.167em 0;
  line-height: 1.5em; }
  @media (max-width: 599px) {
    h3 {
      font-size: 2em;
      line-height: 2em;
      margin: 1.833em 0 0 0; } }

.mc_clear {
  clear: both; }

.mc_navigationlayer {
  font-family: 'Droid Sans Mono', monospace;
  background: #d7ae92;
  padding: 0 1.667em 0 1.667em; }
  @media (max-width: 599px) {
    .mc_navigationlayer {
      height: auto;
      padding: 0 0.5em; } }
  @media (min-width: 600px) {
    .mc_navigationlayer {
      height: 80px;
      padding: 0 1.667em 0 1.667em; } }
  @media (min-width: 900px) {
    .mc_navigationlayer {
      height: 110px; } }
  @media (min-width: 1150px) {
    .mc_navigationlayer {
      height: 80px; } }

.mc_navigation {
  float: right;
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0.667em 0;
  height: 20px; }
  @media (max-width: 599px) {
    .mc_navigation {
      position: fixed;
      background: transparent url(../gfx/tmpl_gfx/mc_menubackground.png) repeat top left;
      display: none;
      float: none;
      clear: left;
      right: 0;
      bottom: 0;
      top: 0;
      width: 80%;
      height: 100%;
      padding: 0.833em 0;
      z-index: 1000; } }
  @media (min-width: 600px) {
    .mc_navigation {
      position: fixed;
      background: transparent url(../gfx/tmpl_gfx/mc_menubackground.png) repeat top left;
      display: none;
      float: none;
      clear: left;
      right: 0;
      bottom: 0;
      top: 0;
      width: 50%;
      height: 100%;
      padding: 0.833em 0;
      z-index: 1000; } }
  @media (min-width: 900px) {
    .mc_navigation {
      padding: 0;
      position: static;
      background: none;
      display: block;
      float: none;
      clear: left;
      border-top: 1px solid #49322d;
      width: auto;
      height: auto;
      z-index: auto; } }
  @media (min-width: 1150px) {
    .mc_navigation {
      clear: none;
      float: right;
      border: none; } }
  @media (min-width: 1500px) {
    .mc_navigation {
      clear: none;
      float: right;
      border: none; } }

@media (max-width: 599px) {
  .mc_menuicon {
    float: right;
    display: inline-block;
    padding: 1.5em 0 0 0; } }
@media (min-width: 600px) {
  .mc_menuicon {
    float: right;
    display: inline-block;
    padding: 2.167em 0 0 0; } }
@media (min-width: 900px) {
  .mc_menuicon {
    display: none;
    padding: 0; } }

.mc_menuicon img {
  cursor: pointer; }

ul.mc_language {
  list-style: none; }
  @media (max-width: 599px) {
    ul.mc_language {
      clear: both;
      float: none;
      display: block;
      margin: 0 0 0 1.250em; } }
  @media (min-width: 600px) {
    ul.mc_language {
      clear: both;
      float: none;
      display: block;
      margin: 0 0 0 1.250em; } }
  @media (min-width: 900px) {
    ul.mc_language {
      clear: none;
      float: right;
      display: inline-block;
      margin: 0 0.75em 0 3.333em; } }

ul.mc_language li {
  float: left;
  margin: 0.833em 1.250em 0 0; }

ul.mc_language li a {
  display: block;
  text-decoration: none; }

.mc_directcall {
  color: #49322d; }
  @media (max-width: 599px) {
    .mc_directcall {
      font-size: 0.583em; } }
  @media (min-width: 600px) {
    .mc_directcall {
      font-size: 1em; } }
  @media (min-width: 900px) {
    .mc_directcall {
      font-size: 1em; } }

ul.mc_enter {
  list-style: none;
  margin: 3.333em 0 0 0; }

ul.mc_enter li {
  font-size: 1.333em;
  background: transparent url(../gfx/tmpl_gfx/mc_navactive_fixed.png) repeat-y -4px 0;
  margin: 0 0 0.25em 0; }
  @media (max-width: 599px) {
    ul.mc_enter li {
      font-size: 1.5em; } }
  @media (min-width: 600px) {
    ul.mc_enter li {
      font-size: 2em; } }

ul.mc_enter li:last-child {
  margin: 0; }

ul.mc_enter li a {
  display: block;
  margin: 0 0 0 1.25em;
  text-decoration: none;
  line-height: 2em;
  color: #d7ae92; }

ul.mc_enter li.mc_active,
ul.mc_enter li.mc_hover {
  background: transparent url(../gfx/tmpl_gfx/mc_navactive_fixed.png) repeat-y 0 0; }

ul.mc_enter li.mc_active a,
ul.mc_enter li.mc_hover a {
  color: #ffdec8; }

ul.mc_socialmedia {
  list-style: none; }
  @media (max-width: 599px) {
    ul.mc_socialmedia {
      float: none;
      display: block;
      background: #d7ae92;
      height: 40px;
      border-bottom: 1px solid #49322d; } }
  @media (min-width: 600px) {
    ul.mc_socialmedia {
      float: none;
      display: block;
      background: #d7ae92;
      height: 40px;
      border-bottom: 1px solid #49322d; } }
  @media (min-width: 900px) {
    ul.mc_socialmedia {
      float: right;
      display: inline-block;
      background: none;
      height: auto;
      border: none; } }

ul.mc_socialmedia li {
  float: left;
  margin: 0.5em 0 0 1.250em; }
  @media (max-width: 599px) {
    ul.mc_socialmedia li {
      margin: 0.5em 0 0 1.250em; } }
  @media (min-width: 600px) {
    ul.mc_socialmedia li {
      margin: 0.833em 0 0 1.250em; } }
  @media (min-width: 900px) {
    ul.mc_socialmedia li {
      margin: 0.5em 0 0 1.250em; } }

.mc_logoarea {
  float: left;
  display: inline-block; }
  @media (max-width: 599px) {
    .mc_logoarea {
      padding: 1.333em 0 0 0;
      width: 85%; } }
  @media (min-width: 600px) {
    .mc_logoarea {
      padding: 1.333em 0 0.667em 0;
      width: auto; } }

@media (max-width: 599px) {
  img.mc_logo {
    width: auto;
    margin: 0 0 0.25em 0; } }
@media (min-width: 600px) {
  img.mc_logo {
    width: 418px;
    margin: 0 0 0.667em 0; } }
@media (min-width: 900px) {
  img.mc_logo {
    width: 318px; } }
@media (min-width: 1500px) {
  img.mc_logo {
    width: 418px; } }

.mc_start {
  position: relative;
  background: #49322d; }

.slideshow {
  position: relative;
  background: transparent; }

.mc_content {
  background: #49322d url("../gfx/tmpl_gfx/mc_background_content.png") no-repeat bottom left; }

ul.mc_gallery {
  list-style: none;
  display: inline-block;
  text-align: center; }

ul.mc_gallery li {
  position: relative;
  height: 400px;
  width: 400px;
  overflow: hidden;
  padding: 0;
  display: block;
  float: left;
  margin: 0 20px 20px 0;
  cursor: pointer; }

ul.mc_gallery li img.mc_watermark {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block; }

ul.mc_gallery li img.mc_galleryimage {
  object-fit: cover;
  width: 100%;
  height: 100%; }

img.mc_sanctumlogo {
}

/************************************************************************************/
/************************************************************************************/
/******************************** TYPO3 SETTINGS ************************************/
@media (max-width: 599px) {
  .tp3_hnav_2 {
    float: none;
    display: block;
    padding: 0 0 1.667em 0;
    border-bottom: 1px solid #49322d; } }
@media (min-width: 600px) {
  .tp3_hnav_2 {
    float: none;
    display: block;
    padding: 0 0 1.667em 0;
    border-bottom: 1px solid #49322d; } }
@media (min-width: 900px) {
  .tp3_hnav_2 {
    float: left;
    display: inline-block;
    padding: 0;
    border: none; } }

.tp3_hnav_2 ul {
  list-style: none; }

.tp3_hnav_2 ul li {
  float: left;
  font-size: 1.333em;
  margin: 0 0 0 1.667em; }
  @media (max-width: 599px) {
    .tp3_hnav_2 ul li {
      float: none;
      font-size: 1.167em;
      background: transparent url(../gfx/tmpl_gfx/mc_navactive_fixed.png) repeat-y -4px 0;
      margin: 0; } }
  @media (min-width: 600px) {
    .tp3_hnav_2 ul li {
      float: none;
      background: transparent url(../gfx/tmpl_gfx/mc_navactive_fixed.png) repeat-y -4px 0;
      font-size: 1.167em;
      margin: 0; } }
  @media (min-width: 900px) {
    .tp3_hnav_2 ul li {
      float: left;
      background: transparent url(../gfx/tmpl_gfx/mc_navactive.png) repeat-x 0 -4px;
      font-size: 1.167em;
      margin: 0 .833em 0 0; } }
  @media (min-width: 1150px) {
    .tp3_hnav_2 ul li {
      margin: 0 0 0 .833em;
      font-size: 1.167em; } }
  @media (min-width: 1500px) {
    .tp3_hnav_2 ul li {
      margin: 0 0 0 1.667em;
      font-size: 1.333em; } }

.tp3_hnav_2 ul li a {
  display: block;
  margin: 0.25em 0 0 0;
  text-decoration: none;
  line-height: normal; }
  @media (max-width: 599px) {
    .tp3_hnav_2 ul li a {
      color: #d7ae92;
      padding: 0 0 0 1.25em; } }
  @media (min-width: 600px) {
    .tp3_hnav_2 ul li a {
      color: #d7ae92;
      padding: 0 0 0 1.25em; } }
  @media (min-width: 900px) {
    .tp3_hnav_2 ul li a {
      color: #ad806a;
      margin: 0.25em 0 0 0;
      padding: 0; } }

@media (max-width: 599px) {
  .tp3_hnav_2 ul li.mc_active,
  .tp3_hnav_2 ul li.mc_hover {
    background: transparent url(../gfx/tmpl_gfx/mc_navactive_fixed.png) repeat-y 0 0; } }
@media (min-width: 600px) {
  .tp3_hnav_2 ul li.mc_active,
  .tp3_hnav_2 ul li.mc_hover {
    background: transparent url(../gfx/tmpl_gfx/mc_navactive_fixed.png) repeat-y 0 0; } }
@media (min-width: 900px) {
  .tp3_hnav_2 ul li.mc_active,
  .tp3_hnav_2 ul li.mc_hover {
    background: transparent url(../gfx/tmpl_gfx/mc_navactive.png) repeat-x 0 0; } }

@media (max-width: 599px) {
  .tp3_hnav_2 ul li.mc_active a,
  .tp3_hnav_2 ul li.mc_hover a {
    color: #ffdec8; } }
@media (min-width: 600px) {
  .tp3_hnav_2 ul li.mc_active a,
  .tp3_hnav_2 ul li.mc_hover a {
    color: #ffdec8; } }
@media (min-width: 900px) {
  .tp3_hnav_2 ul li.mc_active a,
  .tp3_hnav_2 ul li.mc_hover a {
    color: #49322d; } }

#mc_website .tp3_content_center {
  color: #d7ae92;
  margin: 1.667em;
  padding: 0 0 1.667em 0; }
  @media (max-width: 599px) {
    #mc_website .tp3_content_center {
      font-size: .833em;
      line-height: 1.833em; } }
  @media (min-width: 600px) {
    #mc_website .tp3_content_center {
      font-size: 1em;
      line-height: 1.833em; } }
  @media (min-width: 900px) {
    #mc_website .tp3_content_center {
      font-size: 1em;
      line-height: 1.833em; } }

#mc_website .tp3_content_center a {
  color: #ad806a;
  font-weight: bold; }

#mc_website .mc_start .tp3_content_center {
  color: #d7ae92;
  border-bottom: none; }
  @media (max-width: 599px) {
    #mc_website .mc_start .tp3_content_center {
      margin: .833em .5em .833em 0;
      padding: 0 0 .833em 0; } }
  @media (min-width: 600px) {
    #mc_website .mc_start .tp3_content_center {
      margin: 1.667em 1.667em 1.667em 0;
      padding: 0 0 1.667em 0; } }
  @media (min-width: 900px) {
    #mc_website .mc_start .tp3_content_center {
      position: absolute;
      top: 1.667em;
      width: 418px;
      margin: 0 0 0 1.667em;
      padding: 0.883em 1.667em 0.883em 0;
      background: transparent url(../gfx/tmpl_gfx/mc_menubackground.png) repeat;
      border-left: 1px solid #d7ae92; } }

#mc_website .mc_start .tp3_content_center p {
  font-size: 1em;
  text-align: left;
  line-height: 1.5em; }
  @media (max-width: 599px) {
    #mc_website .mc_start .tp3_content_center p {
      font-size: .833em;
      line-height: 1.333em;
      padding: 0 0 0 0.5em; } }
  @media (min-width: 600px) {
    #mc_website .mc_start .tp3_content_center p {
      font-size: 1.333em;
      line-height: 1.833em;
      padding: 0 0 0 1.667em; } }
  @media (min-width: 900px) {
    #mc_website .mc_start .tp3_content_center p {
      font-size: 1em;
      line-height: 1.125em;
      padding: 0 0 0 1.667em; } }

.tp3_content_right {
  font-family: 'Droid Sans Mono', monospace;
  font-size: .833em;
  text-align: center;
  margin: 4.333em 0 0 0;
  color: #49322d;
  line-height: 2.667em; }
  @media (max-width: 599px) {
    .tp3_content_right {
      font-size: .667em;
      line-height: 2.333em; } }
  @media (min-width: 600px) {
    .tp3_content_right {
      font-size: .833em;
      line-height: 2.667em; } }
  @media (min-width: 900px) {
    .tp3_content_right {
      font-size: .833em;
      line-height: 2.667em; } }

.mail,
.external-link-new-window,
.internal-link {
  color: #ad806a;
  font-weight: bold; }

.tx-gbevents-pi1 h2 {
  display: none; }

.tx-gbevents-pi1 table.table {
  width: 100%;
  border-collapse: collapse; }

.tx-gbevents-pi1 table.table tbody tr td,
.tx-gbevents-pi1 table.table thead tr th {
  text-align: left;
  line-height: 25px;
  border-bottom: 1px solid #ad806a; }

.tx-gbevents-pi1 table.table tfoot tr td {
  text-align: left;
  line-height: 25px; }

.tx-gbevents-pi1 table.table tbody tr td a,
.tx-gbevents-pi1 table.table tfoot tr td a {
  text-decoration: none;
  color: #ad806a; }

#yag-c24 ul {
  margin: 0; }

.tx-yag-breadcrumbcomtainer {
  display: none; }

.tp3_content_center ul li.yag-item-thumb-outerframe {
  margin: 0 15px 15px 0; }

.tp3_content_center .offPageItems .tx-yag-thumb-outerframe {
  margin: 0; }

.tx-yag-items {
  padding: 0; }

.tx-yag-pager .tx-ptextlist-pager-item-displa {
  text-align: center;
  color: #574449; }

.csc-default + .csc-default {
  margin: 1.667em 0 0 0; }

.tx-ptextlist-pager li a {
  color: #ad806a;
  font-weight: bold;
  text-decoration: none; }

.tx-ptextlist-pager li.number.cur.active a {
  color: #d7ae92;
  font-weight: bold;
  text-decoration: underline; }

.tx-ptextlist-pager-item-display {
  color: #d7ae92;
  text-align: center; }

#yag_25 {
  display: none; }

/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-slideshow {
  /* 1 */
  -webkit-tap-highlight-color: transparent; }

/* Items
 ========================================================================== */
/*
 * 1. Create position and stacking context
 * 2. Reset list
 * 3. Clip child elements
 * 4. Prevent displaying the callout information on iOS.
 */
.uk-slideshow-items {
  /* 1 */
  position: relative;
  z-index: 0;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  overflow: hidden;
  /* 4 */
  -webkit-touch-callout: none; }

/* Item
 ========================================================================== */
/*
 * 1. Position items above each other
 * 2. Take the full width
 * 3. Clip child elements, e.g. for `uk-cover`
 * 4. Optimize animation
 * 5. Disable horizontal panning gestures in IE11 and Edge
 */
.uk-slideshow-items > * {
  /* 1 */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 */
  right: 0;
  bottom: 0;
  /* 3 */
  overflow: hidden;
  /* 4 */
  will-change: transform, opacity;
  /* 5 */
  touch-action: pan-y; }

/*
 * Hide not active items
 */
.uk-slideshow-items > :not(.uk-active) {
  display: none; }

.uk-animation-kenburns {
  animation-name: uk-scale-kenburns;
  animation-duration: 15s; }

.uk-animation-reverse {
  animation-direction: reverse;
  animation-timing-function: ease-in; }

.uk-transform-origin-center-left {
  transform-origin: 0 50%; }

.uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/************************************************************************************/
/************************************************************************************/