html { position:relative; min-height:100%; }
body { padding-bottom:0rem; background:#ebd9b0; font-family:'Open Sans', sans-serif; font-size:1.125rem; line-height:1.3; color:#000; }
a { display:inline-block; text-decoration:none; color:#196cb9; }
a:hover, a:active, a:focus { color:#ebd9b0; text-decoration:none; }
a:focus, a:active, button:focus { outline:none; }
.blue { color:#3A6569; } /* 063b64 -> 3e7076 */
.grey { color:#4f4f4f; }
header, .container, li, .relative { position:relative; }
#alert { position:relative; background:#fff; padding:20px; width:auto; max-width:600px; margin:20px auto; }
.bo { border:1px solid blue; }
.b { background:#ee9; }
figure { max-width:100%; }
iframe { width:100%; }
.font { font-family:'Racing Sans One', cursive; color:#3A6569; }
svg { fill:#3A6569; }
svg:hover { fill:#196cb9; }
.cke_notifications_area { display:none; }
/*-------------------- HEADER --------------------*/
header { margin-bottom:1rem; padding:2.5rem 0 40rem; border-bottom:11px solid #fff; background:url('/files/img/bg.webp') no-repeat; -webkit-background-size:cover; background-size:cover; }
#level2 header { margin-bottom:0; padding-bottom:8rem; background-position-y:-20rem; }
header .row { margin-bottom:.5rem; }
/*header .container { height:100%; padding:0; }
/*#hamburger, #hamburgerClose { display:none; } Alfa 56, Grenze Gotisch rokr - Gwendolyn 88 bold */
header .container-fluid { padding:0 6rem; }
.bgLine { background:rgba(255,255,255,.8); }
.navbar-brand { margin-bottom:.5rem; font-size:4.125rem; letter-spacing:2px; line-height:1.4; }
.navbar-brand:hover { color:#3A6569; }
#fsearch { top:7px; margin-right:3.5rem; }
#fsearch input { width:300px; padding:1px 40px 0 8px; z-index:2; border:0; border-bottom:1px solid #3A6569; border-radius:0; font-size:.875rem; background:transparent; }
#fsearch input:focus { box-shadow:none; -webkit-box-shadow: none; outline-offset:none; outline:none !important; }
#fsearch button { position:absolute; bottom:0; right:3px; width:32px; z-index:3; padding:2px 0 0; border:0; }
.tooltip-inner { max-width:300px; }
#warning1 { position:absolute; top:-25px; right:0; width:270px; padding-right:1rem; color:#196cb9; background:#fff; }
/*#warning2 { position:absolute; top:-25px; right:0; }*/
#social { top:3px; }
#social, #social li { display:inline-block; margin:0; }
#social li { margin-left:1.25rem; }
#fb, #tw, #insta { position:relative; bottom:1px; }
header nav { text-align:right; }
header nav ul { margin:0 0 .5rem; }
header nav li { margin:0 0 1rem 1.125rem; }
header nav li a { padding:2px 1.25rem 3px 1.25rem; border-radius:4px; background:#3A6569; color:#fff; text-transform:uppercase; }
header nav li a:hover { background:#063b64; color:#fff; }
header nav li.active a { background:#fff; color:#3A6569; }
/*#logo { position:absolute; bottom:14rem; right:19rem; width:18rem; height:auto; }
#slogan { position:absolute; bottom:5rem; right:35rem; color:#fff; font-size:2.75rem; letter-spacing:2px; }*/
#logo { position:absolute; bottom:3rem; left:12.5rem; width:17rem; height:auto; }
#slogan { position:absolute; bottom:4rem; left:34rem; color:#fff; font-size:2.875rem; letter-spacing:3px; } /* bottom:2rem; / bottom:1.25rem; bottom:4.5rem; font-size:2.75rem; letter-spacing:2px;*/
#slogan span { padding:0 .875rem; }
/*------------------ ^ HEADER ^ ------------------*/
/*-------------------- 1. page --------------------*/
h2 { display:inline-block; padding-right:1.5rem; position:relative; top:2.25rem; font-size:3rem; background:#ebd9b0; z-index:2; }
.h2underline { margin-bottom:3.5rem; border-top:1px dashed #3A6569; }
.bordrTop { border-top:1px dashed #6c8156; }
.bordrBott { border-bottom:1px dashed #6c8156; }
#events .col-9 { padding-left:0; }
#events .col-3 { padding-left:0; font-size:1.25rem; color:#fff; font-weight:bold; text-align:center; letter-spacing:-1px; }
#events .col-3 div { font-size:.6875rem; color:#6c8156; font-weight:400; letter-spacing:0; }
#events ul { margin-bottom:2rem; }
#events li { margin-top:.5rem; }
#events li:first-child { margin-top:0; }
#events ul > li:first-child { padding-top:0 !important; border-top:0; }
#level2 #events { margin-bottom:7rem; }
#events .all:hover { color:#fff; }
h5 { font-size:1.0625rem; color:#323136; font-weight:bold; }
.when, .where { padding-left:1.25rem; font-size:1rem; color:#6c8156; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23196cb9' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3C/svg%3E") no-repeat center left; background-size:15px 15px; }
.where { background-image:url("data:image/svg+xml,%3Csvg style='stroke-linecap:round;stroke-linejoin:round' viewBox='0 0 16 16' fill='%23196cb9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10Zm0-8.527a1.473 1.473 0 1 1 0-2.946 1.473 1.473 0 0 1 0 2.946Z'/%3E%3C/svg%3E"); }
.when { margin-right:.5rem; }
.all { position:relative; padding-right:2rem; color:#196cb9; }
.arrow { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23196cb9' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center right; background-size:16px 16px; }
#news .all:hover { color:#196cb9; }
#news .all2 { top:2.25rem; }
.masonry li { padding:1rem .875rem .5rem .875rem; background:#fff; border-radius:4px; }
.masonry li.active { background:#ddd; }
.masonry img { margin-bottom:1.5rem; border-radius:4px; }
h4 { margin-bottom:1.25rem; font-size:1.375rem; color:#3A6569; font-weight:bold; }
.masonry p { margin-bottom:1.5rem; color:#333; }
time { display:inline-block; margin:0 0 .5rem; font-size:1rem; color:#958f8f; }
.masonry li:hover time, .masonry li:hover .arrow, .masonry li:hover .more { background-size:contain; }
.masonry li:hover .more { font-weight:bold; }
.masonry li:hover sup time { background-size:cover; }
.masonry a:hover h4 { color:#196cb9; }
#news { padding:1rem 0 16rem; background:#3A6569; }
#news h2 { color:#fff; background:#3A6569; }
#news .h2underline { margin-bottom:4rem; border-top:1px dashed #fff; }
.more { padding-right:1.75rem; text-align:right; color:#196cb9; }
#news .all { color:#fff; }
/*------------------ ^ 1. page ^ ------------------*/
/*------------------ path, section list, article list ------------------*/
#path { margin-bottom:3rem; padding:.375rem 0 .875rem; text-transform:uppercase; background:#fff; }
#path div { color:#958f8f; }
#path a { margin:0 1.5rem 0 0; padding-right:2rem; }
#path a:hover { color:#3A6569; }
h3 { font-size:1.5rem; }
#subSections { margin-bottom:4rem; }
#subSections li { margin-bottom:1.25rem; }
#subSections li h3 { padding-left:2.5rem; font-size:2rem; text-transform:uppercase; }
h3.arrow { background-position-x:left; }
#subSections li a:hover h3 { color:#958f8f; }
#linkToNews a { padding-right:3rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%233A6569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15l5 5 5-5'/%3E%3Cpath d='M4 4h7a4 4 0 0 1 4 4v12'/%3E%3C/svg%3E") no-repeat center right; }
#linkToNews h3 { color:#fff; }
#level2 h1.font { margin-bottom:2rem; font-size:2.75rem; color:#958f8f; text-transform:uppercase; }
#articleList { margin-bottom:5rem; }
#articleList ul ul { list-style:disc; padding-left:1rem; }
#articleList ul li { margin-bottom:3rem; border-bottom:1px solid #dfdfdf; }
#articleList ul ul li { margin-bottom:0; border:0; }
#articleList h3 { margin:0 0 1.5rem; }
#articleList a, #news a { display:block; }
#articleList a:hover h3 { color:#3A6569; }
#articleList .descr { margin:0 0 1.5rem; }
sup { color:#196cb9; }
sup time { display:inline-block; font-size:.875rem; }
.paging li, #articleList .paging li { display:inline-block; }
.paging li span, .paging li a { display:block; padding:.5rem .75rem; background:#196cb9; color:#fff; text-align:center; font-size:1.25rem; }
.paging li a:hover { background:#3A6569; }
.paging li.active span { background:none; }
.paging li.dots { margin:0 .75rem; color:#ebd9b0; font-size:2rem; }
#articleList .paging li.dots, #articleList .paging li.arrow2 a { color:#196cb9; }
.paging li.arrow2 { background:none; font-size:2rem; line-height:1; }
.paging li.arrow2 a { position:relative; top:3px; left:9px; background:none; font-size:2rem; line-height:1; }
.paging li.arrow2 a:hover { color:#196cb9; }
/*------------------ ^ path, section list, article list ^ ------------------*/
/*-------------------- article --------------------*/
#bgWhite { background:#fff; }
#bgWhite #path { border-bottom:1px dashed #3A6569; }
article { padding-bottom:7rem; position:relative; }
#padLeft { margin-left:1rem; }
img.main, #thumbs, #thumbs li { margin-bottom:2rem; }
article img { border-radius:6px; }
article h1 { padding-top:.5rem; }
article time { margin:0 2rem 3rem 0; font-size:1.25rem; font-style:italic; }
#textCol a { border-block:1px dashed #fff; }
#textCol a:hover { color:#3A6569; border-block:1px dashed #958f8f; }
#textCol ul { margin:0 0 2rem 1rem; }
article li { margin-bottom:.125rem; }
article li::marker { font-size:.875rem; }
article ul ul { margin-bottom:15px; padding-left:1rem; }
article ul ul li { margin:3px 0 0; }
article p { line-height:1.4; text-indent:2rem; margin-bottom:1.375rem; text-align:justify; }
article td p, blockquote p, #contacts p { text-indent:0; }
article td p strong { font-size:1rem; }
u { color:#555; }
#video p { margin:0; }
#video a { display:block; padding:1rem 0 1rem 4.5rem; color:#fff; background:#196cb9 url('/files/img/pdf.png') no-repeat; background-size:22px 30px; background-position:29px 10px; }
#video a:hover { background:#555; }
blockquote { padding:1.75rem 2.25rem; margin:2rem 0 2.5rem; position:relative; background:#f2f2f2; border-radius:8px; }
blockquote:after { position:absolute; content: "”"; color:#3A6569; font-size:6rem; line-height:0; bottom:-25px; right:30px; font-family:Georgia, sans-serif; }
#print a { font-size:1rem; color:#958f8f; }
#print a:hover > .hide { display:inline; }
#print svg { width:22px; height:22px; fill:#fff; }
#print a:hover svg { fill:#3A6569; }
#print .circle { margin-left:.375rem; padding:.625rem; border-radius:50%; background:#ebd9b0; }
#backLabel:before { content:'< '; }
.pdf, .doc, .xls { display:inline-block; padding:1rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23196cb9' fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.238.241.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181.123.122.185.296.185.522Zm1.217-1.333v3.999h1.46c.401 0 .734-.08.998-.237a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084 0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.589-.68c-.264-.156-.599-.234-1.005-.234H3.362Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592 1.14 1.14 0 0 1-.196.422.8.8 0 0 1-.334.252 1.298 1.298 0 0 1-.483.082h-.563v-2.707Zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638H7.896Z'/%3E%3C/svg%3E") no-repeat 0 .75rem; background-size:2rem 2rem; }
.doc { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23196cb9' fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-7.839 9.166v.522c0 .256-.039.47-.117.641a.861.861 0 0 1-.322.387.877.877 0 0 1-.469.126.883.883 0 0 1-.471-.126.868.868 0 0 1-.32-.386 1.55 1.55 0 0 1-.117-.642v-.522c0-.257.04-.471.117-.641a.868.868 0 0 1 .32-.387.868.868 0 0 1 .471-.129c.176 0 .332.043.469.13a.861.861 0 0 1 .322.386c.078.17.117.384.117.641Zm.803.519v-.513c0-.377-.068-.7-.205-.972a1.46 1.46 0 0 0-.589-.63c-.254-.147-.56-.22-.917-.22-.355 0-.662.073-.92.22a1.441 1.441 0 0 0-.589.627c-.136.271-.205.596-.205.975v.513c0 .375.069.7.205.973.137.271.333.48.59.627.257.144.564.216.92.216.357 0 .662-.072.916-.216.256-.147.452-.356.59-.627.136-.274.204-.598.204-.973ZM0 11.926v4h1.459c.402 0 .735-.08.999-.238a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084 0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.59-.68c-.263-.156-.598-.234-1.004-.234H0Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592 1.141 1.141 0 0 1-.196.422.8.8 0 0 1-.334.252 1.298 1.298 0 0 1-.483.082H.79V12.57Zm7.422.483a1.732 1.732 0 0 0-.103.633v.495c0 .246.034.455.103.627a.834.834 0 0 0 .298.393.845.845 0 0 0 .478.131.868.868 0 0 0 .401-.088.699.699 0 0 0 .273-.248.8.8 0 0 0 .117-.364h.765v.076a1.268 1.268 0 0 1-.226.674c-.137.194-.32.345-.55.454a1.81 1.81 0 0 1-.786.164c-.36 0-.664-.072-.914-.216a1.424 1.424 0 0 1-.571-.627c-.13-.272-.194-.597-.194-.976v-.498c0-.379.066-.705.197-.978.13-.274.321-.485.571-.633.252-.149.556-.223.911-.223.219 0 .421.032.607.097.187.062.35.153.489.272a1.326 1.326 0 0 1 .466.964v.073H9.78a.85.85 0 0 0-.12-.38.7.7 0 0 0-.273-.261.802.802 0 0 0-.398-.097.814.814 0 0 0-.475.138.868.868 0 0 0-.301.398Z'/%3E%3C/svg%3E"); }
.xls { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23196cb9' fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM6.472 15.29a1.176 1.176 0 0 1-.111-.449h.765a.578.578 0 0 0 .254.384c.07.049.154.087.25.114.095.028.202.041.319.041.164 0 .302-.023.413-.07a.559.559 0 0 0 .255-.193.507.507 0 0 0 .085-.29.387.387 0 0 0-.153-.326c-.101-.08-.255-.144-.462-.193l-.619-.143a1.72 1.72 0 0 1-.539-.214 1.001 1.001 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.527-.422.225-.1.484-.149.777-.149.305 0 .564.05.78.152.216.102.383.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.625.625 0 0 0-.247-.181.923.923 0 0 0-.369-.068c-.217 0-.388.05-.513.152a.472.472 0 0 0-.184.384c0 .121.048.22.143.3a.97.97 0 0 0 .405.175l.62.143c.217.05.406.12.566.211a1 1 0 0 1 .375.358c.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Zm-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94l1.274-2.007Zm2.727 3.325H4.557v-3.325h-.79v4h2.487v-.675Z'/%3E%3C/svg%3E"); }
#comments { margin-top:3rem; padding-top:2rem; border-top:1px dashed #958f8f; }
#comments h5 { font-size:1.125rem; color:#777; font-weight:500; }
#fcomm textarea { width:100%; border:1px solid #dfdfdf; padding:.5rem .75rem; margin-bottom:.5rem; }
#fcomm button { margin-bottom:2rem; padding:.125rem .5rem; background:#ccc; border:none; }
#fcomm button:hover { background:#999; }
#comments li { font-size:1rem; margin-bottom:1.5rem; padding-bottom:.25rem; line-height:1.1; }
#comments li.replay { padding-left:2rem; margin-bottom:2rem; background:url('/files/img/logo-dvg.png') no-repeat 0 2px; background-size:20px 31px; }
.date { font-size:1rem; color:#5e6361; margin-bottom:.25rem; }
/*------------------ ^ article ^ ------------------*/
/*-------------------- footer --------------------*/
#toTop { visibility:hidden; position:fixed; right:94px; bottom:50px; z-index:3; cursor:pointer; color:#fff; font-size:15px; }
#toTop:hover > .hide { display:inline; }
#toTop .circle { margin-left:.375rem; padding:.5rem; border-radius:50%; background:#196cb9; }
#toTop:hover > .circle { background:#fff; }
#toTop svg { width:22px; fill:#fff; }
#toTop:hover svg { fill:#196cb9; }
.cd-is-visible { visibility:visible !important; opacity:1; }
footer { position:absolute; bottom:0; width:100%; padding-top:3rem; }
#bottomLine { padding:1rem 0 1.5rem; border-top:1px dashed #fff; font-size:1rem; color:#ebd9b0; }
#bottomLine a { color:#848484; font-size:14px; }
#bottomLine a:hover { color:#fff; }
#cookies { text-align:center; padding:1rem 1rem 4rem 1rem; font-size:1rem; color:#fff; }
#cookies a { margin:0 15px; font-size:1rem; color:#bbb; }
#cookies a:hover { color:#fff; }
#cookies button { margin-right:8px; border:2px solid #ebd9b0; padding:1px 8px 2px 8px; background:none; color:#ebd9b0; }
#cookies button:hover { background:#58585a; }
#cookiesIco { position:absolute; top:-5rem; right:7rem; background:transparent; border:none; }
#cookiesIco svg { border-radius:50%; box-shadow:0 0 1rem .125rem #fff; fill:#fff; }
@media only screen and (max-width:1280px) { #cookies { height:auto; } }
/*------------------ ^ footer ^ ------------------*/
@media (max-width:1919.98px) {
header { padding:2.5rem 0 33rem; }
#logo { bottom:2.5rem; left:11rem; width:15.75rem; }
#slogan { left:32rem; bottom:3.25rem; }
/* #logo { bottom:10.75rem; right:16rem; width:16rem; }
#slogan { bottom:5rem; right:25rem; }*/
} /* for 1680 */
@media (max-width:1679.98px) {
header { padding:2.5rem 0 30rem; }
#logo { left:10.25rem; width:15rem; }
#slogan { left:29rem; bottom:3rem; font-size:2.75rem; }
#level2 header { margin-bottom:0; background-position-y:-17rem; }
h4 { font-size:1.25rem; }
} /* for 1536 */
@media (max-width:1535.98px) {
html { font-size:96%; }
header { padding:2.5rem 0 29rem; }
header .container-fluid { padding:0 4rem; }
#logo { bottom:2.25rem; left:9.75rem; }
#slogan { left:28rem; font-size:2.5rem; }
/* .mfp-bottom-bar { margin-top:-40px !important; }*/
} /* for 1440 */
@media (max-width:1439.98px) {
html { font-size:94%; }
header { padding:2.5rem 0 27.5rem; }
.navbar-brand { font-size:4rem; }
#logo { left:10.25rem; width:13.75rem; }
#slogan { bottom:2.875rem; }
h4 { font-size:1.25rem; }
#level2 header { background-position-y:-15rem; }
time { display:block; }
article time { display:inline-block; }
} /* for 1366 */
@media (min-width:1400px) {
}
@media (max-width:1365.98px) {
html { font-size:92%; }
header { padding:2.5rem 0 26rem; }
.navbar-brand { font-size:3.875rem; }
#fsearch input { width:250px; }
#logo { bottom:2rem; width:13rem; }
#slogan { left:26rem; bottom:2.5rem; }
#level2 header { background-position-y:-14rem; }
} /* 1280 ---------------------------------------------------------------------------------- */
@media (max-width:1199.98px) {
header { padding:2.5rem 0 20rem; }
header .container-fluid { padding:0 2rem; }
.navbar-brand { margin-bottom:0; padding-top:.75rem; line-height:.9; }
header .align-items-center { margin-bottom:.5rem; }
header nav li { margin:0 0 1rem .75rem; }
header nav li a { padding:1px 1.125rem 2px 1.125rem; }
#fsearch { top:-1px; }
#social { top:-5px; }
#logo { bottom:1.5rem; left:9rem; width:11rem; }
#slogan { bottom:1.875rem; left:22rem; font-size:2.0625rem; letter-spacing:1px; }
#slogan span { padding:0 .5rem; }
#level2 header { background-position-y:-7rem; }
#news .all { top:-2px; }
h2 { font-size:2.75rem; }
#toTop { right:25px; }
} /* 7 - for 1024 ---------------------------------------------------------------------------------- */
@media (min-width:1200px) {
.container { /*width:970px;*/ }
}
@media (max-width:991.98px) {
header { padding:2.5rem 0 18rem; background-position-x:-4rem; }
.navbar-brand { margin-bottom:1rem; line-height:1; font-size:3.5rem; }
header .align-items-center { margin-bottom:.75rem; }
#fsearch { top:2px; }
#social { top:-2px; }
header nav li { margin:0 0 .5rem .375rem; }
header nav li a { padding:1px .75rem 2px .75rem; font-size:1rem; }
#logo { left:5rem; width:10rem; }
#slogan { left:16.5rem; font-size:1.875rem; letter-spacing:0; }
h2 { font-size:2.5rem; }
#news .all { top:-4px; }
#level2 header { background-position:0 0; }
#padLeft { margin-left:0; }
article img.main { width:100%; }
#thumbs { margin-bottom:0; }
h3, h1 { line-height:1.1; }
/*
#hamburger, #hamburgerClose { display:block; position:fixed; top:185px; right:39px; z-index:4; background:#196cb9; padding:.1rem .3rem; }
#hamburger svg, #hamburgerClose svg { fill:#fff; width:26px; }
#hamburgerClose { background:none; }
#hamburgerClose svg { fill:#196cb9; }
.showNav { display:block !important; position:fixed; right:0; top:140px; width:35% !important; padding:2rem 0 1rem 1rem; z-index:4; background:#fff; box-shadow:0 2px 8px #ddd; }
.showNav #line2 li { display:block; text-align:left; margin:0 30px 7px 30px; }
.showNav #line2 li.active { margin:0 30px 6px 30px; }
*/
} /* 6 - for 960, 800 ---------------------------------------------------------------------------------- */
@media (min-width:992px) {
}
@media (max-width:799.98px) {
.navbar-brand { font-size:3.375rem; }
#fsearch { top:4px; }
#social { top:0px; }
} /* 6 - for 768 ---------------------------------------------------------------------------------- */
@media (max-width:767.98px) {
header { padding:2.5rem 0 17rem; background-position-x:-5.5rem; }
.navbar-brand { font-size:3rem; }
#logo { left:4rem; width:9rem; }
#slogan { bottom:3rem; left:14rem; font-size:1.5rem; }
#slogan span { padding:0 .25rem; }
h2 { font-size:2.25rem; }
#search { margin-bottom:.75rem; }
#cookies br { display:none; }
/*
#hamburger, #hamburgerClose { top:159px; right:21px; }
.showNav { top:0; width:40% !important; padding-top:1rem; }
*/
} /* 5 - for 640, 740 ---------------------------------------------------------------------------------- */
@media (min-width:768px) {
}
@media (max-width:479.98px) {
html { font-size:90%; }
header { background-position-x:-15rem; }
header .container-fluid { padding:0 1rem; }
.navbar-brand { font-size:2rem; letter-spacing:1px; }
#fsearch { margin-right:1.75rem; }
#fsearch input { width:190px; }
#fsearch svg { width:26px; }
#social li { margin-left:1rem; }
#social svg { width:22px; }
#insta { width:21px; }
header nav li { margin:0 0 .5rem .25rem; }
header nav li a { padding:2px .75rem 3px .75rem; font-size:.875rem; }
#slogan { bottom:2rem; left:13.5rem; }
#slogan span, #print { display:none; }
#level2 header { background-position:-6rem 0; }
h2 { top:1.5rem; padding-left:1rem; font-size:2rem; }
#news .all { top:-8px; }
#level2 h1.font { font-size:2.25rem; }
h3 { font-size:1.375rem; }
#subSections li h3 { font-size:1.5rem; }
#toTop { right:18px; }
/*
#hamburger, #hamburgerClose { right:17px; }
#hamburger, #hamburgerClose { display:block; position:fixed; top:48px; right:25px; z-index:4; background:#196cb9; padding:.1rem .3rem; }
#hamburger svg, #hamburgerClose svg { fill:#fff; width:26px; }
#hamburgerClose { background:none; }
#hamburgerClose svg { fill:#196cb9; }
.showNav { display:block !important; position:fixed; left:0; top:0px; z-index:3; background:#fff; box-shadow:0 2px 8px #ddd; width:94% !important; padding:2rem 0 1rem 1rem; }
.showNav #line2 li { display:block; text-align:left; margin:0 30px 7px 30px; }
.showNav #line2 li.active { margin:0 30px 6px 30px; }
*/
} /* 3 - for 414 ---------------------------------------------------------------------------------- */
@media (max-width:411.98px) {
.navbar-brand { letter-spacing:0; }
#fsearch { margin-right:1.25rem; }
h2 { font-size:1.875rem; }
} /* 3 - for 393 ---------------------------------------------------------------------------------- */
@media (max-width:392px) { /* 2 - for_375 ---------------------------------------------------------------------------------- */
html { font-size:88%; }
}
@media (max-width:374.98px) {
html { font-size:84%; }
h2 { font-size:1.75rem; }
} /* 2 - for 360 ---------------------------------------------------------------------------------- */
@media (max-width:359.98px) {
html { font-size:80%; }
#fsearch input { width:150px; }
header nav li a { padding:2px .5rem 3px .5rem; }
} /* 1 - for 320 ---------------------------------------------------------------------------------- */
.error { background: #426bff; color:#fff; padding:0 3px; font-size:12px; }
.admtable td { color:#000; font-size:12px; }
.admin label { display:block; text-align:right; height:36px; }
.admin label input { float:right; margin-left:8px; }
#admform { position:absolute; top:0; left:300px; background:#ddd; z-index:10; }
#admform form, .admform2 form { padding:17px 18px; width:760px; }
#admform #fimage { width:750px; }
#admform a { color:#fff; }
#admform .chosen-container a { color:#000; }
#admform small { color:#888; }
#admform small b { color:#000; }
#admform input[type="text"], .admform2 input[type="text"], #admform input[type="file"] { display:inline-block; padding:0 4px; margin-bottom:4px; width:500px; height:22px; text-transform:none; color:#333; font-size:13px; }
#admform input[type="checkbox"] { padding:0; margin:0; }
#admform select { width:500px; height:22px; text-transform:none; color:#333; font-size:13px; }
#admform textarea { width:650px; text-transform:none; color:#333; font-size:13px; margin-bottom:4px; }
#admform th { text-align:left; color:#fff; text-transform:uppercase; font-size:20px; }
#admform td, #admform li { font-size:14px; color:#000; }
#admform label { display:inline-block; font-size:12px; cursor:pointer; }
#admform .blue { background:none; color:#3b65ff; font-size:12px; }
#admform button, div.adm button { display:inline-block; background:#426bff; border:0; padding:1px 6px; font-size:13px; color:#fff; }
div.adm button svg { width:11px; height:14px; margin-bottom:2px; fill:#fff; }
#admform svg { width:16px; height:16px; fill:#f00; }
#image-editor1 svg { width:18px; height:18px; fill:#444; }
#image-editor1 .ico-img-xl svg { width:24px; height:24px; }
.ico-img-sm svg, .ico-img-xl svg, .ico-rotate-left svg, .ico-rotate-right svg { width:26px; height:26px; fill:#000; position:relative; top:-8px; }
.ico-rotate-left svg:hover, .ico-rotate-right svg:hover { fill:#888; }
.ico-img-sm svg { width:16px; height:16px; }
.ico-rotate-left svg { left:90px; cursor:pointer; }
.ico-rotate-right svg { left:20px; cursor:pointer; }
#admform button svg { width:26px; height:26px; fill:#fff; padding-bottom:2px; }
#admform button { padding:0 9px; font-size:20px; }
#admform button:hover, div.adm button:hover, div.adm button.txt:hover { background:#777; cursor:pointer; }
#topLine #admform .chosen-container a, header #admform .chosen-container a { color:#323232; }
#admform a:hover { color:#000; }
div.adm { position:absolute; z-index:6; font-size:9px; }
a.adm { position:absolute; z-index:6; font-size:13px; background:#426bff; color:#fff; padding:0 5px; }
a.adm:hover { background:#acacac; color:#fff; }
footer div.adm button { font-size:10px; margin:0; }
div.adm button.txt { padding:1px 6px 3px 6px; font-size:13px; line-height:1.2; }
div.adm button.bgGrey { background:#acacac; }
div.adm button.bgGrey:hover { background:#eb1c23; }
#login button { background:#bbb; }
#login button:hover { background:#426bff; cursor:pointer; }
.cropit-preview { background:#f8f8f8; background-size:cover; border:1px solid #ccc; margin:20px; }
.image-editor .cropit-image-zoom-input { display:inline-block; width:130px; }
.cropit-preview-image-container { cursor:move; }
.cropit-preview-background { opacity:0.2; cursor:auto; }
.rotate-ccw, .rotate-cw { position:relative; top:-2px; margin-left:10px; }
.rotate-ccw:hover, .rotate-cw:hover { cursor:pointer; }