@import url(https://fonts.googleapis.com/css?family=Arvo:400,700);

/* BASICS ---------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  font: 16px/1.4 'Arvo', sans-serif;
}

h1 {
  font-size: 40px;
  font-family: 'Arvo';
  font-weight: 700;
  letter-spacing: 0.03em;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  margin: 0;
}

@media (min-width:900px) {
  h1 {
    font-size: 75px;
  }
}

@media (max-width:400px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  margin: 40px 0 10px;
  font-weight: normal;
}

.h3,
h3 {
  margin-top: 30px;
}

h3:before {
  display: block;
  content: '';
  height: 140px;
  margin-top: -140px;
  visibility: hidden;
}

p {
  margin: 0 0 25px;
}

a,
a:hover {
  color: #333 !important;
}

a:focus {
  outline: none;
}

small {
  font-size: 90%;
}

blockquote {
  font-size: inherit;
}

img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 10px;
}

#paypal img {
  width: auto;
}

.sticky {
  position: fixed;
  z-index: 200
}


/* HEADER --------------------------------------------------------- */
/*#header, #stage{color:#fff;text-align:center;text-transform:uppercase;background:url(/_img/bg.jpg) no-repeat;background-size:cover;margin:0;}*/
#header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 65px;
  font-size: 30px;
  line-height: 65px;
  font-family: 'Arvo';
  font-weight: 700;
  letter-spacing: 0.03em;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  background-position: 60% 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  padding: 0;
  margin: 0;
}

#header a {
  text-decoration: none;
  color: #fff !important;
}

/*#stage{display:table;opacity:1;position:relative;z-index:1002;width:100%;height:500px;max-height:65vh;overflow:hidden;background-position:60% 30%;padding:180px 0 0;
  margin:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
@media (max-width:900px){
  #stage{max-height:360px;} 
}
@media (max-width:400px){
  #stage{max-height:300px;} 
}
#stage.sticky{opacity:0;}
#stage .inner{display:table-cell;vertical-align:middle;opacity:1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;padding:0 5vw;}
#stage.scrolled .inner{opacity:0;}
*/

#stage,
#stage img {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#stage img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#stage img.title_7bk {
  background-image: url(/_img/7bk/title.jpg);
}

#stage img.title_6bk {
  background-image: url(/_img/6bk/title.jpg);
}

#stage img.title_5bk {
  background-image: url(/_img/5bk/title.jpg);
}

#stage img.title_4bk {
  background-image: url(/_img/4bk/title.jpg);
}

#stage img.title_3bk {
  background-image: url(/_img/3bk/title.jpg);
}

#stage img.title_2bk {
  background-image: url(/_img/2bk/title.jpg);
}

#stage img.title_1bk {
  background-image: url(/_img/1bk/title.jpg);
}

/*#stage > div{height: 100vh;overflow: hidden;text-align: center;}
#stage img{height: 100vh;overflow: hidden;}
#stage div div{
  display:block;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
*/
#stage h1 {
  position: relative;
  top: -58vh;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

#stage h1 small {
  display: block;
  font-size: 0.6em;
  color: #fff;
}

@media (max-width:400px) {

  #stage,
  #stage img {
    height: 65vh;
  }

  #stage h1 {
    top: -35vh;
  }
}



/* NAV  */
#mainnav li:last-child {
  border-left: 1px solid #ccc;
}

.dropdown-header {
  padding: 18px 15px 0;
}

/* SUBNAV  */
#subnav {
  width: 165px;
  /* absoluter Wert, weil sich sonst durch das position:fixed;die Breite der <ul> ändert */
  margin-top: 35px;
}

#subnav.sticky {
  top: 100px;
}

#subnav a {
  display: block;
  border-left: 3px solid #fff;
}

#subnav .active>a {
  font-weight: 700;
  color: #563d7c;
  border-left: 3px solid rgb(145, 99, 121);
}

#subnav ul ul {
  display: none;
  padding-bottom: 10px;
}

#subnav ul>.active>ul {
  display: block;
}

#subnav ul ul>li>a {
  font-size: 0.9em;
  font-weight: 400;
  padding-top: 3px;
  padding-bottom: 3px;
  /*padding-left:30px;*/
}

#subnav ul>.active:focus>a,
#subnav ul>.active:hover>a,
#subnav ul>.active>a {
  font-weight: 700;
  color: #563d7c;
  background-color: transparent;
  border-left: 2px solid #563d7c;
  /*padding-left:18px;*/
}

/* FOOTER */
#footernav {
  margin-bottom: 0;
}

/* SECTIONS ------------------------------------------------------- */
.main>div {
  padding: 0 0 40px;
  border-bottom: 1px solid #eee;
}

.main>div:before {
  display: block;
  content: '';
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}

.main>div:first-child:before {
  display: none;
}


#title {
  display: table;
  width: 100%;
  height: 35vw;
  max-height: 350px;
  background: url(/_img/7bk/title.jpg) center no-repeat #000;
  background-size: cover;
  margin: 0 0 20px;
}

.page-6bk #title {
  background-image: url(/_img/6bk/title.jpg);
}

.page-5bk #title {
  background-image: url(/_img/5bk/title.jpg);
}

.page-4bk #title {
  background-image: url(/_img/4bk/title.jpg);
}

.page-3bk #title {
  background-image: url(/_img/3bk/title.jpg);
}

.page-2bk #title {
  background-image: url(/_img/2bk/title.jpg);
}

.page-1bk #title {
  background-image: url(/_img/1bk/title.jpg);
}

#title div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 15px;
}

#title div * {
  font-weight: 700;
  text-shadow: 0 0px 8px rgba(0, 0, 0, 1);
  color: #fff;
}

#title img {
  display: inline-block;
  width: 200px;
  margin-bottom: 20px;
}

#title h1 {
  font-size: 40px !important;
  margin-bottom: 10px;
}

#title .date {
  font-size: 1.5em;
  margin: 0
}

@media (max-width:768px) {
  #title img {
    width: 120px;
  }

  #title h1 {
    font-size: 28px !important;
  }

  #title .date {
    font-size: 1.2em;
  }
}


/*.gallery a{width:30%;display:block;float:left;margin:0 10px 10px 0;}*/
.gallery a {
  margin-bottom: 15px;
}

/*img.mfp-img {padding: 60px 0 !important; }*/
.mfp-title span {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.mfp-title span.nr {
  min-width: 18px;
  padding-right: 8px;
}

.mfp-title span.title {
  border-left: 1px solid grey;
  padding: 0 8px;
}

.mfp-title span.loc {
  border-left: 1px solid grey;
  padding-left: 8px;
  opacity: 0.7
}

.mfp-title small {
  margin-left: 26px;
}


.tour,
.map {
  width: 100%;
  height: 65vh;
  max-height: 65vw;
  border: 1px solid #ccc;
  margin: 0;
}


#exponate .row img {
  display: block;
  margin-bottom: 25px;
}

#exponate .row>div {
  /*height:45vh;*/
  max-height: 30vw;
  overflow: hidden;
}





/* Sticky footer styles
--------------------------------------------------
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
}
*/

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body>.container {
  padding: 60px 15px 0;
}

.container .text-muted {
  margin: 20px 0;
}

.footer>.container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}



#myCarousel {
  max-height: 65vh;
  overflow: hidden;
}



p a {
  border-bottom: 3px solid #b4e7f8;
  box-shadow: inset 0 -5px 0 #b4e7f8;
  color: inherit;
  text-decoration: none !important;
  -webkit-transition: background .15s cubic-bezier(.33, .66, .66, 1);
  transition: background .15s cubic-bezier(.33, .66, .66, 1);
}

p a {
  border-bottom: 3px solid #b4e7f8;
  box-shadow: inset 0 -2px 0 #b4e7f8;
  color: inherit;
  -webkit-transition: background .15s cubic-bezier(.33, .66, .66, 1);
  transition: background .15s cubic-bezier(.33, .66, .66, 1);
}

p a {
  font-style: italic;
  border-bottom: 0 solid #b4e7f8;
  box-shadow: inset 0 -4px 0 #b4e7f8;
  color: inherit;
  -webkit-transition: background .15s cubic-bezier(.33, .66, .66, 1);
  transition: background .15s cubic-bezier(.33, .66, .66, 1);
}

p a:hover,
p a:focus,
p a:active {
  background: #b4e7f8
}

.border {
  border: 1px solid #ccc;
}

.video {
  /*width: 500px;height:281px;*/
  width: 100%;
  height: auto;
  border: 0;
}