/* Merienda (SIL Open Font License 1.1, siehe fonts/OFL-Merienda.txt) – lokal gehostet, keine Verbindung zu Google */
@font-face {
	font-family: 'Merienda';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/merienda-latin-ext-400-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Merienda';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/merienda-latin-400-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body { font-family: 'Merienda', sans-serif; margin: 0; }
a { text-decoration: none; }
.MainText { font-size: 90%; }
.mdiv1 { width: 210px; height: 210px; float: left; margin: 5px; padding: 20px 20px 10px 20px; border-radius: 10px; border: 1px solid silver; position: relative; }
.mdiv2 { width: 230px; height: 210px; float: left; margin: 5px; padding: 20px 10px 10px 10px; border-radius: 10px; border: 1px solid silver; }
.myimg { width: auto; max-width: 100%; height: auto; max-height: 190px; border-radius: 5px; cursor: pointer; }
.slogo { max-width: 100%; height: auto; cursor: pointer; }
.MyLink { font-size: 12px; line-height: 12px; background: #FFFFFF; padding: 1px 4px; border-radius: 5px; text-decoration: none; }
.headerNormal { font-size: 14px; background: #FFFFFF; padding: 2px; text-decoration: none; }
.MyDiv { float: left; margin: 20px 40px; padding: 30px; border: 1px solid silver; width: 400px; background: #EFEFEF; border-radius: 20px; }
.gal-select { width: 95px; margin: 3px 0 0 5px; }
.gal-search { width: 80px; }
.gal-info { display: none; position: absolute; left: 40px; top: 30px; z-index: 250; padding: 8px; line-height: 18px; background: #FFFFFF; border: 1px solid silver; border-radius: 5px; text-align: left; }
.gal-info.is-open { display: block; }
.gal-info a { display: block; }
.gal-hit { color: red; }
.gal-col { float: left; margin: 0; padding: 0; }
.gal-col > div { padding: 2px; }
.gal-icon { vertical-align: middle; border: 0; }
.clear { clear: both; }
button.gal-linkbtn { background: none; border: 0; padding: 0 2px 0 5px; font: inherit; color: #0000EE; cursor: pointer; }

@media (max-width: 1100px) { .MainText { font-size: 80%; } .mdiv1, .mdiv2 { width: 180px; height: 180px; } .myimg { max-height: 160px; } }
@media (max-width: 800px)  { .MainText { font-size: 55%; } .mdiv1, .mdiv2 { width: 120px; height: 120px; } .myimg { max-height: 110px; } }
@media (max-width: 600px)  { .MainText { font-size: 45%; } .mdiv1 { width: 110px; height: 110px; } .myimg { max-height: 100px; } .slogo { width: 50%; } }
@media (max-width: 400px)  { .MainText { font-size: 30%; } .mdiv1 { width: 100px; height: 100px; } }