html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #f0f0f0; width: 100%; font-family: 'Oxygen', sans-serif; color: #333; font-size: 16px; font-weight: 400; line-height: 1.4; }
*, *::before, *::after { box-sizing: border-box; padding: 0; margin: 0; }
a { color: #a20849; text-decoration: none; font-weight: 700; }
a:hover { color: #41031d; }
img, iframe { border: none; }
*:focus { outline: none; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
a[href^=tel] { color:inherit; text-decoration: none; font-weight: inherit; }
input, button, select, optgroup, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
.clear { clear: both; height: 0; }
.clearfix::after, .widthFix::after { display: block; content: ""; height: 0; clear: both; visibility: hidden; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; }
p, table { margin: 0 0 15px 0; }
h1 { font-size: 25px; font-family: 'Merriweather', serif; font-weight: 400; font-style: italic; color: #a20849; line-height: 1.25; margin: 0 0 15px 0; }
h2 { font-size: 21px; font-family: 'Merriweather', serif; font-weight: 400; font-style: italic; color: #a20849; line-height: 1.25; padding-top: 10px; }
h1 + h2 { color: #777; font-family: 'Oxygen', sans-serif; font-weight: 400; font-style: normal; padding-top: 0; margin: -14px 0 15px 0; }
h3, h4 { font-size: 18px; font-weight: 400; color: #a20849; padding-top: 10px; }
h3 { border-bottom: 1px dotted #999; clear: both; }
h1 a, h2 a, h3 a, h4 a { font-weight: 400; }
h2:first-child, h3:first-child, h4:first-child { padding-top: 0; }
.soft { color: #999; }
#header, #mainNav, #emotion, #main, #content, #footer { width: 100%; position: relative; overflow: hidden; z-index: 1; }
.widthFix { max-width: 1440px; position: relative; margin: 0 auto; }
#emotion img, .box img, .navItem img, .gallery img { display: block; width: 100%; height: auto; }
#logo a, #logo img { display: block; width: auto; height: 100%; }
ul.nav { list-style-type: none; }
ul.nav a { font-weight: 400; text-decoration: none; }
#stickyFix, .hide { display: none; }
#header { background: #a20849; z-index: 100; overflow: visible; }
#header .widthFix { height: 162px; }
#infoTable { width: 100%; background: rgba(0,0,0,.3); padding: 0 15px; color: #ffd5e7; font-size: 16px; line-height: 1; text-align: right; }
#infoTable .info, #infoTable .icon::before { display: inline-block; vertical-align: middle; line-height: 30px; }
#infoTable .icon::before { font-size: .95em; margin-right: 5px; }
#infoTable .hotline::before { content: '\e802'; }
#infoTable .declaration.icon::before { content: '\e804'; margin-top: -0.13em; }
#infoTable .hotline { color: #fff; font-weight: 600; padding-left: 20px; }
#infoTable .declaration { display: none; padding-left: 10px; }
#infoTable .declaration.icon { padding-left: 15px; }
#logo { height: 130px; position: absolute; top: 35px; left: 15px; }
#mainNav { background: #666; z-index: 200; }
#menu { width: 100%; position: relative; opacity: 0; max-height: 0; overflow: hidden; }
.menuActive #menu { opacity: 1; max-height: 800px; }
#menu ul li { position: relative; }
#menu ul li a { width: 100%; display: block; font-size: 19px; line-height: 50px; padding: 0 50px 0 15px; color: #fff; border-top: 1px solid #888; }
#menu ul li a:hover, #menu ul li.active > a { background: #a20849; color: #fff; }
#menu ul li span.more { display: block; cursor: row-resize; width: 50px; height: 50px; font-size: 30px; line-height: 50px; color: #fff; position: absolute; top: 1px; right: 0; }
#menu ul li span.more::before, #menu ul li.active.open span.more::before { content: '\f107'; width: 100%; }
#menu ul li.open span.more, #menu ul li.active span.more { line-height: 48px; }
#menu ul li.open span.more::before, #menu ul li.active span.more::before { content: '\f106'; }
/* ZWEITE MENÜEBENE */
#menu ul ul, #menu ul li.active.open ul { max-height: 0; overflow: hidden; padding: 0; }
#menu ul li.open ul, #menu ul li.active ul { max-height: 500px; }
#menu ul ul li a { max-height: 42px; font-size: 17px; line-height: 42px; padding: 0 0 0 30px; margin-top: 1px; border: none; }
#emotion .imageContainer { width: 100%; position: relative; overflow: hidden; }
#emotion .image.slick-slide { max-height: 800px; overflow: hidden; } /* IE11 overflow Bug */
#emotion .slick-arrow { display: block; background: transparent; width: 30px; height: 100%; border: 0; color: #fff; cursor: pointer; position: absolute; top: 0; z-index: 20; opacity: .5; }
#emotion .slick-arrow:hover { opacity: 1; }
#emotion .slick-arrow.prev { left: 0; }
#emotion .slick-arrow.next { right: 0; }
#emotion .slick-arrow::before { content: '\f104'; font-size: 40px; line-height: 100%; }
#emotion .slick-arrow.next::before { content: '\f105'; }
#emotion ul.slick-dots { width: 100%; height: 10px; text-align: center; position: absolute; left: 0; bottom: 10px; z-index: 20; }
#emotion li { display: inline-block; margin: 0 3px; }
#emotion li button { display: block; background: rgba(255,255,255,.5); width: 10px; height: 10px; text-indent: -5000px; border: none; border-radius: 50%; cursor: pointer; }
#emotion li.slick-active button { background: rgba(255,255,255,1); }
#main { display: block; /* IE11 kennt kein */ background: #f0f0f0; }
#main section .widthFix { padding: 20px 15px 0 15px; }
#main section#timeTable .widthFix, #main section:nth-last-child(2) .widthFix { padding-bottom: 20px; }
#main section#content .widthFix, #main section#news .widthFix, #main section#download .widthFix, #main .separator { max-width: 1080px; }
#footer { background: #a20849; color: #fff; padding: 25px 15px 20px 15px; }
#footer a { color: #fff; font-weight: 400; }
#footer a:hover { color: #fa8dbb; }
#footerNav { width: auto; display: table; margin: 0 auto; padding-bottom: 13px; }
#footerNav ul li a { display: block; width: 160px; background: rgba(0,0,0,.3); font-size: 18px; line-height: 40px; text-align: center; color: #fff; margin: 0 0 12px 0; border-radius: 4px; }
#footerNav a:hover, #footerNav a.current { color: #fff; background: rgba(0,0,0,.6); }
#contactInfo { font-size: 17px; line-height: 1.4; text-align: center; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); position: relative; }
#footer .author { width: 100%; font-size: 14px; text-align: center; padding-top: 20px; }
#footer .author a { color: rgba(255,255,255,.4); }
#footer .author a:hover { color: rgba(255,255,255,1); }
#footer .copyright { display: block; }
/* EFFEKTE */
.fast, #mainNav, #menu, #menu ul, #menu a, #menu a::before, #footer a, #main .letter, #main .letter h2 { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; }
.slow, #logo, .btn, .btn::after, .navItem::before, .navItem img, .gallery a.group::after, .gallery img { -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; transition: all .8s ease-out; }
/* Responsive Menu */
#toggleNavbar { display: block; background: rgba(0,0,0,.3); width: 48px; height: 48px; padding: 0; position: absolute; top: 50%; margin-top: -9px; right: 15px; border-radius: 50%; z-index: 100; }
#toggleNavbar .icon, #toggleNavbar .icon::before, #toggleNavbar .icon::after { background: #fff; width: 22px; height: 2px; position: absolute; transition: 0.6s ease; transition-timing-function: cubic-bezier(.75, 0, .29, 1.01); }
#toggleNavbar .icon { top: 23px; left: 13px; }
#toggleNavbar .icon::before { content: ""; top: -6px; }
#toggleNavbar .icon::after { content: ""; top: 6px; }
/* on activation */
.menuActive #toggleNavbar .icon { background: transparent; }
.menuActive #toggleNavbar .icon::before { background: #fff !important; top: 0 !important; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.menuActive #toggleNavbar .icon::after { background: #fff !important; top: 0 !important; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
/* TIMETABLE */
#timeTable { background: #fff; text-align: center; }
#timeTable h2 { padding: 0; margin-bottom: 15px; }
#timeTable .advice { font-size: 1.2em; font-weight: 700; padding-top: 15px; }
#timeTable .day { font-size: 16px; line-height: 1.6; }
#timeTable .day.today { color: #a20849; font-weight: 700; }
#timeTable span { display: inline-block; text-align: left; }
#timeTable .weekDay { width: 32px; }
#timeTable .weekDay::after { content:':'; }
#timeTable .time-2::before { content:'und '; }
/* SEPARATOR */
#main .separator { width: 100%; padding: 0; position: relative; text-align: center; margin: 0 auto 35px auto; clear: both; }
#main .separator h2 { margin: 0; line-height: 1; }
#main .separator::before, #main .separator::after { content:''; background: #ccc; width: calc(40% - 80px); height: 2px; position: absolute; top: 50%; left: 10%; margin-top: -1px; }
#main .separator::after { left: auto; right: 10%; }
/* SUBNAV ÜBERSICHT */
#main .navItem { display: block; max-width: 440px; width: 100%; margin: 0 auto 20px auto; position: relative; overflow: hidden; border-radius: 6px; }
#main .navItem::before { content: ''; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; opacity: .2; }
#main .navItem:hover::before { opacity: .7; }
#main .navItem:hover img { transform: scale(1.05); }
#main .navItem .boxHeader { width: 100%; text-align: center; padding: 0 6%; position: absolute; top: 50%; left: 0; z-index: 10; transform: translateY(-50%); }
#main .navItem .boxHeader h2 { font-size: 30px; font-size: 8vw; font-weight: 400; line-height: 1.25; color: #fff; border: none; margin: 0; padding: 0; text-shadow: 0 0 7px rgba(0,0,0,.75); }
/* BOX */
#main .box { background: #fff; display: block; width: 100%; line-height: 1.45; padding: 15px; margin-bottom: 20px; border: 1px solid #dfdfe4; border-radius: 8px; position: relative; overflow: hidden; box-shadow: 0 0 12px 0 rgba(0,0,0,.15); }
#main .box h3 { border-color: #ccc; }
#main .blog img { margin: 0 0 15px 0; }
#main .box p:last-child, #main .letter p { margin-bottom: 0; }
#main .blog img + h2 { padding-top: 0; }
/* LETTERBOX */
#main .letter { min-height: 85px; color: #333; font-size: 15px; font-weight: 400; text-decoration: none; padding-right: 75px; }
#main a.letter:hover { box-shadow: 0 0 20px 0 rgba(0,0,0,.3); border-color: #ccc; }
#main .letter::before { content: ''; width: 36px; height: 36px; font-size: 36px; line-height: 1; position: absolute; top: 15px; right: 10px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; }
#main .letter.pdf::before { background-image: url(/gfx/icon-pdf.svg); }
#main .letter.xls::before { background-image: url(/gfx/icon-xls.svg); }
#main .letter.doc::before { background-image: url(/gfx/icon-doc.svg); }
#main .letter h2 { font-size: 18px; font-family: 'Oxygen', sans-serif; font-style: normal; color: #333; }
#main .letter:hover h2 { color: #a02c3f; }
#main.newsDetail .letter h2 { margin: 0; }
#main .letter .loadSize { font-size: 14px; line-height: 1; color: #999; position: absolute; bottom: 10px; right: 11px; }
/* TABELLEN + LISTEN */
table { width: 100%; font-size: 1em; line-height: 1.35; padding-top: 15px; }
table a, table p { font-weight: 400; }
table p { margin-top: 5px; font-size: 16px; }
table td, table th { background: #fff; padding: 8px 10px; text-align: left; vertical-align: top; border-radius: 4px; }
table th { font-weight: 700; background: #a20849; color: #fff; }
table th.divider { background: #fff; color: #a20849; }
table.priceTable th:nth-child(n+2), table.priceTable td:nth-child(n+2) { text-align: right; white-space: nowrap; }
#main ul, #main ol { line-height: 130%; padding-left: 20px; margin: 0 0 15px 0; }
#main ul li, #main ol li { padding: 3px 0; }
#content ul ul { margin: 0; }
/* SITEMAP */
#content ul.sitemap { padding: 0; list-style-type: none; }
#content ul.sitemap li { padding: 8px 0; }
#content ul.sitemap li a { font-size: 1.2em; padding-left: 16px; position: relative; display: inline-block; text-decoration: none; }
#content ul.sitemap a::before { content: '\f105'; font-size: 1em; position: absolute; top: 0; left: 2px; }
#content ul.sitemap li p { font-size: .9em; margin: 0; padding: 2px 0 0 16px; }
#content ul.sitemap li .sectionheader { font-size: 1.2em; font-weight: 600; }
#content ul.sitemap ul { padding: 8px 0 8px 30px; margin: 0; border: none; list-style-type: none; }
#content ul.sitemap ul li a { font-size: 1.05em; }
/* BILDER */
.picBanner, .pic3left, .pic3right { display: block; width: 100%; height: auto; margin: 0 0 15px 0; }
/* GOOGLE MAPS */
.responsiveContainer { width: 100%; position: relative; padding-top: 15px; padding-bottom: 70%; height: 0; margin: 0 0 15px 0; overflow: hidden; }
.video.responsiveContainer { padding-bottom: 58%; }
#notice { font-size: 16px; padding: 5px; white-space: nowrap; }
#notice h4 { font-size: 18px; padding: 0; margin: 0 0 5px 0; }
#map, .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* GALLERY */
#main .gallery { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -5px; }
#main .gallery a.group { width: calc(50% - 10px); margin: 0 5px 10px 5px; position: relative; overflow: hidden; border-radius: 6px; }
#main .gallery a.group::after { content: ''; position: absolute; left: 3%; right: 3%; top: 4%; bottom: 4%; border: 1px solid rgba(255,255,255,.7); border-radius: 5px; z-index: 10; }
#main .gallery a.group:hover img { transform: scale(1.05); }
#main .gallery a.group:hover::after { left: 0; right: 0; top: 0; bottom: 0; border-color: rgba(255,255,255,0); }
/* KONTAKTFORMULAR */
.contactform { text-align: left; margin: 0 auto; }
.contactform fieldset { border: none; }
.contactform legend { display: block; width: 100%; font-size: 18px; color: #a02c3f; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #999; }
.contactform .form-group { margin-bottom: 15px; position: relative; }
#content .confirm { padding-top: 20px; }
label, input, select { display: inline-block; font-size: 1em; line-height: 1; font-weight: 400; border: none; border-radius: 0; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
fieldset label { line-height: 1.8; margin-right: 15px; }
fieldset .form-control { background-color: #fff; height: 40px; line-height: 40px; padding-left: 10px; border: 1px solid #c6c3c1; border-radius: 4px; }
fieldset input.form-control:focus { border-color: #888; }
fieldset select.form-control { padding-right: 36px; background-image: url(/gfx/arrow.png); background-position: right 2px; background-repeat: no-repeat; background-size: 34px auto; }
fieldset select::-ms-expand { display: none; }
.contactSelect label { font-size: .9em; }
.contactSelect .form-control { width: 100%; }
/* NORMALIZE RADIO + CHECKBOX */
.contactform input[type='checkbox']:checked, .contactform input[type='checkbox']:not(:checked), .contactform input[type='radio']:checked, .contactform input[type='radio']:not(:checked) { width: 0; height: 0; background: transparent; position: absolute; }
.contactform input[type='checkbox'] + label, .contactform input[type='radio'] + label { cursor: pointer; position: relative; padding-left: 30px; }
.contactform input[type='checkbox']:checked + label::before, .contactform input[type='checkbox']:not(:checked) + label::before, .contactform input[type='radio']:checked + label::before, .contactform input[type='radio']:not(:checked) + label::before { content:''; background: #fff; display: inline-block; width: 18px; height: 18px; position: absolute; top: 50%; left: 0; border: 1px solid #c6c3c1; margin-top: -9px; }
.contactform input[type='checkbox']:hover + label::before, .contactform input[type='radio']:hover + label::before { background: #c6c3c1; box-shadow: inset 0 0 0 3px #fff; }
.contactform input[type='checkbox']:checked + label::before, .contactform input[type='radio']:checked + label::before { background: #a02c3f; box-shadow: inset 0 0 0 3px #fff; }
.commentSelect label { display: none; }
.commentSelect textarea { width: 100%; height: 150px; line-height: 1.3; padding: 10px; border: 1px solid #c6c3c1; border-radius: 4px; }
.contactform .privacySelect label { font-size: 16px; line-height: 1.3; }
.contactform .privacySelect input[type='checkbox'] + label::before { top: 3px; margin: 0; }
.contactform .buttonCol { padding-top: 15px; margin-bottom: 15px; text-align: center; }
.contactform .buttonCol .btn { width: 180px; }
/* FEHLERMELDUNGEN + SPAM */
#main .contactform .form-row.hpsp { height: 0; overflow: hidden; visibility: hidden; }
#main ul.error { background: #fff; list-style-type: none; color: #c00; padding: 10px 15px; margin-top: 30px; margin-bottom: 0; border: 3px solid #bb0000; }
.contactform div.error { display: block; width: 100%; font-size: .8em; color: #c00; line-height: 1.25; margin: 0; padding-top: 5px; }
.contactform input.error, fieldset input.error:focus { border-color: #c00; }
/* BUTTONS */
.btn { display: inline-block; background: #a20849; font-size: 1em; font-weight: 400; line-height: 40px; text-transform: uppercase; color: #fff !important; border: none; border-radius: 4px; vertical-align: top; padding: 0 20px; margin-top: 15px; text-decoration: none; cursor: pointer; position: relative; overflow: hidden; z-index: 10; }
.btn-left { margin-right: 15px; }
.btn-right { float: right; margin-left: 15px; }
.btn:hover { background: #41031d; }
.btn i { margin-right: 10px; }
/* BUCHUNG */
#main section#bookingButton { width: 100%; display: table; text-align: center; margin-bottom: 15px; }
.btnBooking { background: #fff; display: inline-block; width: 100%; max-width: 420px; height: 100px; border-radius: 50px; box-shadow: 0 0 14px 1px rgba(0,0,0,.2); position: relative; }
.btnBooking h2 { width: calc(100% - 110px); font-size: 28px; font-weight: 700; line-height: 1; text-align: center; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }
.btnBooking span { display: block; font-size: 18px; margin-bottom: 4px; }
.btnBooking img { display: block; width: 80px; height: auto; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.btnBooking:hover { background: #a20849; }
.btnBooking:hover h2 { color: #fff; }
/* table fix
---------------------------- */
@media screen and (max-width: 600px) {
/* Force table to not be like tables anymore */
table.responsive, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive th.divider, table.responsive td { display: block; }
/* Hide table headers */
table.responsive th:nth-of-type(n+2) { display: none; }
table.responsive td:nth-of-type(1) { font-weight: 700; margin-bottom: 2px; }
table.responsive td:nth-of-type(n+2) { position: relative; padding-left: 40%; text-align: right; margin-bottom: 2px; }
table.responsive td:nth-of-type(n+2)::before { content:attr(data-label); position: absolute; top: 8px; left: 10px; white-space: nowrap; text-align: left; }
table.responsive th.divider { background: #a20849; color: #fff; margin-bottom: 2px; }
}
/* little fixes
---------------------------- */
@media screen and (min-width: 370px) {
h1 { font-size: 27px; }
h2 { font-size: 22px; }
#header .widthFix { height: 122px; }
#logo { top: 13px; }
.pic3left { float: left; width: 36%; margin: 4px 15px 10px 0; }
.pic3right { float: right; width: 36%; margin: 4px 0 10px 15px; }
/* BOX */
#main .blog img { width: 30%; float: right; margin: 4px 0 15px 15px; }
/* TIMETABLE */
#timeTable .day { font-size: 17px; }
/* SEPARATOR */
#main .separator::before, #main .separator::after { width: calc(40% - 85px); }
/* LETTERBOX */
#main .letter { font-size: 16px; padding-right: 80px; }
#main .letter::before { right: 15px; }
#main .letter h2 { font-size: 20px; }
#main .letter .loadSize { right: 16px; }
}
/* Landscape phone to portrait tablet
---------------------------- */
@media screen and (min-width: 480px) {
#header .widthFix { height: 127px; }
#infoTable { padding: 0 20px; }
#logo { height: 140px; left: 20px; }
#toggleNavbar { right: 20px; }
#emotion .slick-arrow { width: 36px; }
#emotion .slick-arrow::before { font-size: 50px; }
#emotion ul.slick-dots { height: 12px; bottom: 10px; }
#emotion li { margin: 0 4px; }
#emotion li button { width: 12px; height: 12px; }
#main section .widthFix { padding: 25px 20px 0 20px; }
#main section#timeTable .widthFix, #main section:nth-last-child(2) .widthFix { padding-bottom: 25px; }
#footer { padding: 30px 0 25px 0; }
#footerNav { padding-bottom: 20px; }
#footerNav ul { width: 340px; }
#footerNav ul li { float: left; }
#footerNav ul li a { margin: 0 5px 10px 5px; }
#contactInfo { width: auto; display: table; margin: 0 auto; text-align: left; padding: 15px 20px 15px 140px; }
#contactInfo::before { content: '\f0e6'; font-size: 100px; height: 100px; line-height: 100px; position: absolute; top: 50%; left: 20px; margin-top: -50px; opacity: .3; }
#footer .author { padding-top: 25px; }
/* BOX */
#main .box { margin-bottom: 25px; }
#main .box h2 { font-size: 24px; }
#main .blog img { width: 33%; max-width: 180px; margin: 4px 0 10px 25px; }
/* LETTERBOX */
#main .letter h2 { font-size: 22px; }
/* SUBNAV ÜBERSICHT */
#main .navItem .boxHeader h2 { font-size: 37px; }
/* SEPARATOR */
#main .separator { margin-bottom: 40px; }
/* GALLERY */
#main .gallery { margin: 0 -7px; }
#main .gallery a.group { width: calc(33.3% - 14px); margin: 0 7px 14px 7px; }
/* BUCHUNG */
.btnBooking { height: 120px; border-radius: 60px; }
.btnBooking h2 { font-size: 32px; width: calc(100% - 130px); }
.btnBooking span { font-size: 20px; margin-bottom: 6px; }
.btnBooking img { width: 100px; }
}
/* logo height fix
---------------------------- */
@media screen and (min-width: 600px) {
#infoTable .opening .state { color: #fff; font-weight: 700; }
#infoTable .declaration { display: inline-block; }
#infoTable .hotline { padding-left: 25px; }
/* SUBNAV ÜBERSICHT */
#subNav { width: auto; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -10px; }
#main .navItem { width: calc(50% - 20px); max-width: 100%; margin: 10px; }
#main .navItem .boxHeader h2 { font-size: 27px; font-size: 4vw; }
/* LETTERBOX */
#main .letter { min-height: 0; padding-left: 80px; padding-right: 90px; }
#main.newsDetail .letter { padding-top: 20px; padding-bottom: 20px; }
#main .letter::before { width: 40px; height: 40px; font-size: 40px; top: 50%; right: auto; left: 15px; margin-top: -20px; }
#main .letter h2 { margin-bottom: 5px; }
#main .letter .loadSize { font-size: 16px; top: 50%; bottom: auto; right: 15px; margin-top: -8px; }
/* BILDER */
.picBanner { margin: 0 0 20px 0; }
.pic3left { margin: 4px 20px 15px 0; }
.pic3right { margin: 4px 0 15px 20px; }
/* KONTAKTFORMULAR */
.contactform legend { padding-top: 15px; margin-bottom: 15px; }
.contactform .form-group { margin-bottom: 20px; }
.contactSelect .form-row { display: flex; justify-content: space-between; align-items: flex-start; }
.contactSelect .form-row .form-group { flex-basis: 48.5%; }
.contactSelect .form-row.asym .form-group { flex-basis: 67%; }
.contactSelect .form-row.asym .form-group:first-child { flex-basis: 30%; }
.contactform textarea { height: 200px; padding: 15px; }
/* TIMETABLE */
#timeTable { background-image: url(/gfx/wood.jpg); background-repeat: repeat; }
#main section#timeTable .widthFix { max-width: 600px; padding-left: 0; padding-right: 0; }
#timeTable h2, #timeTable .weekDay::after, #timeTable .time-2::before { display: none; }
#timeTable .advice { color: #fff; text-shadow: 0 0 3px #000; }
#timeTable .timeWrapper { display: flex; flex-wrap: wrap; justify-content: center; }
#timeTable .day { background: #7e7a6b; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0 0 0 4px rgba(255,255,255,.5); color: #fff; font-size: 14px; font-weight: 700; line-height: 1; margin: 10px; overflow: hidden; }
#timeTable .day.today { background: #a20849; color: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,1); }
#timeTable span { display: block; text-align: center; }
#timeTable .weekDay { width: auto; font-size: 28px; padding: 15px 0 5px 0; }
#timeTable .unit { font-size: 16px; padding-top: 5px; opacity: .5; }
#timeTable .time-1, #timeTable .time-2 { line-height: 18px }
#timeTable .oneTime .time-1 { font-size: 16px; line-height: 36px; }
}
/* Portrait tablet to landscape and desktop
------------------------------------- */
@media screen and (min-width: 768px) {
h1 { font-size: 32px; }
h2 { font-size: 24px; }
#header .widthFix { height: 137px; }
#infoTable { padding: 0 25px; }
#infoTable .hotline { padding-left: 30px; }
#logo { height: 150px; left: 25px; }
#toggleNavbar { right: 25px; }
#emotion li button { display: block; }
#emotion .info { width: 520px; padding: 10px 25px 10px 10px; text-align: right; bottom: 40px; border-radius: 8px 0 0 8px; }
#emotion .info h2 { font-size: 22px; }
#emotion .info p { font-size: 16px; }
#main section .widthFix { padding: 30px 25px 0 25px; }
#main section:nth-last-child(2) .widthFix { padding-bottom: 30px; }
#footer { padding: 35px 0 20px 0; }
#footerNav { padding-bottom: 25px; }
#footerNav ul { width: 100%; }
#footerNav ul li a { width: auto; padding: 0 20px; }
#contactInfo { padding: 20px 80px 20px 230px; }
#contactInfo::before { font-size: 120px; height: 120px; line-height: 120px; left: 80px; margin-top: -60px; }
/* BOX */
#main .blog img { margin: 5px 0 15px 30px; }
/* SEPARATOR */
#main .separator { padding: 10px 0; margin-bottom: 45px; }
#main .separator::before, #main .separator::after { width: calc(40% - 95px); }
/* GALLERY */
#main .gallery { margin: 0 -10px; }
#main .gallery a.group { width: calc(33.3% - 20px); margin: 0 10px 20px 10px; }
/* KONTAKTFORMULAR */
.contactform textarea { height: 300px; padding: 15px; }
#content .confirm { padding-top: 30px; }
/* TABELLEN + LISTEN */
table { padding-top: 20px; }
table td, table th { padding: 9px 12px; }
/* GOOGLE MAPS */
#gmap .responsiveContainer { padding-bottom: 50%; }
/* BUCHUNG */
#main section#bookingButton { padding: 20px 0; }
}
/* Box fix
------------------------------------- */
@media screen and (min-width: 900px) {
/* BOX */
#main .blog, #main .letter { margin-bottom: 30px; }
/* LETTERBOX */
#main .letter { padding-left: 85px; padding-right: 100px; }
#main .letter::before { width: 46px; height: 46px; font-size: 46px; margin-top: -23px; }
#main .letter h2 { font-size: 24px; }
}
/* desktop small
------------------------------------------- */
@media screen and (min-width: 992px) {
body { font-size: 18px; }
h2, h3, h4 { padding-top: 12px; }
h1 { font-size: 34px; margin: 0 0 20px 0; }
h2 { font-size: 26px; }
h3, h4 { font-size: 20px; }
h1 + h2 { font-size: 25px; margin: -18px 0 17px 0; }
#header { background: #f0f0f0; }
#header .widthFix { height: auto; }
#infoTable { background: transparent; padding: 0 30px; color: #777; font-size: 18px; height: 52px; }
#infoTable .info, #infoTable .icon::before { line-height: 50px; }
#infoTable .declaration.icon::before { margin-top: -0.2em; }
#infoTable .opening .state, #infoTable .hotline { color: #333; }
#logo { background: #a20849; width: 200px; height: 200px; padding: 60px 0 0 0; top: -50px; left: 30px; border-radius: 50%; }
#logo img { margin: 0 auto; }
#toggleNavbar { display: none; }
#stickyFix { display: block !important; width: 1px; height: 1px; position: absolute; top: 52px; left: 0; }
.fixed #logo { top: -200px; }
.fixed #mainNav { position: fixed; top: 0; }
.fixed #emotion { padding-top: 48px; }
#mainNav { overflow: visible; z-index: 20; }
#mainNav .widthFix { padding: 0 10px; }
#menu { width: auto; float: right; opacity: 1; max-height: 1000px; overflow: visible; }
#menu ul li { float: left; margin-left: 1px; }
#menu ul li a { font-size: 20px; line-height: 48px; padding: 0 16px; border: none; }
#menu ul li:hover > a { background: #a20849; }
#menu ul li span.more { display: none; }
/* ZWEITE MENÜEBENE */
#menu ul ul { max-height: none; padding: 0; position: absolute; top: 48px; left: 0; }
#menu > ul > li:last-child ul { left: auto; right: 0; }
#menu ul ul li { margin: 1px 0 0 0; float: none; }
#menu ul ul li a { max-height: 0; background: #666; width: 100%; font-size: 18px; line-height: 44px; padding: 0 16px; white-space: nowrap; }
#menu ul li:hover ul li a { max-height: 44px; }
#menu ul ul li a:hover, #menu ul li a.current, #menu ul ul li.active a { background: #a20849; }
#emotion { border-top: 1px solid #fff; }
#emotion .slick-arrow { width: 45px; height: 100%; top: 0; }
#emotion .slick-arrow::before { font-size: 60px; }
#emotion ul.slick-dots { bottom: 15px; }
#main section .widthFix { padding: 40px 30px 0 30px; }
#main section:nth-last-child(2) .widthFix { padding-bottom: 40px; }
#main section#timeTable .widthFix { max-width: 100%; }
/* SEPARATOR */
#main .separator { margin-bottom: 55px; }
#main .separator::before, #main .separator::after { width: calc(40% - 105px); }
/* SUBNAV ÜBERSICHT */
#main .navItem { width: calc(33.3% - 20px); margin: 10px; }
#main .navItem .boxHeader h2 { font-size: 26px; font-size: 2.6vw; }
/* GALLERY */
#main .gallery a.group { width: calc(25% - 20px); }
/* BUCHUNG */
.btnBooking { max-width: 480px; height: 140px; border-radius: 70px; }
.btnBooking h2 { font-size: 38px; width: calc(100% - 150px); }
.btnBooking span { font-size: 24px; margin-bottom: 8px; }
.btnBooking img { width: 120px; }
}
/* desktop
------------------------------------------- */
@media screen and (min-width: 1200px) {
body { font-size: 20px; }
h2, h3, h4 { padding-top: 15px; }
h1 { font-size: 36px; margin: 0 0 25px 0; }
h2 { font-size: 28px; }
h3, h4 { font-size: 22px; }
h1 + h2 { font-size: 26px; margin: -22px 0 20px 0; }
#infoTable { padding: 0 40px; font-size: 19px; height: 64px; }
#infoTable .info, #infoTable .icon::before { line-height: 60px; }
#logo { width: 260px; height: 260px; padding: 80px 0 0 0; top: -70px; left: 40px; }
#stickyFix { top: 64px; }
.fixed #emotion { padding-top: 50px; }
#mainNav .widthFix { padding: 0 15px; }
#menu ul li a { font-size: 22px; line-height: 50px; padding: 0 22px; }
/* ZWEITE MENÜEBENE */
#menu ul ul { top: 50px; }
#menu ul ul li a { font-size: 20px; line-height: 46px; padding: 0 22px; }
#main section .widthFix { padding: 50px 40px 0 40px; }
#main section:nth-last-child(2) .widthFix { padding-bottom: 60px; }
#main section#timeTable .widthFix { padding: 40px 0 30px 0; }
#footer { padding: 40px 0 20px 0; }
#footerNav { padding-bottom: 30px; }
#footerNav ul li a { font-size: 20px; line-height: 44px; padding: 0 25px; }
#contactInfo { font-size: 19px; padding: 25px 150px 25px 320px; }
#contactInfo::before { font-size: 136px; height: 136px; line-height: 136px; left: 150px; margin-top: -68px; }
#footer .author { font-size: 16px; }
/* TIMETABLE */
#timeTable .advice { font-size: 1.1em; padding-top: 20px; }
#timeTable .day { width: 140px; height: 140px; box-shadow: 0 0 0 5px rgba(255,255,255,.5); font-size: 16px; margin: 15px; }
#timeTable .day.today { box-shadow: 0 0 0 5px rgba(255,255,255,1); }
#timeTable .weekDay { font-size: 32px; padding: 18px 0 5px 0; }
#timeTable .unit { font-size: 18px; padding-top: 7px; }
#timeTable .time-1, #timeTable .time-2 { line-height: 20px }
#timeTable .oneTime .time-1 { font-size: 18px; line-height: 40px; }
/* SEPARATOR */
#main .separator { margin-bottom: 65px; }
#main .separator::before, #main .separator::after { width: calc(40% - 125px); }
/* BOX */
#main .blog, #main .letter { padding: 20px; margin-bottom: 40px; }
#main .box h2 { font-size: 26px; }
#main .box h2 + h4 { font-size: 20px; }
/* LETTERBOX */
#main .letter { padding-left: 95px; padding-right: 100px; }
#main.newsDetail .letter { padding-top: 25px; padding-bottom: 25px; }
#main .letter::before { width: 50px; height: 50px; font-size: 50px; left: 20px; margin-top: -25px; }
#main .letter .loadSize { right: 20px; }
/* SUBNAV ÜBERSICHT */
#subNav { margin: 0 -15px; }
#main .navItem { width: calc(33.3% - 30px); margin: 15px; }
#main .navItem .boxHeader h2 { font-size: 27px; font-size: 2.5vw; }
/* GALLERY */
#main .gallery { margin: 0 -12px; }
#main .gallery a.group { width: calc(25% - 24px); margin: 0 12px 25px 12px; }
/* TABELLEN + LISTEN */
table { padding-top: 25px; }
table td, table th { padding: 10px 15px; }
}
/* desktop
------------------------------------------- */
@media screen and (min-width: 1440px) {
/* SUBNAV ÜBERSICHT */
#main .navItem .boxHeader h2 { font-size: 36px; }
}
@font-face {
font-family: 'Oxygen';
font-style: normal;
font-weight: 400;
src: local('Oxygen Regular'), local('Oxygen-Regular'),
url('../font/oxygen-v9-latin-regular.woff2') format('woff2'),
url('../font/oxygen-v9-latin-regular.woff') format('woff');
}
@font-face {
font-family: 'Oxygen';
font-style: normal;
font-weight: 700;
src: local('Oxygen Bold'), local('Oxygen-Bold'),
url('../font/oxygen-v9-latin-700.woff2') format('woff2'),
url('../font/oxygen-v9-latin-700.woff') format('woff');
}
@font-face {
font-family: 'Merriweather';
font-style: italic;
font-weight: 400;
src: local('Merriweather Italic'), local('Merriweather-Italic'),
url('../font/merriweather-v21-latin-italic.woff2') format('woff2'),
url('../font/merriweather-v21-latin-italic.woff') format('woff');
}
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?5107143');
src: url('../font/fontello.eot?5107143#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?5107143') format('woff2'),
url('../font/fontello.woff?5107143') format('woff'),
url('../font/fontello.ttf?5107143') format('truetype'),
url('../font/fontello.svg?5107143#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]::before, [class*="icon"]::before, #menu span.more::before, #contactInfo::before, .sitemap a::before { font-family: "fontello"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; display: inline-block; text-decoration: inherit; text-align: center; }
.icon-ok:before { content: '\e800'; } /* '' */
.icon-location:before { content: '\e801'; } /* '' */
.icon-phone:before { content: '\e802'; } /* '' */
.icon-attention:before { content: '\e803'; } /* '' */
.icon-clock:before { content: '\e804'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
/*! fancyBox v3 */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}