@charset "UTF-8";
@font-face{ font-display:swap; font-family:'Open Sans'; font-style:normal; font-weight:400; url('./fonts/open-sans-v17-latin-regular.woff2') format('woff2'); }
@font-face{ font-display:swap; font-family:'Open Sans'; font-style:normal; font-weight:600; url('./fonts/open-sans-v17-latin-600.woff2') format('woff2'); }
@font-face{ font-display:swap; font-family:'Noto Serif'; font-style:normal; font-weight:400; url('./fonts/noto-serif-v8-latin-regular.woff2') format('woff2'); }
@font-face{ font-display:swap; font-family: 'Material Symbols Sharp'; font-style: normal; font-weight:400; src:url('fonts/MaterialSymbolsSharp.woff2') format('woff2');	}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

*,::after,::before{ box-sizing:border-box; margin:0; padding:0; }

:root {
  --orange:#e8903a;
  --orange-light:#F5A04A;
  --sand:#F9F4EE;
  --stone: #4A4540;
}

body{font-family:'Open Sans', Arial,sans-serif;font-size:16px; font-weight:400;background:#eee; margin:0}
h1 {color:#333;font:normal 182%/120% 'Noto Serif',Georgia,serif;margin:10px 0 12px; font-weight:400}
h2 {font:400 140% 'Noto Serif',serif;text-transform:none;color:#1e1e1e;margin:10px 0 10px;}
a { text-decoration:none;}
strong {font-size:110%;letter-spacing:-.02em;font-weight:600}
.clr{clear:both;display:block;line-height:1em}

#page {width:100%;max-width:1200px;background:#fff;box-shadow:0 0 10px rgba(150,150,150,.5)}
header {width:100%;max-width:1200px;height:280px; box-shadow:none; background-size:cover; background-position:center!important;}
#title { width:300px; height:89px; float:left; margin:12px 0 0 6px;}
#titlelogo { display:none; }
#wrapper {width:100%; max-width:1200px; z-index:0; border-bottom-left-radius:15px;border-bottom-right-radius:15px; }
aside { display:none; }
#mobilenavigation { width:100%; height:43px;background:var(--sand); border:0;color:var(--stone); font-size:1.2em; text-align:right; border-top:2px solid var(--orange); }
#slogan {float:left; margin-left:2%; font-family:'Open Sans', Arial,sans-serif; font-size:.6em; line-height:43px; font-weight:400;}
#navigation { display:none; }
main img, .main img { border-radius:4px;}
main, .main { width:100%;padding:3% 5%; line-height:1.9em;font-size:.95em; color:#333; background:#fff; -moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;-hyphens:auto; box-shadow:none;}
main a, .main a { color:#3a3a3a;}
/* main a:hover, .main a:hover {color:#ff9e40} */
main #left, .main #left {text-align:center;width:260px;margin:0 auto; }
main #right, .main #right {text-align:center;width:260px;margin:0 auto; }

.webp #sonnenuntergang { width:100%; height:300px; background:#dcc3aa url(../img/sonnenuntergang.webp) center /cover no-repeat; }
.no-webp #sonnenuntergang {width:100%; height:300px; background:#dcc3aa url(../img/sonnenuntergang.jpg) center  /cover no-repeat; }

/* größere Bilder in Dreierblock */
.galneu { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
.galneu a { border-bottom:0 none !important; }
.galneu img {display:block; width:100%; height:auto; transition:all .2s ease-out; }
.galneu .fxbreak { height:0; }
.galneu a, .galneu .fxbreak {width:49%}

#fewocards { display:flex; flex-wrap:wrap; justify-content:space-between; }
.fewocardrahmen { width:100%; margin:0 0 1em; border-radius:10px; box-shadow:3px 3px 5px 1px rgba(20,20,20,.3); overflow:hidden; }
.fewocard { width:100%; transition:all .2s ease-out; }
.fewocard:hover { transform:scale(1.02); }
.fewocard img { width:100%; height:auto; border-radius:10px 10px 0 0; }
.fewocard .card-body { padding:0 12px 12px; }
.fewocard .card-body div { font-size:.9em; line-height:1.5em; }
.fewocard .card-footer { padding:6px 12px 12px; border-top:1px solid #f0ece7; }
.fewocard h2 { margin-top:0; }
.fewocard .qm { display:inline-block; background-color:#fef3e8; border-radius:4px; font-size:.8em; font-weight:600; padding:3px 9px; color:var(--orange); line-height:normal; }
.fewocard .mehrerfahren { display:inline-block; float:right; color:var(--orange); font-weight:600; font-size:.8em; }
.fewocard .mehrerfahren img { display:inline-block; width:auto; vertical-align:center; height:1rem; padding-left:5px; }

#preisfooter{display:block;line-height:1rem}

.picli, .picre, .piclr { width:45%; max-width:360px; line-height:normal; font-size:medium; border-radius:4px; box-shadow:3px 3px 5px 1px rgba(20,20,20,.3); }
.picli { float:left;margin:3px 20px 0 0; }
.picre { float:right;margin:3px 0 0 20px; }
.picli img, .picre img, .piclr img { display:block; width:100%; height:auto; }
#page .psp { position:relative; display:block; overflow:hidden; cursor:pointer; break-inside:avoid; }
#page .psp img { transition:all .2s ease-out; }
#page .psp:hover img { transform:scale(1.06); }


#page .psp .card-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(232,144,58,.9) 0%, rgba(232,144,58,.85) 12%, transparent 55%); opacity:0; transition:opacity .3s ease; display:flex; flex-direction:column; justify-content:flex-end; padding:20px; }
#page .psp:hover .card-overlay { opacity:1; }
#page .psp .item-icon { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(.8); width:48px; height:48px; background:rgba(255,255,255,.18); backdrop-filter:blur(8px); border-radius:50%; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s ease, transform .3s ease; pointer-events:none; }
#page .psp .item-icon svg { width:22px; height:22px; stroke:#fff; fill:none; stroke-width:2; }
#page .psp:hover .item-icon { opacity:1; transform:translate(-50%, -50%) scale(1); }
#page .psp .item-title { position:absolute; bottom:6px; left:6px; color:#fff; font-size:.85em; }


.txt { margin-bottom:1em; }
#disclaim { font-size:.9em;  }
#cb{clear:both;}

#schluessel{width:160px;height:160px; border-radius:15px; box-shadow:3px 3px 5px 1px rgba(20,20,20,.3);}

#map_canvas { position:relative; height:380px; width:100%; background:#bed0e3 url(../img/plan.webp) no-repeat center center /cover; margin:.5em 0 1em; box-shadow:3px 3px 5px 1px rgba(20,20,20,.3); border-radius:5px; line-height:1em; }
#mapmenu { position:absolute; top:8px; left:8px; font-size:1.05em; background:rgba(255,255,255,.8); border-radius:5px; padding:10px; z-index:999; display:none; }
#disclaimer { position:relative; width:100%; text-align:center; font-size:.8em; vertical-align:bottom; top:33%; padding: 0 10%; color:#111; }
#disclaimer a { text-decoration:underline; display:inline; }
#disclaimer button {display:block; border:0 none; background-color:#fef3e8; padding: 9px 27px; margin: 15px auto 0; border-radius:4px; transition:all .1s ease-out;}
#disclaimer button:hover {cursor:pointer; background-color:var(--orange); color:#fff; font-weight:600; }
.mapboxgl-map #disclaimer { display:none; }

#fromtelefon{display:none}
.x {display:none}

footer { display:flex; flex-wrap:wrap; align-items:stretch; align-content:stretch; clear:both; width:100%; max-width:1200px;margin: 0 auto; padding: 1em 0; background:#5a5555; color:#fff;}
footer div { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; margin: 0 auto; line-height:2.8em; font-size:.9em; color: #fff; text-align:center; }
footer a:hover { color:#var(--orange); }
footer a, footer a:visited { color: #fff; text-decoration:none; }
footer span { display:none; }
footer #fctam div, footer #fctap div { display:inline-block; width:auto; margin:.5em auto; background:var(--orange); border-radius:10px; padding:0 12px; }
footer img { vertical-align:center; height:1rem; padding-right:5px; }
footer #fctap { display:none; }

.komodal { display:none; position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,.5); }
.komodal-content { color:#fff; margin:10% auto; padding:20px; font-size:1.5rem; line-height:1.6em; text-align:center; border:1px solid #888; width:70%; max-width:600px; position:relative; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); animation-name:animatetop; animation-duration:0.4s }
.komodal-close { color:#fff; float:right; font-size:2.5rem; font-weight:bold; margin:-.5em -.5em 0 0; }
.komodal-close:hover, .komodal-close:focus { text-decoration:none; cursor:pointer; } 
.komodal-body { padding:2px 16px; }
@keyframes animatetop{ from {top:-300px; opacity:0 } to { top:0; opacity:1; } } 
.koModalOk .komodal-content { background-color:#5cb85c; }
.koModalError .komodal-content { background-color:#d9534f; }

.ce-google-maps { position:relative; width:100%; height:0; padding-bottom:100%; /* 1x1 */ }
.ce-google-maps > * { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}
.ce-google-maps .gmap-opt-in-wrap { background-size:cover; background-position:50% 50%; background-repeat:no-repeat; background-image:url(../img/plan.jpg)}
@media screen and (min-width:481px) { .ce-google-maps { padding-bottom:66.6666%; /* 3x2*/ } }
@media screen and (min-width:769px) { .ce-google-maps { padding-bottom:56.25%; /* 16x9*/ } }
@media screen and (min-width:1280px) { .ce-google-maps { padding-bottom:42.8571%; /* 21x9*/ } }
.ce-google-maps .gmap-opt-in-button-wrap { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.3)}
.ce-google-maps .gmap-opt-in-button {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); cursor:pointer; width:80%; max-width:20em; color:rgb(20%,20%,20%); background-color:rgba(255,255,255,0.9); padding:0.5em; border-radius:0.5em}
.ce-google-maps .gmap-opt-in-button div:first-child { text-align:center; font-weight:700; text-transform:uppercase}
.ce-google-maps .gmap-opt-in-button div:last-child { font-size:80%; line-height:1.3}

@media screen and (min-width:480px){
	#slogan {font-size:.7em;}
	#titlelogo { display:block; width:145px; height:150px; float:right; margin:6px 12px 0 0; }
	footer { flex-wrap:wrap; padding:1em 12px; }
	footer #copy { width:50%; justify-content:left; }
	footer #imp { width:50%; justify-content:right; }
}
@media screen and (min-width:600px){
	#title { margin:18px 0 0 12px; }
	#titlelogo { margin:12px 18px 0 0; }
	header {height:320px;}
	
	main #left, .main #left {float:left;text-align:left;width:240px;}
	main #right, .main #right {float:right;text-align:right;width:240px;}
	#map_canvas{ width:45%; float:right; margin:1em 0 0 20px; }
	footer #copy { width:40%; }
	footer #imp { width:35%; justify-content:center; text-align:center; }
	footer #fctam { width:25%; }
	footer #fctam div, footer #fctap div { margin-right:0; }
}
@media screen and (min-width:768px){
	#title { width:375px; height:111px; }
	#titlelogo { width:193px; height:200px; }
	header {height:400px;}
	.galneu a, .galneu .fxbreak {width:32%}
	footer #copy { width:38%; line-height:1em; }
	footer #copy a { font-weight:700; }
	footer #copy span { display:block; }
	footer #imp { width:37%; }
}
@media screen and (min-width:800px){
	#title { margin:24px 0 0 18px; }
	#titlelogo { margin:18px 24px 0 0; }
	footer { padding:1.2em 18px; }
}
@media screen and (min-width:1024px){
	h1 {font-size:2.3em; margin-bottom:.7em;}
	h2 {font-size:1.5em; margin-top:1em; }
	#title { width:450px; height:133px; margin:30px 0 0 24px; }
	#titlelogo { margin:24px 30px 0 0; }
	header { position:relative; z-index:99; height:450px;}
	main, .main { position:relative; padding:30px 80px; line-height:2.1em;font-size:1.05em;z-index:9;}
	main #left, main #right, .main #left, .main #right  {width:260px;}
	#slogan { width:0; height:0; display:none; }
	aside {display:inline-block; float:right; text-align:center;width:260px; font-family:'Noto Serif',Georgia,serif;}
	aside div { text-align:center; margin:25px auto 0;border:none;}
	
	.fewocard .card-body { padding:0 18px 12px; }
	.fewocard .card-footer { padding:6px 18px 12px; }
	#mobilenavigation { display:none; }
	#navigation{ display:block; width:100%; background:var(--sand); margin:0; text-align:center; font-size:1.2em; border-top:2px solid var(--orange); }
	#navigation > div { display:block; float:left; font-size:1.5rem; font-weight:600;font-family:'Vollkorn',serif; height:60px; line-height:60px; padding-left:24px; }
	#navigation > div a { color:#193c64; text-decoration:none; }
	#navigation ul { list-style:none; width:100%; padding-left:0;  margin:0 20px 0 0; }
	#navigation a { text-decoration:none;text-transform:uppercase;font-weight:400; transition:all .3s ease-out;display:inline-block; cursor:pointer; }
	.nav__menu {  display:inline-block; line-height:60px; display:flex; justify-content:space-around; }
	.nav__menu-item { display:block; position:relative; float:left; }
	.nav__menu-item a, .nav__menu-item span {display:inline-block; color:var(--stone); padding:0 20px; line-height:60px; height:60px; }
	.nav__menu-item a:hover, .nav__menu-item a.active, .nav__menu-item span:hover, .nav__menu-item span.active {  background:rgba(25,50,80,.8); color:#fff; }
	.nav__menu-item:hover .nav__submenu, .nav__menu-item a.active .nav__submenu {  display:block; z-index:999}
	.nav__submenu {   text-transform:none;  display:none;  position:absolute; background-color:rgba(255,255,255,.98); box-shadow:2px 2px 10px rgba(100,100,100,.6)}
	.nav__submenu-item {width:100%; text-align:center; height:auto; line-height:normal; }
	.nav__submenu-item small { font-size:60%; }
	.nav__submenu-item a { width:100%; color:#555; padding:15px 0; font-weight:400!important; line-height:normal!important; height:auto!important;}
	.nav__submenu-item a:hover { color:#333!important; background:rgba(0, 0, 0, 0.1);}
	footer { padding:1.3em 18px; }
	footer #copy { width:33%; }
	footer #imp { width:33%; }
	footer #fctap { display:flex; width:33%; }
	footer #fctam { display:none; }
}
@media screen and (min-width:1100px){
	footer { margin: 0 auto; border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
}
@media screen and (min-width:1200px){
	body { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAO0lEQVQYV2NkIAIwAtVIAvFzPGolQYpAAJdCsDhMETaFcI3IipAVopiMrgir1SSbhO54DDcR9B3BcAIAu+IPPVR/nIQAAAAASUVORK5CYII=); }
	#root { padding-top:10px; padding-bottom:2em; }
	#page { margin:0 auto; border-top-left-radius:15px;border-top-right-radius:15px; }
	header { height:520px; width:1200px; border-radius:15px 15px 0 0; }
	#title { margin:48px 0 0 48px; }
	#titlelogo { margin:24px 30px 0 0; }
	.picre, .picli { width:400px; }
}

@media screen and (max-width:1023px) {
	header, main, .main { filter:grayscale(0); -webkit-transition:filter .7s ease-in-out; transition:filter .7s ease-in-out; }
	#root { z-index:2; position:relative; min-height:100%; background-color:#fff; -webkit-transition:transform .7s ease-in-out; transition:transform .7s ease-in-out; }
	.sidebar { height:100%; width:400px; position:fixed; top:0; z-index:1; right:0; background:var(--orange) url(../img/mobnav.webp) top left /cover no-repeat;}
	.bar { display:block; height:6px; width:35px; background:var(--stone); margin:4px auto; border-radius:5px; }
	.button { cursor:pointer; display:inline-block; width:auto; margin:0 auto; padding:3px 1.5% 4px 6px; -webkit-transition:all .7s ease; transition:all .7s ease; }
	.nav-right.visible-xs { z-index:3; }
	.hidden-xs { display:none; }
	.middle { margin:0 auto; }
	.bar { -webkit-transition:all .7s ease; transition:all .7s ease; }
	.nav-right.visible-xs .active .bar { background-color:#fff; -webkit-transition:all .7s ease; transition:all .7s ease; }
	.button.active { border:0 none; box-shadow:none; background:#e79949; border-radius:10px 0 0 10px; }
	.button.active .top { -webkit-transform:translateY(10px) rotateZ(45deg); transform:translateY(10px) rotateZ(45deg); }
	.button.active .bottom {-webkit-transform:translateY(-10px) rotateZ(-45deg); transform:translateY(-10px) rotateZ(-45deg); }
	.button.active .middle { width:0; }
	.move-to-left { -webkit-transform:translateX(-400px); transform:translateX(-400px); }
	.move-to-left header, .move-to-left main, .move-to-left .main { filter:blur(1px) grayscale(70%); }
	.move-to-left #mobilenavigation { background:#777 }
	.sidebar-list { padding:0; margin:0; list-style:none; position:relative; margin-top:50px; text-align:center; height:100%; max-height:720px; display:flex; flex-wrap:wrap; align-content:stretch; }
	.sidebar-item { margin:6px 0; width:100%; opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px); }
	.sidebar-item:first-child { -webkit-transition:all .7s .1s ease-in-out; transition:all .7s .1s ease-in-out; }
	.sidebar-item:nth-child(2) { -webkit-transition:all .7s .2s ease-in-out; transition:all .7s .2s ease-in-out; }
	.sidebar-item:nth-child(3) { -webkit-transition:all .7s .3s ease-in-out; transition:all .7s .3s ease-in-out; }
	.sidebar-item:nth-child(4) { -webkit-transition:all .7s .4s ease-in-out; transition:all .7s .4s ease-in-out; margin-top:3px;}
	.sidebar-item:nth-child(5) { -webkit-transition:all .7s .5s ease-in-out; transition:all .7s .5s ease-in-out; }
	.sidebar-item:nth-child(6) { -webkit-transition:all .7s .6s ease-in-out; transition:all .7s .6s ease-in-out; margin-bottom:9px; }
	.sidebar-item:nth-child(7) { -webkit-transition:all .7s .7s ease-in-out; transition:all .7s .7s ease-in-out; }
	.sidebar-item:nth-child(8) { -webkit-transition:all .7s .8s ease-in-out; transition:all .7s .8s ease-in-out; }
	.sidebar-item:last-child { -webkit-transition:all .7s .9s ease-in-out; transition:all .7s .9s ease-in-out; }
	.sidebar-item.active { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }
	.sidebar-anchor { color:#fff; text-decoration:none; font-size:1.8em; text-transform:uppercase; position:relative; padding-bottom:7px; }
	.sidebar-anchor:before { content:""; width:0; height:2px; position:absolute; bottom:0; left:0; background-color:#fff; -webkit-transition:all .7s ease-in-out; transition:all .7s ease-in-out; }
	.sidebar-anchor:hover:before { width:100%; }
	.sidebar-submenu-item a { font-size:1.3em; }
	.sidebar-item a small { font-size:.8rem; }
	.has-linebreak { line-height:1; }
}
@media screen and (max-width:480px){
	.sidebar { width:380px; }
	.move-to-left { -webkit-transform:translateX(-380px); transform:translateX(-380px); }
	.sidebar-anchor { font-size:1.7em; }
}
@media screen and (max-width:360px){
	.sidebar { width:310px; }
	.move-to-left { -webkit-transform:translateX(-310px); transform:translateX(-310px); }
	.sidebar-anchor { font-size:1.6em; }
	.sidebar-submenu-item a { font-size:1.2em; }
}

@media (min-width:480px){
  .nav-list { display:block; }
}
@media (min-width:600px){
	.nav-right { top:12px; }
}
@media screen and (min-width:1024px){
	.nav-right { position:absolute; }
	.hidden-xs { display:block; }
	.visible-xs { display:none; }
  	#root {background-color:transparent}
	.sidebar { display:none }
}


/*! PhotoSwipe 5.3.3 main CSS by Dmytro Semenov | photoswipe.com */.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79,79,79,0.4);--pswp-preloader-color-secondary:rgba(255,255,255,0.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content > *{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(0.4,0,0.22,1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none!important}.pswp__top-bar > *{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;top:0;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scale(-1,1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:pswp-clockwise 600ms linear infinite}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pswp__counter{height:30px;margin:15px 0 0 20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85}.pswp--one-slide .pswp__counter{display:none}