body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;border:0;}
html {height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {height:100%;font-size:100%;overflow-y:scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video {display:block;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre {
  margin:0.5em 0.1em 0.5em 1.5em;
  white-space:pre;
  white-space:pre-wrap;
  word-wrap:break-word;
  background: #f8f8f8 !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  padding: 0.5em !important;
  overflow: auto;
}
ul,ol {
  padding-left:2em !important;
}
ol ol li {
  list-style-type:lower-alpha;
}
ol ol ol li {
  list-style-type:lower-roman;
}
b,strong {font-weight:bold;}
abbr[title] {border-bottom:1px dotted;}
input,textarea,button,select {
  font-size:1em;
  margin:0;
  line-height:normal;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  cursor:pointer;
  -webkit-appearance:button;
}
textarea {overflow:auto;}
table {border-collapse:collapse;border-spacing:0;}
figure {position:relative;}
figure img,figure object,figure embed,figure video {max-width:100%;display:block;}
img {border:0;-ms-interpolation-mode:bicubic;}
hr {background-color:#CCCCCC;border:0;height:1px;}
.wrapper {
  padding: 0 0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
}
body {
  font-size: 1em;
  line-height: 1.5em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
p {
  margin:1em 0 1em 0;
}
.small,small,code {
  font-size: 0.8125em;
  line-height: 1.384em;
}
.normal,h4,h3 {
  font-size: 1em;
  line-height: 1.125em;
  font-weight: normal;
  margin: 1.83em 0 0 0;
  color: #a4917e;
  text-transform: uppercase;
}
.large,h2,h1 {
  font-size: 1.25em;
  line-height: 1.375em;
  font-weight: normal;
  margin: 0 0 0.83em 0;
  color: #a4917e;
  text-transform: uppercase;
}
.huge {
  font-size: 2.625em;
  line-height: 1.142em;
}
.massive {
  font-size: 4.25em;
  line-height: 1.058em;
}
.gigantic {
  font-size: 6.875em;
  line-height: 1.090em;
}
body,
input,
textarea,
button,
select {
  font: 300 14px/22px 'Lato', sans-serif;
  outline: none;
}
pre, code {
  font-family: Menlo, Monaco, monospace;
  font-size: 0.875em;
}
strong,
code {color:#333333;}
blockquote {
  margin-left:1.5em;
  font-style:italic !important;
  color:#787878;
}
a {
  text-decoration:none;
  color:#38302c;
}
a:hover {color:#a4917e;}
a:active {}
a:visited {}
::selection {background:#2F94B4;color:#fff;}
::-moz-selection {background:#2F94B4;color:#fff;}
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border:none;
}
button,input,select,textarea {background-image:none;}
input[type="file"] {border:none;}
body {-webkit-tap-highlight-color:transparent;}

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  overflow: visible;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(234,234,234,.4);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 1px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 0px;
  background-color: rgba(0,0,0,1.0);
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*  320px
*  baseline grid to 16/16 = 1.0
*
*/
html, body {
  background-color:#fff;
  color:#3d3c38;
}
.wrapper {position:relative;}

.clear_ {clear:both;}

.child-center {
  display: inline-block;
}
.parent-center {
  text-align: center;
}
.outer-center {
  float: right;
  right: 50%;
  position: relative;
}
.inner-center {
  float: right;
  right: -50%;
  position: relative;
}

/* form elements */
.button {
  font-weight:bold;color:#000000;background-color:#FAFAFA;border:1px solid #999999;text-shadow:-1px 1px 0px #FFFFFF;
  border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;
  padding:3px 20px 3px 32px;margin-top:15px;cursor:pointer;
  background-image:url(mouse.png);background-repeat:no-repeat;background-position:+7px center;
}
.button:hover {background-color:#F2F2F2;}
.button:active {/*position:relative;top:2px;*/}
.button {background-image:url(mouse.png);background-repeat:no-repeat;background-position: +8px center;}

.input,
.select,
.textarea {
  border:1px solid #ccc;
  padding:3px;margin-top:15px;width:230px;
}
.textarea {width:450px;height:250px;}
.input:focus,
.input:hover,
.textarea:focus {background:#FAFAFA;}
.select {width:auto;}
.checkbox {margin:0 5px;}
.fm_ {margin-top:15px;}
.ttiny {font-size:80%;color:#9C9C9C;line-height:1.3em;}
.tc {color:#6C8100;}
.cblabel {cursor:pointer;}
.javascript {
  background-image:url(javascript.png);
  background-repeat:no-repeat;
  height:160px;
  padding-left:80px;
  padding-top:8px;
  color:#ACA870;
}

.ie body {}

/*
*
*  header, content, footer
*
*/
.mobile_box, #head, #con, #foot {
  margin: 0 5.555555555555555%;
}
#head_wrap {
  clear: both;
}
#head_wrap {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100;
}
#head {
  padding: 1.5em 0 1.5em;
  font-size: 0.875em;
  min-height: 1.6em;
}
#head {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1em 0 1em;
  height: 28px;
  -webkit-box-shadow: 0px 2px 8px -2px #333333;
  box-shadow: 0px 2px 8px -2px #333333;
  z-index: 100;
}
#head .wrap > div {
  display: -webkit-flex;
  display: flex;
}
#head ul {
  margin: 0 auto;
}
#con {
  min-height: 15em;
  padding-top: 16em;
}
.con {
  padding-bottom:3em;
}
#foot_wrap {
  clear: both;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 100;
}
#foot {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0;
  height: 55px;
  -webkit-box-shadow: 0px 2px 8px -2px #333333;
  box-shadow: 0px 2px 8px -2px #333333;
}
#foot .wrap > div {
  display: -webkit-flex;
  display: flex;
}
#foot div.wrapper {
  padding: 0 0 0 0.75em;
}
#foot ul {
  margin: 0.9em auto;
}
#head a {
  color: #38302c;
}
#foot a  {
  color: #38302c;
}
#language,
#language_mobile {
  position: relative;
  list-style-type:none;
  padding-left:0 !important;
  float:right;
  right: 8px;
  top: -20px;
  /*text-shadow:0px 0px 1px #FFFFFF;*/
  color:#a4917e;
}
#language {
  font-size: 1.2em;
}
#language li,
#language_mobile li {
  display:inline-block;
  float:left;
  margin-left:6px;
  padding-left:6px;
  border-left:1px solid #38302c;
  line-height:16px;
}
#language li:first-child,
#language_mobile li:first-child {
  border-left:0;
  margin-left:0;
  padding-left:0;
}
#language span,
#language a,
#language_mobile span,
#language_mobile a {
  display:block;
  position:relative;
  top:-5px;
  font-size:1em;
}
#language a,
#language_mobile a {
  cursor:pointer;
}
#gotop {
  display: block;
  position: relative;
  top: -55px;
  float: right;
  width: 66px;
  height: 57px;
  background-color: transparent;
  background-image: url(top.png);
  background-position: center top;
  background-repeat: no-repeat;
  border-left: 2px solid #a4917e;
  padding: 0;
  cursor: pointer;
}
#gotop:hover {
  background-position: 0px -50px;
}

#head a {
  margin: 0 0.2em;
}
#foot a:hover,
#head a:hover {
  color:#a4917e;
}
.mt_s {
  border-bottom:0.125em solid #ffc300;
}
.ms_m {}
.ms_s {
  border-bottom:0.125em solid #ffc300;
}
#mt_m {
  border: 1px solid #999;
  padding: 3px;
  float: left;
  margin-right: 10px;
  width: 24px;
  cursor: pointer;
}
.mt_bar {
  background: #828282;
  height: 4px;
  margin-bottom: 4px;
}
#mt_l {}
#mt_r {}
#menu {
  overflow: hidden;
  display: none;
  padding: 0;
}
.touch {
  cursor:pointer;
}

/*
*
*  rows
*
*/
.rows_ div.wrapper {
  margin:0 0 1em;
}
.row100 div.wrapper {
  margin:0 0 1em;
}
.row50 div.wrapper {
  margin:0 0 1em;
}
.row33 div.wrapper {
  margin:0 0 1em;
}
.row25 div.wrapper {
  margin:0 0 1em;
}
.row75_ {}
.row25_ {}
.row75__ {}
.row50__ {}
.row25__ {}
section {
  clear:both;
}

.background,
.background2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:url(../../media/bg/start.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
}

.wrapper_ {
  margin:0 !important;
  padding:0 !important;
}
.menu_gfx,
.menu_gfx2 {
  color:#a4917e !important;
  border-bottom:1px solid #a4917e;
  height:23px;
}
.menu_gfx a,
.menu_gfx2 a {
  color:#a4917e !important;
}
.menu_gfx2 {
  border-bottom:0;
}
#wrapper_menu_foot,
#wrapper_menu_main {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 1.0em;
  letter-spacing: 1px;
  text-transform: uppercase;
  overflow: hidden;
}
#wrapper_menu_foot ul,
#wrapper_menu_main ul {
  list-style-type:none;
  padding-left:0 !important;
}
#wrapper_menu_foot ul ul,
#wrapper_menu_main ul ul {
  padding-left:0.2em !important;
  display:none;
}
#wrapper_menu_foot ul ul li,
#wrapper_menu_main ul ul li {}
#wrapper_menu_foot ul ul ul,
#wrapper_menu_main ul ul ul {
  display:none;
}
#wrapper_menu_foot ul ul ul ul,
#wrapper_menu_main ul ul ul ul {
  display:none;
}
#wrapper_menu_foot ul li,
#wrapper_menu_main ul li {
  cursor:pointer;
  float:left;
  margin-right:4em;
}
#wrapper_menu_main ul li:last-child {
  margin-right:0;
}
#wrapper_menu_foot li,
#wrapper_menu_main li {
  color:#38302c;
}
#wrapper_menu_foot li:hover,
#wrapper_menu_main li:hover {
  color:#a4917e;
}

.content_wrap {
  position: relative;
  float: left;
  max-width: 640px;
  width: 640px;
  max-height: 640px;
  height: auto;
  margin-left: 150px;
}
.content_wrapper {
  float: left;
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 560px;
  height: auto;
}
.content {
  float: left;
  width: 587px;
  min-height: 205px;
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}
.content {
  font: 300 14px/22px 'Lato', sans-serif;
  letter-spacing: 0.4px;
  line-height: 1.5em;
}
.content a,
.content a:link,
.content a:focus,
.content a:visited {
  font: 300 14px/22px 'Lato', sans-serif;
  letter-spacing: 0.4px;
  line-height: 1.5em;
  color: #a4917e;
}
.content a:hover {
  color: #cebca5;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 1px;
  font-size: 1.2em;
  line-height: 1.2em;
}
.content h1 {
  font: 300 14px/22px 'Lato', sans-serif;
  font-size: 1.45em;
  line-height: 1.3em;
  margin: 0.83em 0;
}
.content h2 {
  font-size: 1.3em;
  font-weight: 300;
  margin: 0 0 10px 0;
  color: #6C6A69;
}
.content h3 {
  font: 300 17px/22px 'Josefin Sans', sans-serif;
  font-size: 0.9em;
  margin: 0;
}

.content_startsite h1 {
  font-family: 'Josefin Sans', sans-serif;
  text-align: justify;
  margin: 1.3em 0 0 0;
}
.content_startsite h1 a,
.content_startsite h1 a:link,
.content_startsite h1 a:focus,
.content_startsite h1 a:visited {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 2.1em;
  line-height: 1.1em;
  letter-spacing: 2px;
  color: #38302c;
}
.content_startsite h1 a:nth-child(2n) {
  color: #a4917e;
}

.content_box {
  position: fixed;
  margin-left: 792px;
  float: left;
  width: 282px;
  z-index: 80;
}
.content_box_mobile {
  display: none;
  position: relative;
  width: 100%;
  max-width: 640px;
  margin-top: 8px;
  float: left;
  clear: both;
  background-color: #fff;
  z-index: 80;
}
.content_box_logo {
  width: 282px;
  height: 78px;
  background-color: #fff;
  clear: both;
  border-bottom: 2px solid #999;
}
.content_box_logo img {
  width: 100%;
  top: -8px;
  position: relative;
}
.content_box_logo img:hover {
  opacity: 0.6;
}
.content_box_booking {
  width: 262px;
  height: 187px;
  padding: 18px 10px 0 10px;
  margin-top: 2px;
  background-color: #fff;
  clear: both;
}
.content_box_gallery {
  width: 264px;
  padding: 9px;
  margin-top: 2px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.9);
  clear: both;
  overflow: hidden;
  height: 88px;
}
.content_box_gallery .gallery {
  display: block;
  float: left;
  margin-left: 2px;
  line-height: 0;
}
.content_box_gallery a {
  outline: none;
}
.content_box_gallery img {
  outline: none;
}
.content_box_gallery img:hover {
  opacity: 0.6;
}
.content_box_gallery .gallery:nth-child(n+4) {
  display: none;
}

.content_sites {
  width: 100%!important;
}

.musical a,
.musical a:link,
.musical a:focus,
.musical a:visited {
  font-size: 2.8em;
  line-height: 1.2em;
  text-transform: uppercase;
}

.mobile_box {
  display: none;
  position: relative;
  clear: both;
  max-width: 640px;
  top: 51px;
}
#language_mobile {
  top: 10px;
  right: 5.555555555555555%;
  margin-bottom: 1.5em;
  background-color: #50493F;
  text-shadow: none;
  padding-right: 8px;
}
#language_mobile li {
  line-height: inherit;
  border-left: 1px solid #000;
}
#language_mobile span,
#language_mobile a {
  top: 0;
}
#language_mobile li:first-child {
  padding-left: 8px;
  border-left: 0;
}
#language_mobile li a {
  color: #fff;
}
.mobile_box_logo {
  clear: both;
  background-color: #fff;
  text-align: center;
}
.mobile_box_logo img {
  width: 100%;
}
.mobile_box_logo img:hover {
  opacity: 0.6;
}
#mobile_box_menu {
  position: relative;
  top: 10px;
  float: left;
  width: 32px;
  height: 22px;
  background-image: url(mobile.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: #50493F;
  margin-left: 5.555555555555555%;
}
#mobile_menu_wrapper {
  position: fixed;
  width: 100%;
  height: 43px;
  z-index: 90;
  display: none;
  clear: both;
  background-color: rgba(255, 255, 255, 0.7);
}
#mobile_menu {
  display: none;
  clear: both;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 1.0em;
  letter-spacing: 1px;
  text-transform: uppercase;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 1em;
  padding: 0.5em 0 0 0;
}
#mobile_menu ul {
  list-style-type:none;
  padding-left:0 !important;
  padding-top:0.3em;
}
#mobile_menu a {
  display: block;
  color: #000;
  font-size: 1.25em;
}
#mobile_menu strong {
  float: right;
  margin-right: 0.5em;
  font-weight: 600;
  color: #666;
}
#mobile_menu li {
  padding-left: 4px;
}
.menu_gfx3 {
  padding-top: 4px;
  margin-bottom: 4px;
  background-color: #50493F;
}
.menu_gfx3 a {
  color: #fff!important;
}
.mobile_socials {
  position: relative;
  width: 27px;
  float: right;
}
.mobile_socials a.link_faceb {
  top: -54px;
  right: -3px;
}
.mobile_socials a.link_google_plus {
/*  top: -30px; mit facebook */
  top: -43px;
  right: -3px;
}
.consubs {
  height: 1000px;
}
.mobile_box_sites {
  margin:0;
  top:37px;
}

.arrow {
  position: relative;
  width: 94px;
  height: 48px;
  top: 0;
  float: left;
  clear: both;
  margin-left: 550px;
  background-image: url(arrow.png);
  background-repeat: no-repeat;
}

.slogan {
  position: relative;
  top: 2em;
  left: 7em;
  float: left;
}

.slogan img {
  float: right;
}

.open {
  position: absolute;
  display: none;
  width: 40px;
  height: 40px;
  top: 0px;
  left: 600px;
  background: url(close.png) center top no-repeat;
  background-position: center -80px;
  background-color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.open:hover {
  background-position: center -120px;
}

.close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  background: url(close.png) center top no-repeat;
  cursor: pointer;
}
.close:hover {
  background-position: center -40px;
}

.next,
.prev {
  background: url(more.png) center top no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  cursor: pointer;
}
.next { background-position: center -80px; }
.prev { background-position: center 0px; }
.next:hover { background-position: center -120px; }
.prev:hover { background-position: center -40px; }

.googlemap {
  width: 100%;
  height: 100%;
  margin: 0px auto;
  position: relative;
  left: -10px;
}

a.link_google_plus,
a.link_faceb {
  width: 27px;
  height: 22px;
  background-position: center top;
  background-repeat: no-repeat;
  text-indent: -9999px;
  position: absolute;
  right: -5px;
  display: block;
  overflow: hidden;
/*  top: 16px;  mit facebook */
  top: 0px;
}
a.link_faceb {
  top: -10px;
}
a.link_google_plus { background-image: url(google_plus.png); }
a.link_faceb { background-image: url(facebook.png); }
a.link_google_plus:hover,
a.link_faceb:hover {
  background-position: 0px -22px;
}

.sites_header {
  display: none;
}
.sites_header h2 {
  margin: 0;
}

#cbooking {
  width: 300px;
  height: 378px;
  border: 0;
  position: absolute;
  top: -34px;
  left: 31px;
}
#sl-start {
	height: 320px !important;
}

/* init */
@media screen and (min-width: 0em) {
  #head_wrap,
  #foot_wrap {
    display:none;
  }
  #wrapper_menu_foot ul li,
  #wrapper_menu_main ul li {
    margin-right:1.5em;
  }
  .content_wrap {
    margin-left: 0;
    width: 100%;
    max-height: initial;
    margin-top: 45px;
  }
  .content_wrapper {
    width: 100%;
    padding: 40px 0;
  }
  .content {
    width: 100%;
    min-height: initial;
    max-height: initial;
  }
  .content_box {
    margin-left: 0;
    margin-top: 8px;
    position: relative;
    clear: both;
  }
  .content_box_mobile {
    display: block;
  }
  .slogan {
    left: 0;
  }
  #con {
    padding-top: 1em;
  }
  .arrow {
    margin-left: 50px;
  }
  .content_startsite h1 {
    font-size: 0.7em;
  }
  .consubs:nth-child(n+2) h1 {
    font-size: 1.0em;
  }
  .consubs {
    height: 700px;
  }
  .consubs:nth-child(n+2) {
    height: 700px;
  }
  .open {
    left: 0;
  }
  #language {
    display: none;
  }
  .content_box_logo {
    display: none;
  }
  .mobile_box,
  #mobile_menu_wrapper {
    display: block;
  }
  .content_startsite h1 a,
  .content_startsite h1 a:link,
  .content_startsite h1 a:focus,
  .content_startsite h1 a:visited {
    letter-spacing: 0px;
  }
  .musical a,
  .musical a:link,
  .musical a:focus,
  .musical a:visited {
    font-size: 1.4em;
  }
  .content_box {
    background-color: #fff;
    width: 100%;
    max-width: 640px;
  }
  .content_box_booking,
  .content_box_logo {
    margin: 0 auto;
  }
  .mobile_box_logo img {
    width: 100%;
  }
  .sites_header {
    display: block;
  }
  #cbooking {
    top: -22px;
    left: 0px;
  }
  #sl-start {
	height: 370px !important;
  }
}

/*
 *
 *  360px
 *
*/
@media screen and (min-width: 22.5em) {
}

@media screen and (min-width: 25em) {
  .content_startsite h1 {
    font-size: 0.9em;
  }
}

/*
*
*  480px 568px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 480px)
*
*/
@media screen and (min-width: 30em) {
  body {
    font-size:1.0625em;
  }
  .row100 div.wrapper {
    text-align:left;
  }
  .row75_ div.wrapper{
    text-align:left;
  }
  .row50 div.wrapper {
    text-align:left;
  }
  .row25 div.wrapper {
    width:50%;
    float:left;
  }
  #head, #foot {
    font-size:1.00em;
  }
  #con {
    min-height:2.5em;
  }
  .content_startsite h1 {
    font-size: 1.1em;
  }
  .consubs:nth-child(n+2) h1 {
    font-size: 1.45em;
  }
  .consubs {
    height: 900px;
  }
  .consubs:nth-child(n+2) {
    height: 900px;
  }
  .musical a,
  .musical a:link,
  .musical a:focus,
  .musical a:visited {
    font-size: 2.2em;
  }
  .mobile_box_logo img {
    width: 70%;
  }
  #cbooking {
    top: -28px;
    left: 0px;
  }
  #sl-start {
	height: 320px !important;
  }
}

/*
*
*  600px 603px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 600px)
*
*/
@media screen and (min-width: 37.5em) {
  #con {
    min-height:30em;
  }
  .content_startsite h1 a,
  .content_startsite h1 a:link,
  .content_startsite h1 a:focus,
  .content_startsite h1 a:visited {
    letter-spacing: 2px;
  }
  .musical a,
  .musical a:link,
  .musical a:focus,
  .musical a:visited {
    font-size: 2.8em;
  }
  .mobile_box_logo img {
    width: 60%;
  }
}

/*
*
*  640px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 640px)
*
*/
@media screen and (min-width: 40em) {
  .arrow {
    margin-left: 450px;
  }
  .content_startsite h1 {
    font-size: 1.40em;
  }
  .content {
    min-height: 205px;
  }
  .open {
    left: 600px;
  }
}
/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*
*
*  720px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 720px)
*
*/
@media screen and (min-width: 45em) {
  .row33 div.wrapper {
    float:left;
    width:33.333%;
  }
  .row75_ {
    float:left;
    width:66.666%;
  }
  .row25_ {
    float:left;
    width:33.333%;
  }
  #con {
    min-height:39em;
  }
  #mt_r {
    text-align:right;
  }
  .content_wrapper {
    width: 560px;
    padding: 40px;
  }
  .content {
    width: 587px;
  }
}
/*
*
*  768px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 744px)
*
*/
@media screen and (min-width: 46.5em) {
  body {
    font-size: 1em;
  }
  .content_startsite {
    width: 570px!important;
  }
  #cbooking {
    top: -26px;
    left: 0px;
  }
}
/*
*
*  966px
*  Reset baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 888px)
*
*/
@media screen and (min-width: 55.5em) {
  body {
    font-size: 1.0625em;
  }
  .row50 div.wrapper {
    float:left;
    width:50%;
  }
  .row25 div.wrapper {
    width:25%;
  }
  .row75__ {
    float:left;
    width:75%;
  }
  .row50__ {
    float:left;
    width:50%;
  }
  .row25__ {
    float:left;
    width:25%;
  }
  #con {
    min-height:10em;
  }
  #menu {
    display:inline;
  }
  #mt_m  {
    display:none;
  }
  #head_wrap,
  #foot_wrap {
    display:block;
  }
  #con {
    padding-top: 9em;
  }
  #language {
    display: block;
  }
  .content_box_logo {
    display: block;
  }
  .mobile_box,
  #mobile_menu_wrapper {
    display: none;
  }
  .mobile_box_sites {
    display: block;
    top: -8px;
  }
  .content_wrap {
    max-height: 640px;
    margin-top: 0;
  }
  .content {
    max-height: 450px;
  }
  .consubs {
    height: 900px;
  }
  .consubs:nth-child(n+2) {
    height: 900px;
  }
  .content_box {
    margin-top: 4em;
  }
  .sites_header {
    display: none;
  }
}

/*
*
*  1024px 1152px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 984px)
*
*/
@media screen and (min-width: 61.5em) {
  body {
    font-size: 1em;
  }
  #con {
    min-height:24em;
  }
  .mobile_box_sites {
    display: none;
  }
  .content_box_mobile {
    display: none;
  }
  .content_box {
    width: 282px;
    margin-left: 642px;
    margin-top: 0;
    position: fixed;
  }
  #cbooking {
    top: -32px;
    left: 0px;
  }
}
/*
*
*  1280px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1200px)
*
*/
@media screen and (min-width: 75em) {
  #wrapper_menu_foot ul li,
  #wrapper_menu_main ul li {
    margin-right:4em;
  }
  .content_wrap {
    margin-left: 32px;
  }
  .content_box {
    margin-left: 674px;
  }
  .consubs {
    height: 1000px;
  }
  .consubs:nth-child(n+2) {
    height: 1000px;
  }
  #cbooking {
    top: -32px;
    left: 32px;
  }
}
/*
*
*  1440px 1600px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 1392px)
*
*/
@media screen and (min-width: 87em) {
  body {
    font-size: 1em;
  }
  #head, #con, #foot {
    margin: 0 16.666666666666664%;
  }
  .content_wrap {
    margin-left: 0px;
  }
  .content_box {
    margin-left: 642px;
  }
  #con {
    padding-top: 16em;
  }
  #cbooking {
    top: -32px;
    left: 0px;
  }
}
/*
*
*  1920px 16/9 Desktop 22-24"
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1680px)
*
*/
@media screen and (min-width: 105em) {
  body {
    font-size: 1.0625em;
  }
  #con {
    min-height:49em;
  }
  .content_wrap {
    margin-left: 150px;
  }
  .content_box {
    margin-left: 792px;
  }
  .slogan {
    left: 7em;
  }
  .arrow {
    margin-left: 550px;
  }
  #cbooking {
    top: -34px;
    left: 31px;
  }
}
/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*
*
*  1920px Fullscreen
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1872px)
*
*/
@media screen and (min-width: 117em) {

}
/*
*
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 2080px)
*
*/
@media screen and (min-width: 130em) {
  #head, #con, #foot {
    margin: 0 22.22222222222222%;
  }
}
/*
*
*  2560px 27"
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 2496px)
*
*/
@media screen and (min-width: 156em) {
  body {
    font-size: 1.125em;
  }
}
/*
*
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 3216px)
*
*/
@media screen and (min-width: 201em) {
  #head, #con, #foot {
    margin: 0 27.77777777777778%;
  }
}
/*
*
*  Zoom baseline grid to 19/16 = 1.1875
*  @media screen and (min-width: 4104px)
*
*/
@media screen and (min-width: 256.5em) {
  body {
    font-size: 1.1875em;
  }
  #head, #con, #foot {
    margin: 0 33.33333333333333%;
  }
}
/*
*
*  Zoom baseline grid to 19/16 = 1.1875
*  @media screen and (min-width: 4440px)
*
*/
@media screen and (min-width: 277.5em) {
  body {
    position: relative;
    max-width: 5120px;
  }
}