a {text-decoration: none; color: inherit;}
{ "theme_color": "#FFFFFF"  …}
 
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container { max-width: auto; position: relative; margin: 0.1em;  width: 97%; padding-bottom: 15px;}


.pht { max-height: 100%; max-height:99vh; width: auto; height:auto;  object-fit: contain;}
.pht2 { max-height:99vh; width: auto; height:auto;  object-fit: contain;}
.pht3 { max-width: auto; position: relative; width: 97%; }
 
/* Next & previous buttons */
.prev, .next { cursor: pointer;  position: absolute; top: 50%; width: auto; padding: 0.4em; margin-top: -2em; color: white; font-weight: bold; font-size: calc(16px + 3.5vw); transition: 1.0s ease; border-radius: 0 3px 3px 0; user-select: none;}

/* Position the "next button" to the right */
.next { right: 0; border-radius: 0 3vw 3vw 0;}
.prev { left: 0; border-radius: 3vw 0 0 3vw;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8);}

/* Caption text */
.text { color: #f2f2f2; font-size: calc(5px + 1.0vw); padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}

/* Number text (1/3 etc) */
.numbertext { color: #f2f2f2;  font-size: calc(4px + 1.0vw);  padding: 8px 12px; position: absolute; top: 0;}

/* The dots/bullets/indicators */
.dot { cursor: pointer; height: 45px; width: 45px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}

 #imagelink { display:block; width:2.5vw;} 
 
.dot img { width: 100%;}
 
.active, .dot:hover { background-color: #717171;}

/* Fading animation */
.fade { animation-name: fade; animation-duration: 2.0s;}

@keyframes fade { from {opacity: .4} to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 198px) { .prev, .next,.text {font-size: 11px}
}


.bbutton { justify-content: space-between; object-position: center; margin: 0.3em; height:calc(3px + 2.0vw); width: auto;  min-height: 20%;} 
.bmenu { justify-content: space-around; object-position: center; margin: 0.3em; height:calc(6px + 2.0vw); width: auto;min-height: 10%;} 
 .bimg { justify-content: center; display: block; object-fit: contain; width: auto; height:calc(2px + 3.0vw); min-height: 18px; max-width: 100%;}
 .mimg { justify-content: center; display: block; object-fit: contain; width: auto; height:calc(12px + 4vw); min-height: 20%;}

 .kolona{ width: 33%;}
.kolonb{ width: 45%;}
 .kolonc{ width: 22%;}
 
h1.a { font-family: "Architects Daughter"; font-size:calc(5px + 2.0vw); text-align: justify;}
h1.b { font-family: "Roboto";}
h1.c { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-right:calc(1px + 0.1vw); margin-left:calc(0.1px + 1.3vw);}
h1.d { font-family: "Poppins"; font-size:calc(5px + 1.0vw); text-align: center;}
h1.e { font-family: "Poppins"; font-size:calc(4px + 1.0vw); text-align: justify; margin-left:calc(2px + 0.02vw); margin-right:calc(1px + 0.01vw);}
h1.f { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-bottom: 0px; padding-bottom: 0px; page-break-after: avoid; text-decoration: none; margin-left:calc(0.1px + 1.3vw);}
h1.g { font-family: "Poppins"; font-size:calc(3px + 1.0vw); text-align: justify; margin: 0; padding: 0; border: 0; vertical-align: bottom; margin-left:calc(0.1px + 1.3vw);}
h1.h { font-family: "Architects Daughter"; font-size:calc(6px + 1vw); font-style: normal; font-weight: inherit; text-align: justify;}
h1.i { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-bottom: 0px; padding-bottom: 0px; page-break-after: avoid; text-decoration: none; margin-left:calc(0.1px + 1.3vw);}
h1.m { font-family: "Architects Daughter"; font-size:calc(5px + 2.0vw); text-align: center, justify-all; } 

h2.a { font-family: "Architects Daughter"; font-size:calc(5px + 2.0vw); text-align: justify;}
h2.b { font-family: "Roboto";}
h2.c { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-right:calc(1px + 0.1vw); margin-left:calc(0.1px + 1.3vw);}
h2.d { font-family: "Poppins"; font-size:calc(5px + 1.0vw); text-align: center;}
h2.e { font-family: "Poppins"; font-size:calc(4px + 1.0vw); text-align: justify; margin-left:calc(2px + 0.02vw); margin-right:calc(1px + 0.01vw);}
h2.f { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-bottom: 0px; padding-bottom: 0px; page-break-after: avoid; text-decoration: none; margin-left:calc(0.1px + 1.3vw);}
h2.g { font-family: "Poppins"; font-size:calc(3px + 1.0vw); text-align: justify; margin: 0; padding: 0; border: 0; vertical-align: bottom;}
h2.h { font-family: "Architects Daughter"; font-size:calc(6px + 1vw); font-style: normal; font-weight: inherit; text-align: justify;}
h2.i { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-bottom: 0px; padding-bottom: 0px; page-break-after: avoid; text-decoration: none; margin-left:calc(0.1px + 1.3vw);}
h2.m { font-family: "Architects Daughter"; font-size:calc(5px + 2.0vw); text-align: center, justify-all; }
h2.n { font-family: "Poppins"; font-size:calc(3px + 1.0vw); text-align: center, justify-all; }

h3.a { font-family: "Architects Daughter"; font-size:calc(5px + 2.0vw); text-align: justify;}
h3.b { font-family: "Roboto";}
h3.c { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-right:calc(1px + 0.1vw); margin-left:calc(0.1px + 1.3vw);}
h3.d { font-family: "Poppins"; font-size:calc(5px + 1.0vw); text-align: center;}
h3.e { font-family: "Poppins"; font-size:calc(4px + 1.0vw); text-align: justify; margin-left:calc(2px + 0.02vw); margin-right:calc(1px + 0.01vw);}
h3.f { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-bottom: 0px; padding-bottom: 0px; page-break-after: avoid; text-decoration: none; margin-left:calc(0.1px + 1.3vw);}
h3.g { font-family: "Poppins"; font-size:calc(3px + 1.0vw); text-align: justify; margin: 0; padding: 0; border: 0; vertical-align: bottom;}
h3.h { font-family: "Architects Daughter"; font-size:calc(6px + 1vw); font-style: normal; font-weight: inherit; text-align: justify;}
h3.i { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-bottom: 0px; padding-bottom: 0px; page-break-after: avoid; text-decoration: none; margin-left:calc(0.1px + 1.3vw);}
h3.m { font-family: "Architects Daughter"; font-size:calc(5px + 2.0vw); text-align: center, justify-all; }

h4.a { font-family: "Architects Daughter"; font-size:calc(5px + 2.0vw); text-align: justify;}
h4.b { font-family: "Roboto";}
h4.c { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-right:calc(1px + 0.1vw); margin-left:calc(0.1px + 1.3vw);}
h4.d { font-family: "Poppins"; font-size:calc(5px + 1.0vw); text-align: center;}
h4.e { font-family: "Poppins"; font-size:calc(4px + 1.0vw); text-align: justify; margin-left:calc(2px + 0.02vw); margin-right:calc(1px + 0.01vw);}
h4.f { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-bottom: 0px; padding-bottom: 0px; page-break-after: avoid; text-decoration: none; margin-left:calc(0.1px + 1.3vw);}
h4.g { font-family: "Poppins"; font-size:calc(3px + 1.0vw); text-align: justify; margin: 0; padding: 0; border: 0; vertical-align: bottom;}
h4.h { font-family: "Architects Daughter"; font-size:calc(6px + 1vw); font-style: normal; font-weight: inherit; text-align: justify;}
h4.i { font-family: "Poppins"; font-size:calc(9px + 1.1vw); margin-bottom: 0px; padding-bottom: 0px; page-break-after: avoid; text-decoration: none; margin-left:calc(0.1px + 1.3vw);}
h4.m { font-family: "Architects Daughter"; font-size:calc(5px + 2.0vw); text-align: center, justify-all; }

table {border-radius: 1vw; margin-top: calc(1px + 1.0vh); margin-left: calc(1px + 1.0vw); margin-right: calc(2px + 1.0vw); width:98%; align-self: center; }
.img {max-width: 100%;  display: block;}
.section {display: flex; flex-direction: column; flex-flow: wrap; justify-content:center ;}
.container {display: grid;justify-content: space-around;  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));  grid-auto-rows: minmax(100px, auto); gap: 20px; max-width: 22vw; align-items: top;}
.limit{width: calc(9px + 1.1vw); border-radius: 1vw; margin-bottom: calc(2px + 1.0vw); margin-top: calc(1px + 0.5vh); margin-left: calc(1px + 0.5vw); margin-right: calc(1px + 0.5vw);}
.mection {display: flex; flex-direction: row;}
.fb-page {object-fit: fill; width: auto; height:auto; }
.mmph { width: 150px; max-width: 20vw; height:auto;  object-fit: contain; margin: 0.1em; }
.mmpv { width: 319px; max-width: 41vw; height:auto;  object-fit: contain; margin: 0.1em; }
.gmap_canvam {overflow:hidden;background:none;min-width: 25px; object-fit: fill; width: auto;;}
.hrt {width: 100%; max-width: 95vw; height:auto;}
.hrm {width: 100%; max-width: 95vw; height:auto; min-width: 311px; min-height:311px;}
.mapoutm{position:relative;text-align:right;height:100vh;width:100vw; min-width: 25px; max-width: 900px;}
.mapouter{position:relative;text-align:right;height:100vh;width:100vw;}
.gmap_canvas {overflow:hidden;background:none!important;height:400px;width:95%;}
.tripa { object-fit: cover; width: auto; height:335px;}
#CDSWIDSSP {width: 100% !important;}
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd {width: 100% !important;}

	
@media only screen and (max-width: 600px){ .mection {display: display: flex; flex-direction: column; flex-flow: wrap; justify-content:center ; width: 311px; margin: auto; } }