/*@import url("menu.css");
@import url("pager.css");*/
/*@supports (hyphens: auto){main {hyphens:auto;}}*/

/* oswald-200 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-regular.woff2') format('woff2'),
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-regular.woff') format('woff');
  font-display: swap;
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-300.woff2') format('woff2'), 
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-300.woff') format('woff');
  font-display: swap;
}
/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/asset.php?type=css&file=fonts/oswald-v35-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}


:root {
    --c-bg-body:hsl(0, 0%, 100%);
    --f-size-body:1.6rem;
    --f-weight-body:700;
    --f-weight-header:700;
    --f-weight-footer:700;
    --f-weight-nav:700;
    --f-family-body:"Helvetica Neue", Helvetica, Arial, sans-serif;
    --f-family-nav:'Oswald', sans-serif;
    --f-family-footer:'Oswald', sans-serif;
    --c-f-body:hsl(0, 0%, 0%);
    --c-bg-header:hsl(330, 96%, 25%);
    --c-bg-footer:hsl(330, 96%, 25%);
    --c-a-body:hsl(330, 96%, 25%);
    --c-bg-nav:hsl(330, 96%, 15%);
    --c-bg-nav-sub:hsl(330, 96%, 25%);
    --c-f-header:hsl(0, 0%, 100%);
    --c-f-nav:hsl(0, 0%, 0%);
    --c-f-footer:hsl(0, 0%, 100%);
    --c-highlight-nav:hsl(330, 96%, 25%);
    --gap-body:1rem;
    --c-bg-nav-contrast:hsl(48, 87%, 77%);
    --c-gray:hsl(0, 0%, 60%);
    --c-hint:hsl(48, 87%, 77%);
    --c-frame-dark:hsl(330, 96%, 15%);
    --f-linehight-body:2.2rem;
    /*--highlight-default-color:hsl(330, 100%, 20%);
    --main-text-color: hsl(0, 0%, 100%);
    --text-color-warning: #aa0000;
    --main-dark-text-color: hsl(0, 0%, 0%);
    --main-highlight-color: hsl(330, 96%, 25%);
    --main-darker-color: hsl(330, 95%, 15%);
    --main-line-height:2.2rem;

    --a-highlight-color:hsl(348, 26%, 50%);
    --main-contrast-color:hsl(48, 87%, 77%);
    --main-contrast-color-light:hsl(48, 87%, 88%);
    --nav-font-family:'Oswald', sans-serif;
    --main-font-size:1.6rem;
    --gap-body:1rem;*/
  }
*,
*::after,
*::before {margin: 0; padding: 0; box-sizing: border-box;}
a{text-decoration: none;}
html{font-size: 62.5%;font-family:var(--f-family-body);height: 100%;}
body{font-size:var(--f-size-body);background-color:var(--c-bg-body);color:var(--c-f-body);}
img{display:block;}
#container > header   {grid-area: header;}
#container > main     {grid-area: main;}
#container > footer   {grid-area: footer;}
#container > #ads     {grid-area: ads;}
#container{
  min-height: 100vh;
  display: grid;
  grid-template-columns:auto minmax(auto, 720px) auto;
  grid-template-rows: auto 1fr auto auto;
  grid-template-areas:
  ". header ."
  ". main ."
  ". ads ."
  ". footer .";
}
header > .logo{grid-area: logo;padding:calc(var(--gap-body)/2)}
header > #langswitch{grid-area: switch;text-align:right;padding:0 var(--gap-body);}
header > .menu-icon{grid-area: icon;padding:calc(var(--gap-body)*2) var(--gap-body);}
header> .main-nav{grid-area: nav;}
header{display:grid;grid-template-columns: auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"logo switch icon" "nav nav nav";align-items:center;}
header {background-color: var(--c-bg-header);color: var(--c-f-header);position: sticky;top:0;z-index: 1000;}

#ads > div{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 8px;
}
#ads a.poster{
  display: flex;
  width: 300px; height: 350px;
  text-align: center;
  flex-direction: column;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  color: var(--c-f-body);
  border: 1px solid var(--c-frame-dark);
}
#ads a.poster > img, #ads a.poster > picture img{max-width: 260px; max-height: 260px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#ads a.poster:hover{border: 1px solid var(--c-frame-dark);}
#ads a.poster:hover > img, #ads a.poster:hover > picture img{transform: scale(1.05);}

iframe{border:none;}
hr{height: 1px; border:0; background-color: var(--c-frame-dark);}

#langswitch span{line-height: 34px;margin:0 calc(var(--gap-body)/2);text-align: center;}
#langswitch a{text-decoration: none;color: var(--c-f-header);vertical-align: middle;padding: calc(var(--gap-body)/2) 0;}
#langswitch .lang-active{font-weight:var(--f-weight-header);vertical-align: middle;}
#langswitch a.lang-inactive:hover {border-bottom: 1px solid; border-top: 1px solid;}

footer {background-color: var(--c-bg-footer);font-family:var(--f-family-footer); color: var(--main-text-color);clear: both;display: flex;justify-content: space-between;align-items: center;}
footer img{display:block;}
footer a, footer button{color: var(--c-f-footer);padding:var(--gap-body);text-decoration: none;background: none;border: none;cursor: pointer;font: inherit;}
footer a:hover, footer a:active,footer button:hover, footer button:active{background-color: var(--c-highlight-nav);}

main h1, main h2, main h3, main h4, main h5{margin: 0.8rem 2%;font-family:'Oswald', sans-serif;clear: both;font-weight: 400;}

/*#comments h2, #comments h3{border-top: 1px dotted var(--a-highlight-color);border-bottom: 1px dotted var(--a-highlight-color);}
#comments h3.reply{margin-left: 0; margin-right: 0;}*/
#comments p.comment{padding-left: 0; padding-right: 0;margin-bottom: 0;}
#comments section:nth-of-type(n+2){border-top: 2px dotted var(--c-bg-nav-contrast);padding-top: var(--gap-body);}
main p, main ul, main ol, main div.table, main section {margin-block-end: 2.5rem;padding:0 1.5rem;line-height: var(--f-linehight-body);;}
main li{margin-left: 4%;}
main a.intern:visited,main a.extern:visited,main a.gmaps:visited{color:var(--c-gray);}
main a.intern:link{color: var(--c-a-body);border-bottom: 1px solid var(--c-a-body);font-weight: var(--f-weight-body);padding: 0 .25rem;}
main a.intern:hover, main a.intern:active, main a.intern:focus{background-color: var(--c-a-body);color: var(--c-bg-body);}
main a.extern:link{color: var(--c-a-body);font-weight: var(--f-weight-body);padding: .25rem 1.8rem .2rem 0;background: url(/asset.php?type=css&file=img/ic_link_ext.png) no-repeat top right;}
main a.extern:hover, main a.extern:active, main a.extern:focus{color: var(--c-f-body);}
main a.gmaps:link{color: var(--c-a-body);font-weight: var(--f-weight-body);padding: .25rem 1.4rem .2rem 0; background: url(/asset.php?type=css&file=img/ic_map_pin.png) no-repeat center right;}
main a.gmaps:hover, main a.gmaps:active, main a.gmaps:focus{color: var(--c-f-body);}

.hint{background-color: var(--c-hint);}
div.GmapsLink{position: relative;}
a.GmapsLinkOn:link, a.GmapsLinkOff:link{width: 32px; height: 32px; display: inline-block; position: absolute;  bottom: 4px; right: 4px;}
.panorama ~ a.GmapsLinkOn:link, .panorama ~ a.GmapsLinkOff:link{bottom: calc(4px + 2rem);}

a.GmapsLinkOn:link {background: url(/asset.php?type=css&file=img/ic_maps.webp);}
a.GmapsLinkOff:link{background: url(/asset.php?type=css&file=img/ic_maps_off.webp);}

.overlay{position: fixed;  display: block; width: 100vw; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 1100;}
.cookie-content{width: 100vw;max-width: 720px;background-color: var(--c-bg-body);margin: 7rem auto;opacity: 1;position: relative; padding: 2rem; border-radius: 0.5rem;}

.btn{outline:none;padding: var(--gap-body);border-width:1px;border-style:solid;opacity:1;transition:0.5s;cursor:pointer;font-size:var(--f-size-body);}
.btn-primary{background-color: var(--c-bg-header);border-color: var(--c-bg-header);color:var(--c-f-header);}
.btn-primary.selected,.btn-primary:hover{background-color: var(--c-bg-header); opacity: 0.7; color: var(--c-f-header);}

.link-btn{padding:0 calc(var(--gap-body)/2);line-height: var(--f-linehight-body);border:none;opacity:1;transition: 0.5s;cursor: pointer;text-decoration: underline;background: none;}
.link-btn-primary{color: var(--c-bg-header)}
.link-btn-primary:hover{background-color: var(--c-bg-header); opacity: 0.7;color: var(--c-f-header);}

.link-btn-secondary{color: var(--c-bg-header)}
.link-btn-secondary:hover{background-color: var(--c-bg-header); opacity: 0.7;color: var(--c-f-header);}

.ckb {transform: scale(2.2); margin: 0 1.5rem;}
.ckb-primary[type="checkbox"]:checked:after{background-color: var(--highlight-default-color);content: "";background-image: linear-gradient(135deg, #B1B6BE 0%,#FFF 100%); background-repeat: no-repeat; background-position:center;}

.news-block h1,.news-block h2,.news-block h3,.news-block h4,.news-block h5{margin-block-start: 0.8rem;margin-left: 4%;margin-right: 4%;}
.news-block p{margin-block-start: 1em;}
.news-block ul{margin-left: 6%;margin-right: 6%;}
.news-block {border-top: 1px solid var(--c-bg-header);margin: 20px 0;}
.news-block time{font-size: calc(var(--f-size-body) * 0.8); background-color: var(--c-bg-header);color: var(--c-f-header);width: 8rem; display: inline-block; text-align: center; padding: 6px;}
.news-block img{width: 100%; height: auto;}
.news-block a img:hover{opacity: 0.5;transition: all 0.5s linear;}
.eTitle-border {
  position: relative;margin: .6em 0 0;
  background: var(--c-bg-body);
  height: 1px; width: 10em;
}
.eTitle-border::after{
  content: '';
  position: absolute; left: 1em; top: -7px;
  width: 0; height: 0;
  border-left: calc(2*var(--gap-body)) solid transparent; border-right:  calc(2*var(--gap-body)) solid transparent; border-top:  calc(2*var(--gap-body)) solid var(--c-bg-body);
  clear: both; z-index: 100;
}
video{max-width: 100%;height: auto;}
.video {width: 97% !important;height: auto !important;}
.video-16-9 iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.video-16-9{position: relative; padding-bottom: 56.25%; /* videos 16:9 ratio*/ padding-top: 0px;height: 0;overflow: hidden;clear: both;}
.video-title{z-index: 5; text-align: center; height: 0;}
.video-ancor{position:relative; bottom:6rem;}
.video-title span:not(:first-child){background: var(--c-bg-body);
  color: var(--c-f-body);
  font-weight: var(--f-weight-body);
  display: inline-block;
  max-width: 95%;
  margin-top: 42%; margin-left: 0; margin-right: 0;
  padding: 0.5rem 0.8rem;}
.panorama, .panorama img {clear: both;display: flex;/*flex-direction: column;*/max-width:100%;justify-content:center;margin-bottom:var(--gap-body);}
.panorama-top, .panorama-middle, .panorama-bottom {clear: both;height:0;padding-bottom:56.25%;display: flex;flex-direction: column;overflow:hidden;margin-bottom: 2rem;}
.panorama-top img{margin:0;max-width:100%;}
.panorama-middle img{margin-top:28.125%;position:relative; top: 0;transform: translateY(-50%); max-width:100%;}
.panorama-bottom img{margin-top:56.25%;position:relative; transform: translateY(-100%); max-width:100%;}

.froot{display: flow-root;}
.fclear{clear: both;}
.tright{text-align: right;}
.tleft{text-align: left;}
.tcenter{text-align: center;}
.tsmaller{font-size: smaller;}
.tbold{font-weight: bold;}
.titalic{font-style: italic;}
.nowrap{white-space: nowrap;}
.framedark{border: 1px solid var(--c-frame-dark);}
.cwarning{color: var(--text-color-warning);}
.btop{border-top:1px solid var(--highlight-default-color);padding: .25rem;}
.gallery{display:flex;flex-wrap: wrap;}

/* Masonry grid */
.masonry {
  /*transition: all .5s ease-in-out;*/
  column-gap: 1px;
  column-fill: initial;
  column-count: 2;
  margin-block-end: 2rem;
}

/* Masonry item */
.masonry .brick {
  margin-bottom: 1px;
  display: inline-block;  /*Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
}

/* Masonry image effects */
.masonry .brick img {
  transition: all .5s ease-in-out;
  backface-visibility: hidden; /* Remove Image flickering on hover */
  width: calc((100vw / 2) - 1px);
  max-height: 300px;
  object-fit: cover;
  margin-bottom: initial;
  display: block;
}

.masonry .brick:hover img {opacity: .75;}

.overview{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap:1px;
}
.overview img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: initial;
}

.overview a:link, .overview a:visited, .overview a:active , .overview a:hover{color: #ffffff; opacity: 1; transition: opacity 0.3s ease-in-out;position: relative;}
.overview a:hover {opacity:0.8;}


.overview span{position:absolute;  background-color: #333333;opacity: 0.7;padding: 0.8rem;}

a.tags:link, a.tags:visited {
  color:var(--c-f-header);
  background-color: var(--c-bg-nav-sub);
  text-decoration: none;
  border:1px solid var(--c-bg-nav-sub);
  padding:calc(var(--gap-body)/2) var(--gap-body);
  margin-right: calc(var(--gap-body)/2);
  margin-top: calc(var(--gap-body)/2);
  display: inline-block;
}

a.tags:active, a.tags:hover {background-color: var(--c-bg-nav)}

a.target:link, a.target:visited {border-bottom: 2px dotted #0066cc; color: #0066cc; text-decoration: none; background: url(/asset.php?type=css&file=img/ic_target.gif) no-repeat center right; padding-right: 16px; position:relative;display:inline-block;}
a.target:active, a.target:hover {border-bottom: 2px dotted #cc0000; color: #333333;}
a.target:after {content: '';display: block;position: absolute;width: 15px;bottom: -2px;right: 0;border-bottom: 2px solid #ffffff;}

.close {
  position: absolute; right: 1rem; top: 1rem;
  width: 28px; height: 28px;
  opacity: 1;
  border:2px solid var(--c-bg-footer); border-radius: 4px;
}
.close:hover {opacity: 0.7;}
.close:before, .close:after {
  position: absolute; left: 11px; top: -5px;
  content: ' ';
  height: 34px; width: 2px;
  background-color: var(--c-bg-footer);
}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}

div.table{display: table; border-collapse: collapse;}
div.tr {display: table-row;}
div.tr1 {display: table-row; background-color: #eee;}
div.td, li.td {display: table-cell; /*padding: 3px;*/ vertical-align: top;}
td.cont{padding: .25rem;vertical-align: top;}

select.pager {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  line-height: var(--f-linehight-body);
  width: 100%;
  border: 1px solid var(--highlight-default-color);
  padding: 0.75rem 3.5rem 0.75rem 1.3rem;
  color:var(--main-text-color);
  background-color: var(--highlight-default-color);
  background-image:url(/asset.php?type=css&file=img/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
}
select.pager:hover {box-shadow:inset 0 0 0 720px rgba(0, 0, 0, 0.3);transition: all 0.3s linear;cursor: pointer;}

.w-50p, .w-33p, .w-25p{width: 100%;}
.h-800x{height:800px;}
.h-700x{height:700px;}
.h-600x{height:600px;}
.h-500x{height:500px;}
/*.fright, .fleft{clear: both;}*/
div.trio, div.duo, div.quat{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 1px; justify-items:center;
}
.trio img, .duo img, .quat img{width: 100%;height:100%;object-fit: cover;}
.trio, .duo, .quat{padding-bottom: 2rem;}
img.fright{margin-left: 0; margin-right: 0;}
img.fleft{margin-left: 0; margin-right:0;}
.date--click{float:right;margin:var(--gap-body);}
.date--click + h2{display: inline;}
.p-1{padding: 1rem;}
.pb-1{padding-bottom: 1rem;}
.pt-1{padding-top: 1rem;}
.pl-1{padding-left: 1rem;}
.p-2{padding: 2rem;}
.pb-2{padding-bottom: 2rem;}
.pt-2{padding-top: 2rem;}
.pl-2{padding-left: 2rem;}
.pl-3{padding-left: 3rem;}
.m-1{margin: 1rem;}
.mb-0{margin-bottom: 0;}
.mt-1{margin-top: 1rem;}
.mb-1{margin-bottom: 1rem;}
.mr-1{margin-right: 1rem;}
.ml-1{margin-left: 1rem;}
.m-2{margin: 2rem;}
.mt-2{margin-top: 2rem;}
.mb-2{margin-bottom: 2rem;}
.mr-2{margin-right: 2rem;}
.ml-2{margin-left: 2rem;}
.bl-1{border-left: 1px solid var(--c-bg-header);}
.bb-1{border-bottom: 1px solid var(--a-highlight-color);}
.dblock{display:block;}
.diblock{display:inline-block;}
.dnone{display:none;}
.w-100p{width: 100%;}

input, textarea{outline: 1px solid var(--c-f-body); border: none;font-size: var(--f-size-body);padding: var(--gap-body);}
input:focus, textarea:focus{background-color: var(--c-bg-nav-contrast);}

@media(max-width:390px){
  .fright, .fleft{clear: both;}
}
@media (min-width: 391px) {
  .fright{float: right;}
  .fleft{float: left;}
  .w-100p{width: 100%;}
  .w-80p{width: 80%;}
  .w-75p{width: 75%;}
  .w-50p{width: 50%;}
  .w-40p{width: 40%;}
  .w-33p{width: 33.3%;}
  .w-25p{width: 25%;}
  .w-15p{width: 15%;}
  img.fright{margin-left: 1rem; /*margin-right: 1.5rem;*/}
  img.fleft{/*margin-left: 1.5rem;*/ margin-right: 1rem;}
  /*div.triple,*/ /*div.trio, div.duo, div.quat{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 1px; justify-items:center;
  }*/
  /*.triple img,*/ /*.trio img, .duo img, .quat img{width: 100%;height:100%;object-fit: cover;}*/
  .triple-left{object-position: 0%;}
  .triple-right{object-position: 100%;}
}

@media (min-width: 576px) {
  .masonry{column-count: 3;}
  .masonry .brick img {width: calc((576px / 3) - 1px);}
  main {min-height: 80vh;}
  main p, main ul, main ol, main div.table, main section {padding:0 3rem}
  /*img.fright{margin-right: 3rem;}
  img.fleft{margin-left: 3rem;}*/
  /*.cookie-content {left:0;}*/
}
@media (min-width: 740px) {
  /*.logo{float: none;}*/
  header{position: relative;}
  nav{clear:both;}
  /*#langswitch{right: 20px; top: 14px;}*/
  main{margin-top: calc(5 * var(--gap-body));}
  /*.masonry{column-count: 3;}*/
  .masonry .brick img {width: calc((720px / 3) - 1px);}
}
@media (min-width: 992px) {
  #container{
    grid-template-columns:5vw 720px minmax(auto, 660px) 0;
    grid-template-rows:auto 1fr auto;
    grid-template-areas: 
    ". header . ."
    ". main ads ."
    ". footer . .";
  }
  #ads{margin-left: 8px;}
  #ads > div{position: sticky;top:66px;justify-content:initial;}
  /*.cookie-content {left:-120px;}*/
}
@media (min-width: 1200px) {
  /*.cookie-content {left:-210px;}*/
}
@media (min-width: 1600px) {
  #container{grid-template-columns:auto 720px minmax(auto, 660px) auto;}
  /*.cookie-content {left:-410px;}*/
}