#teaser{
  position: relative;
}

#teaser .ym-wrapper{
 	background: none;
}

body{
  background: #fff !important;
}

.ym-wrapper {
   background: #fff; 
  overflow: hidden;
}

.ym-wbox.main{
  padding: 72px 0 49.5px 81px;
  overflow: hidden;

}

.ym-col3 .link1{
    background: #EBEFF0;
}

.ym-col3 .frame {
   	padding: 22.5px;
  	margin: 0 0 1.5em 0;
	text-align: center;
	border: 0;
}

.frame.frame-default{
  padding: 0 30px;
  text-align: left;
}

.ym-col3 .frame.frame-default a{
  text-align: left;
  font-style: normal;
  color: #0083A3;
}

.ym-col3 .frame.frame-default a:hover,.ym-col3 .frame.frame-default a:focus {
  color: #557580;
}

.frame.frame-default .ce-header h2, .frame.frame-default .ce-header h3{
  margin-top: 0;
  margin-bottom: 5px;
}

.ym-col3 .frame h2,.ym-col3 .frame h3{
  margin-top: 0;
  margin-bottom: 5px;
}

.ym-col3 .frame a {
    color: #557580;
    font-style: italic;
}

.frame a:hover, .frame a:focus {
    color: #0083A3;
}

.frame-gray-box{
  background: #EBEFF0;
}

.frame-blue-box{
  background: #D2E6E6;
}

.ym-hlist {
    width: auto;
    margin: -1.5em 0 0 304px;
    padding: 54px 0 0;
    overflow: hidden;
    position: relative;
    line-height: 1;
}

.ym-col1 .frame{
  text-align: left;
  padding: 0;
}

.ym-col1.content-left{
    max-width: 34em;
}

#main .ym-wbox {
  overflow: hidden;
}

.frame.frame-type-menu_sitemap a{
    color: #0083A3;
	font-weight: 400;
	text-decoration: none;
  	font-style: normal;
}

.no-margin-bottom{
  margin-bottom: 0;
}

.ym-col3 .frame p:last-of-type{
  margin-bottom: 0;
}

#foot .ym-wrapper{
    background: #EEF1F1;
}

#map .leaflet-control-zoom a{
	font-style: normal;
}

.slickslider-figure img {
  position: relative;
  width: 100%;
    margin: 0 auto;
  /*
    -webkit-transform: translateX(calc((100vw - 2048px) / 2));
    transform: translateX(calc((100vw - 2048px) / 2));
  */
}

.tx-slickslider{
  position: relative;
  margin: 0;
  width: 2048px;
  left: calc((100vw - 2048px) / 2);
}

#teaser .slick-prev {
  left: calc((100vw - 2048px) / -2 + 20px);
  z-index: 100;
}

#teaser .slick-next {
  right: calc((100vw - 2048px) / -2 + 25px);
}

/* Caption styles */
#teaser .slickslider-caption {
    position: absolute;
  /*
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  */
}
.slickslider-caption {
	z-index:8;
	opacity: 0.8;
	overflow: hidden;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#teaser .slickslider .slickslider-caption .container {
    padding: 66px 0 1.5em 73.5px; !important;
}
.slickslider-caption h2 {
  color: #000;
  font-family: 'Cantata One', serif;
  font-size: 1.466em;
  font-weight: 400;
  margin: 0;
}
.slickslider-caption p{
  color: #0083A3;
  font-size: 1.266em;
  font-style: italic;
  margin: 0;
  padding: 0;
}

/* caption fading */
.slickslider .slickslider-caption .container {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

/* media styles */
@media (min-width: 2048px) {
  #teaser .slick-prev { left: 20px; }
  #teaser .slick-next { right: 20px; }
}

@media screen and (max-width: 960px) {
  .ym-hlist ul li:last-of-type a { padding-right: 0; }
}

@media screen and (max-width: 860px) {
  #teaser .tx-slickslider { width: 1536px; height: 225px; left: calc((100vw - 1536px) / 2); }
  #teaser .slick-prev {	left: calc((100vw - 1536px) / -2 + 20px); }
  #teaser .slick-next { right: calc((100vw - 1536px) / -2 + 25px);} 
  .ym-hlist ul li:first-of-type a { padding-left: 0;}
  #teaser .slickslider-caption {left: 25%;}
  .slickslider-caption .container {font-size: 0.75em;}
}

@media screen and (max-width: 640px) {
    #teaser .tx-slickslider { width: 1024px; height: 150px; left: calc((100vw - 1024px) / 2); }
  	#teaser .slick-prev { left: calc((100vw - 1024px) / -2 + 20px);}
  	#teaser .slick-next {right: calc((100vw - 1024px) / -2 + 25px);}
}