/* INDEX HTML */
:root { --bg-body: #68b033; } 
:root { --bd-txtc: #333333; } /* general color of text */
:root { --bd-txtf: noto_sansregular, Arial, Helvetica, sans-serif; } /* general font settings */
:root { --top-pic: 285px; } /* height of image on top in index.html */
:root { --msn-bkg: white; } /* background for individual messe files */
:root { --bd-ctbg: #333333; } /* background for contacts */
:root { --bd-flbx: #e6e6e6; } /* background for flexible boxes in individual messe */
:root { --aa-shdw: rgba(51,51,51,0.3); } /* underline for ancors in text */

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

.mbody { background-color:var(--bg-body); height:auto !important; margin:0; padding:0; border:none; min-height:100%;
        background-size:cover; font: 100% var(--bd-txtf); color: var(--bd-txtc); }
		
/* GLOBAL CONTAINER */
.dgc {margin:0px;border:none;color:#FFFFFF;position:relative;margin-left:auto;margin-right:auto;}
@media all and (max-width: 975px) {.dgc {width:100%;padding:1% 1%;}}
@media all and (min-width: 976px) {.dgc {width:975px;padding: 20px 0px;}}

/* TOP PIC & MENU */
.dkv {margin:0px;border:none;position:relative;width:100%;}
@media all and (max-width: 976px) {.dkv {height:auto;}}
@media all and (min-width: 976px) {.dkv {height:var(--top-pic);}}

.dki { margin:0px; border:none; position:absolute; top:5px; left:5px; color: var(--bd-txtc); } /* INSIDE KV */

/* MENU KV */
.dropdown { margin:0px; position:absolute; display:inline-block; color:var(--bd-txtc); } 
@media all and (max-width: 975px) {.dropdown {bottom:5px;left:3px;}}
@media all and (min-width: 976px) {.dropdown {bottom:3px;left:3px;}}
.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbtn {background-color:#3e8e41;}   
.dropdown-content {display:none;position: absolute;background-color: #f1f1f1;min-width:320px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
		
.dropdown-content a {color:black;padding: 12px 16px;text-decoration:none;display:block;}
.dropdownbtn {background-color:#68b033;color:white;border:none;
        border-style:solid;border-width:2px;border-color:#FFFFFF;border-radius:5px;}  
@media all and (max-width: 975px) {.dropdownbtn {padding: 5px 8px;font-size: 120%;}}
@media all and (min-width: 976px) {.dropdownbtn {padding: 14px 25px;font-size: 120%;}}

/* MAIN */
.dmn {margin:2% 0%;color:#888888;background-color:#FFFFFF;width:100%;padding:4% 2%;}
.df1 {color:#68b033;font-size:100%;font-weight:bold;}
.df2 {color:#68b033;font-size:120%;font-weight:bold;}
.dfb { color: var(--bd-txtc); font-size:100%; font-weight:bold; }
.dmn ul {margin-left:5%;}

.dpr {marging:0px;background-color:#FFFFFF;width:100%;border-bottom: 0px solid #ccc;}
.dpd1 {text-align:left;vertical-align:top;border: solid 0px red;}
.dpd2 {padding:3px 0px 30px 10px;width:100%;vertical-align:top;border: solid 0px blue;}
.dpimg {width:60px;}

.dpra {line-height:1.5;text-decoration:none;font-size:100%;font-weight:normal;color:#888888;font-family:var(--bd-txtf);}


/* CONTACTS */
.ctc { margin:0px;border:none; width:100%; padding: 2ch 2% 1.5ch 2%; background-color: var(--bd-ctbg); }
.ctc h1 {margin-bottom:3%;font-size:120%;font-weight:bold;color:white;font-family:var(--bd-txtf);}
.ctc h2 {margin-bottom:1%;line-height:1.5;font-size:100%;font-weight:normal;color:white;font-family:var(--bd-txtf);}
.ctc a {line-height:1.5;text-decoration:none;font-size:100%;font-weight:normal;color:white;font-family:var(--bd-txtf);}
.ctcfb {display:inline-block;width:40px;height:40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;
        border-radius:50%;background: #262626;margin-right:16px;}
.ctcfb img {max-height:20px;margin:50% auto 0;display:block;transform: translate(0, -50%);border:none;outline:none;}

/* ANCHOR WITH ARROWS */
.barr {background:url("icon_arrow_right_dark.svg" ) left top no-repeat;background-size: 15px 12px; background-position: 2px 2px;
       padding-left:25px;text-decoration:none;color:var(--bd-txtc);font-family:var(--bd-txtf);}