html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main
{ margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%; font-weight: normal; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main
{ display: block; }
textarea:focus, input:focus
{ outline: 0; }
body
{ line-height: 1; }
ol, ul
{ list-style: none; }
blockquote, q
{ quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after
{ content: ''; content: none; }
table
{ border-collapse: collapse; border-spacing: 0; }
a
{ text-decoration: none; }
*, *:before, *:after
{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html        {}
body        { font-family: Arial, sans-serif; font-size: 12px; color: #000; line-height: 1.75em; overflow-x: auto; }
h3          { font-size: 125%; font-weight: bold; margin: 2em 0 1em 0; }
strong, b   { font-weight: bold; }
a           { color: #055228; }
a:hover     { color: #000; }
ul, ol, dl  { margin: 1em 0 2em 2em; }
ul li       { list-style-type: initial; margin-bottom: 0.3em; }
p           { margin: 0.2em 0 0.2em 0; }


section#header
  {
    /*background: url("/img/bg_header_2.jpg") no-repeat 50% 2em;*/
    /*background: url("/img/bg_header_2020-light.jpg") no-repeat 50% 2em;*/
    background: url("/img/bg_header_2022-slogan.jpg") no-repeat 50% 2em;
    background-image: none;
    background-size: 100% auto;
    height: 35vw;
    height: 15vw;
  }

section#header .wrapp_nav
  { background: #055228; width: 100%; height: 3em; position: absolute; z-index: 3; margin: 2em 0 0 0; padding: 0 0 0 0; -webkit-transition: all .25s; transition: all .25s; }
section#header .wrapp_nav ul
  { font-size: 13px; text-align: right; text-transform: uppercase; letter-spacing: 1px; width: 100%; max-width: 960px; margin: 0 auto 0 auto; padding: 0 1em 0 0; }
section#header .wrapp_nav ul li
  { list-style-type: none; display: inline-block; margin: 0 0 0 0; padding: 0 0 0 0; }
section#header .wrapp_nav ul li a
  { font-weight: bold; color: #fff; display: block; height: 100%; margin: 0 0 0 0; padding: 7px 6px 7px 6px; }
section#header .wrapp_nav ul li a.active,
section#header .wrapp_nav ul li a:hover
  { color: #9ce9c5; }
section#header .wrapp_nav #m_nav
  { display: none; position: fixed; width: 100%; margin: 36px 0 0 0; z-index: 11; }
section#header .wrapp_nav #m_nav ul 
  { background: #055228; font-size: 1.2em; width: 50%; position: absolute; right: 0; padding: 0; }
  section#header .wrapp_nav #m_nav ul li
    { border-top: 1px solid rgba(255, 255, 255, 0.13); }
section#header .wrapp_nav #m_nav_trigger_button
  { background: url('/img/m_nav.gif') no-repeat 50% 50% transparent; background-size: 100%; display: none; width: 14px; height: 14px; margin: 10px 16px 0 0; position: absolute; right: 0; cursor: pointer; z-index: 12; }
section#header .wrapp_nav #m_nav_trigger_button.active
  { background-image: url('/img/m_nav_active.gif'); }

section#header .wrapp_logo
  { width: 100%; max-width: 960px; margin: 0 auto 0 auto; }
section#header .wrapp_logo h1
  { background: url("/img/bg_logo.png") no-repeat top left; background-size: 100% auto; text-align: center; position: absolute; z-index: 10; width: 50%; max-width: 400px; min-height: 251px; margin: 2em 0 0 0; }
section#header .wrapp_logo h1 a
  { width: 46%; display: block; margin: 0 auto 0 auto; }
section#header .wrapp_logo h1 a img
  { width: 100%; }


.wrapp2 {
  max-width: 960px; width: 100%;
  margin: 0 auto 0 auto;
  clear: both;
}



#content_white { text-align: center; padding-top: 4em; }
#content_white-flower-text
  { background: url("/img/bg_content-white-flower-1.jpg") 50% 0px no-repeat; font-size: 1.4em; text-align: center; padding-top: 110px; padding-bottom: 50px; margin-top: 30px; }
  #content_white-flower-text h2
    { font-size: 2em; font-weight: 900; color: #000; text-align: center; line-height: 1.3em; padding-bottom: 1em; }
  #content_white-flower-text p
    { line-height: 1.5em; letter-spacing: 1px; text-align: center; margin-bottom: 15px }
  #content_white-flower-text p.black_box_button
    { text-align: center; margin: 60px 0 0 0; }
  #content_white-flower-text p.black_box_button a
    { font-size: 120%; font-weight: 900; letter-spacing: 1px; color: #000; text-transform: uppercase; border: 1px solid #000; margin: 0 0 0 0; padding: 10px 20px; }
  #content_white-flower-text p.black_box_button a:hover
    { background: #000; color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }

#content_blue-text {
  background: #dae5df;
  font-size: 1.25em; text-align: center;
  margin: 0 0 0 0;
  padding: 45px 0 45px 0;
}
  #content_blue-text h2 {
    background: url("/img/h2_deco.png") no-repeat 50% 100%;
    font-size: 21px; font-weight: bold; color: #055228;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
  }
  #content_blue-text p {
    line-height: 1.5em; letter-spacing: 1px; width: 50%; margin-left: auto; margin-right: auto;
  }
  #content_blue-text h3 {
    font-size: 16px; font-weight: bold; color: #055228;
    margin: 25px 0 0 0;
  }

#latest_article {
  margin: 0 0 2em 0; padding: 0 0 2em 0;
}
#latest_article_wrapp {
  display: flex;
  flex-wrap: wrap;
  
  margin-top: 2em; padding-top: 2em;
  margin-bottom: 1em; padding-bottom: 2em;
}
#latest_article_wrapp .latest_article {
  flex-grow: 1;
  flex-shrink: 1;
  
  font-size: 1.2em; text-align: center;
  
  width: 30%;
  margin: 0 1.5% 0 1.5%; padding: 1% 2%;
}
#latest_article_wrapp .latest_article:hover {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);  
  -webkit-transition: all .25s; transition: all .25s; 
}
#latest_article_wrapp .latest_article h3 {
  font-size: 150%; font-weight: 600; line-height: 1.1em;
  xfont-size: 3vw !important;
  xfont-size: 1em;
  display: block;
  height: auto;
  padding: 0 0 1em 0;
  border-bottom: 1px dashed #055228;
}
#latest_article_wrapp .latest_article div.perex {
  text-align: center; line-height: 1.6em;
  padding: 1em 0;
}
#latest_article_wrapp .link_more {
  background: #055228;
  font-size: 1.2em; font-weight: 600; color: #fff; text-align: center;
  display: block; width: 200px;
  margin: 0 auto 0 auto; padding: 0.4em 2em;
  border: 1px solid transparent;
  -webkit-transition: all .25s; transition: all .25s;
}
#latest_article_wrapp .link_more:hover {
  background: #fff;
  color: #055228;
  border: 1px solid #055228;
}

section#co-finance {
  xbackground: #dae5df;
  text-align: center;
  width: 100%;
  margin: 0 0 0 0;
  padding: 1em 0 0 0;
  border-top: 3px dotted #dae5df;
}

section#co-finance h4 {
  font-weight: 600;
  font-size: 1.3em;
  color: #055228;
  margin: 0.5em 0 0.25em 0;
}
section#co-finance > p {
  font-size: 1.2em;
  color: #333;
  line-height: 1.2rem;
  max-width: 750px;
  margin: 0 auto 0 auto;
  border-bottom: 3px dotted #dae5df;
  clear: both;
  float: none;
}
section#co-finance p img {
  /*
  width: 40%;
  max-height: 100px;
  */
  height: 100px;
}
section#co-finance p img#eu-next-gen {
  height: 50px;
  margin-bottom: 20px;
  display: inline-block;
}
section#co-finance p img#mpao {
  padding: 7px;
}
section#co-finance p img#plan-narodni-obnovy {}
section#co-finance div.eu_projekt {
  max-width: 750px;
  margin: 0 auto 0 auto;
}
section#co-finance div.eu_projekt div.projekt_1 {
  width: 300px;
  float: left;
}
section#co-finance div.eu_projekt div.projekt_2 {
  width: 430px;
  float: right;
}
section#co-finance div.eu_projekt div.projekt_2 h4 { 
  font-size: 1.2em;
}

section#bottom_contact { background: #fcfcfc; margin: 3em 0 0 0; padding: 3em 0 3em 0; border-top: 1px solid #eee;
  box-shadow: 1px 5px 9px rgba(0, 0, 0, 0.4) inset; width: 101%; margin-left: -0.5%; }
  section#bottom_contact #contact_form
  { font-family: "Calibri", sans-serif; font-size: 12px; width: 40%; float: left; margin-left: 15px; }
  section#bottom_contact #contact_form .contact_response {
      font-size: 1.3em; text-align: center;
      margin: 0 0 1.5em 0; padding: 0.5em;
      border: 1px solid #ddd;
      border-radius: 0.25em;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  section#bottom_contact #contact_form .contact_response.error { background: #820000; color: #fff; }
  section#bottom_contact #contact_form .contact_response.ok { background: #008250; color: #fff; }
  section#bottom_contact #contact_form fieldset { background: #e3ece7; padding: 5px 25px 25px 25px;
    border: 3px double #eee; border-radius: 0.35em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset;
  }
  section#bottom_contact #contact_form fieldset legend {
    background: #096439; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 0.5px;
    margin: 0 0 0 35px; padding: 10px 30px;
    border: 1px solid #e3ece7;
    border-radius: 0.2em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.3);
  }
  section#bottom_contact #contact_form fieldset label {
    font-family: "Calibri", sans-serif; font-size: 1.3em; color: #032616; display: block;
    margin: 15px 0 6px 0;
  }
  section#bottom_contact #contact_form fieldset input {
    font-family: "Calibri", sans-serif; font-size: 1em; color: #777;
    display: block; width: 95%; margin: 0 0 0 0; padding: 10px 15px;

    border-radius: 5px 5px 5px 5px; border: 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
  }
  section#bottom_contact #contact_form fieldset textarea {
    font-family: "Calibri", sans-serif; font-size: 1.1em; color: #777;
    display: block; width: 95%; height: 100px; margin: 0 0 0 15px; padding: 10px 15px;
    border-radius: 5px 5px 5px 5px; border: 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
    margin: 0 0;
  }
  /*
  section#bottom_contact #contact_form fieldset input.smpChck { display: none; }
  */
  section#bottom_contact #contact_form fieldset input.contact_yourName { display: none !important; }
  section#bottom_contact #contact_form fieldset input.contact_yourSite { display: none !important; }
  section#bottom_contact #contact_form fieldset input.submit {
    background: #096439;
    font-size: 1.3em; font-weight: bold; color: #fff; letter-spacing: 0.5px;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.3);
    width: 250px; margin: 20px 0 0 0; padding: 10px 0;
    border: 1px solid #e3ece7;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }
  section#bottom_contact #contact_form fieldset input.submit:hover {
    background: #fff; color: #096439; }

  section#bottom_contact #contact_detail
    { background: #fff; font-family: "Calibri", sans-serif; font-size: 1.2em; text-align: right; line-height: 1.2em;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); width: 40%; float: right; margin-right: 15px;
    }
    section#bottom_contact #contact_detail h2 { font-size: 16px; font-weight: bold; margin: 20px 0 10px 0; }
    section#bottom_contact #contact_detail h3 { font-weight: bold; line-height: 1.4em; margin: 10px 0 0 0; }
    section#bottom_contact #contact_detail p { margin: 0 0 15px 0; }
    section#bottom_contact #contact_detail a { font-weight: bold; }
    section#bottom_contact #contact_detail ul { margin: 0 0 10px 0; }
    section#bottom_contact #contact_detail ul li { list-style-type: none; }
    section#bottom_contact #contact_detail form { width: 350px; float: right; margin: 10px 0 10px 0; padding: 5px 15px 5px 0; border: 1px solid #484848; }
    section#bottom_contact #contact_detail form input { font-family: "Calibri", sans-serif; font-size: 12px; color: #6a6a6a; border: 0; }
    section#bottom_contact #contact_detail form input.text { width: 50%; margin: 0 5px 0 0; padding: 5px; }
    section#bottom_contact #contact_detail form input.submit { background: #323030; font-size: 14px; font-weight: bold; color: #fff; border: 0; padding: 5px 15px; }
    /*section#bottom_contact #contact_detail form input.spmChck { display: none; }*/ 
    /* HLP elements */
    /*
    #formFields {}
    .formMan {
      display: none !important;
    }
    */

section#full_contact #newsletter input.submit,
section#bottom_contact #newsletter { }
section#full_contact #newsletter input.submit,
section#bottom_contact #newsletter input.submit {
  cursor: pointer;
}
section#full_contact #newsletter input.submit,
section#bottom_contact #newsletter input.submit:hover {
  background: #fff; color: #333;
}
  section#full_contact #contact_form .contact_response {
    font-size: 1.3em; text-align: center;
    margin: 0 0 1.5em 0; padding: 0.5em;
    border: 1px solid #ddd;
    border-radius: 0.25em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }

section#full_contact .newsletter_response.error,
section#bottom_contact .newsletter_response.error { background: #820000; color: #fff; }
section#full_contact .newsletter_response.ok,
section#bottom_contact .newsletter_response.ok    { background: #008250; color: #fff; }
section#full_contact .newsletter_response,
section#bottom_contact .newsletter_response {
  font-size: 1em; font-weight: bold; text-align: center;
  padding: 0.5em 1em;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  border: 1px solid #eee;
  border-radius: 0.25em;
}
section#full_contact .newsletter_response { font-size: 0.8em; display: inline-block; }


.header_with_green_flower-1 {
  background: url("/img/bg_content-white-flower-1.jpg") 50% 0px no-repeat;
  font-size: 21px; font-weight: 900; color: #000; text-align: center; margin-top: 50px; padding-top: 110px; padding-bottom: 10px;
}

div.box_flower_1 {
  background: url("/img/bg_box-flower-1.jpg") 50% 0 no-repeat;
  background-size: 100% auto;
  font-size: 1.1em; text-align: center;
  display: inline-block; width: 20%;
  margin-top: 0; padding-top: 5em; padding-bottom: 5em; padding-left: 0; padding-right: 0;
}
  div.box_flower_1 h4
    { font-size: 1.5em; font-weight: 900; color: #055228; text-transform: uppercase; margin-bottom: 0px; }
  div.box_flower_1 h4 a
    { color: #055228; }
  div.box_flower_1 h4 a:hover
    { color: #000; }
  div.box_flower_1 p
    { font-size: 15px; font-weight: normal; color: #000; line-height: 1.3em; }
  div.box_flower_1 a.button
    { background: #055228; color: #fff; display: inline-block; margin-top: 1em; padding: 0.4em 1em; }
  div.box_flower_1 a.button:hover
    { background: #000; color: #fff; }




section#error {}
  section#error h2 {}
  section#error p { font-size: 150%; line-height: 1.6em; text-align: center; }

footer { background: #323030; font-size: 11px; color: #9f9f9f; text-align: center; margin: 50px 0 0 0; padding: 15px 0px; }





section#team_person                 { background: url("/img/bg_content-white-flower-1.jpg") 50% 0px no-repeat; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); margin-top: 30px; padding-top: 110px; padding-bottom: 50px; }
  section#team_person h2            { font-size: 21px; font-weight: 900; color: #000; text-align: center; padding-bottom: 30px; }
  section#team_person .person       { width: 50%; height: 245px; overflow: hidden; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
section#team_person .person img     {  }
  section#team_person .person .person_photo,
  section#team_person .person .person_photo_fake {
    background: #e8e8e8;
    color: transparent;
    display: block;
    width: 49%; height: 98%;
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 0.4em;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  section#team_person .person.odd   .person_photo,
  section#team_person .person.odd   .person_photo_fake   { float: left; }
  section#team_person .person.even  .person_photo,
  section#team_person .person.even  .person_photo_fake   { float: right; }
  section#team_person .person       .person_description { font-size: 1.2em; line-height: 1.4em; letter-spacing: 1px; xtext-align: center; width: 50%;
    padding: 2em 0 0 0; }
  section#team_person .person.odd   .person_description { float: left; text-align: left; padding-left: 1.5em; }
  section#team_person .person.even  .person_description { float: right; text-align: right; padding-right: 1.5em; }
  section#team_person .person       .person_description p { margin-bottom: 10px; }
  section#team_person .person       .person_description span.ml { display: block; margin: 5px 0 0 0; padding: 0 0 0 0 !important; float: none; }
  section#team_person .person       .person_description span.ml img { width: 100%; }
  section#team_person .person       .person_description a { background: #096439; font-size: 100%; font-weight: bold; color: #fff; line-height: 1.3em; display: inline-block; margin: 0.6em 0 0 0; padding: 0.1em 0.7em; border-radius: 0.15em; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); -webkit-transition: all .25s; transition: all .25s; }
  section#team_person .person       .person_description a:hover { background: #eee; color: #444; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset; }



div.article_short {
    background: url("/img/bg_content-white-flower-1.jpg") 0px 0px no-repeat;
    background-size: auto;
    font-size: 1.4em;
    clear: both;
    padding: 2.5em 0 0 50px;
    margin: 3em 0 25px 0;

    xbackground-color: #fcfcfc;
    display: grid;
    grid-template-columns: [col1-start] auto [col1-end col2-start] auto [col2-end];
    grid-template-rows: [row1-start] auto [row1-end row2-start] auto [row2-end];
}
  div.article_short h3.article_short-title {
    xfont-size: 1.5em;
    xfont-weight: 900;
    xline-height: 1.2em;
    xpadding-left: 30px;
    xpadding-bottom: 15px;
    
    grid-column-start: col1-start;
    grid-column-end: col2-end;
    grid-row-start: row1-start;
    grid-row-start: row1-end;
    
    line-height: 1em;
    width: auto;
    margin: 0;
    padding: 2.5em 0 5px 0.75em;
    clear: both;
    text-shadow: 0 0 3px rgba(255, 255, 255, 1);
  }
  /*
  div.article_short p.article_short-image {
    xfloat: left;
    xwidth: 200px;
    xoverflow: hidden;

    grid-column-start: col1-start;
    grid-column-end: col1-end;
    grid-row-start: row2-start;
    grid-row-start: row2-end;

    text-align: center;
    width: auto; height: auto;
    margin: 0;
    padding: 0;
    clear: both;
    opacity: 0.9;
  }
  div.article_short p.article_short-image img {
    background: none transparent;
    width: 95%;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 0.75em;
  }
  */
  div.article_short div.article_short-perex img {
    float: left;
    width: auto; max-width: 250px;
    height: auto; max-height: 250px;
  }
  div.article_short div.article_short-perex {    
    xfloat: left;
    xwidth: 790px;
    xpadding-left: 2.0em;
    
    grid-column-start: col1-start;
    grid-column-end: col2-end;
    grid-row-start: row2-start;
    grid-row-start: row2-end;
    
    text-align: justify;
    line-height: 1.5em;
    width: auto; height: auto;
    margin: 0;
    padding: 0.5em 0 0 1em;
    clear: both;
  }
  div.article_short div.article_short-perex a.article_short-more {
    font-size: 0.8em;
    font-weight: 900;
    color: #055228;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-top: 15px;
    padding: 7px 21px;
    border: 1px solid #484848;
  }
  p.art_scr
    { width: 50%; margin: 0 auto; border-top: 3px double #eee; }
  p.art_scr a.article_short-older-posts
    {
      background: #055228; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; text-decoration: none;
      text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.3);
      float: left; display: block; width: 45%; margin: 1em 2.5% 0 2.5%; padding: 7px 20px 10px 20px;
      border: 1px solid #e3ece7; border-radius: 0.4em; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    }
  p.art_scr a.article_short-older-posts:hover
    { color: #9ce9c5; }
  p.art_scr a.article_short-older-posts span
    { font-size: 1.6em; line-height: 1em; font-weight: 600; }
  p.art_scr a.article_short-older-posts.back
    { clear: both; float: none; margin-left: auto; margin-right: auto; }




section#full_contact { background: #fcfcfc; margin: 0 0 0 0; padding: 3em 0 3em 0; border-top: 1px solid #eee; box-shadow: 1px 5px 9px rgba(0, 0, 0, 0.4) inset; width: 101%; margin-left: -0.5%; }
  section#full_contact #contact_form { font-family: "Calibri", sans-serif; font-size: 12px; width: 40%; float: left; margin-left: 15px; }
  section#full_contact #contact_form .contact_response {
      font-size: 1.3em; text-align: center;
      margin: 0 0 1.5em 0; padding: 0.5em;
      border: 1px solid #ddd;
      border-radius: 0.25em;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  section#full_contact #contact_form .contact_response.error { background: #820000; color: #fff; }
  section#full_contact #contact_form .contact_response.ok { background: #008250; color: #fff; }
  section#full_contact #contact_form fieldset { background: #e3ece7; padding: 5px 25px 25px 25px;
    border: 3px double #eee; border-radius: 0.35em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset;
  }
  section#full_contact #contact_form fieldset legend {
    background: #096439; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 0.5px;
    margin: 0 0 0 35px; padding: 10px 30px;
    border: 1px solid #e3ece7;
    border-radius: 0.2em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.3);
  }
  section#full_contact #contact_form fieldset label {
    font-family: "Calibri", sans-serif; font-size: 1.3em; color: #032616; display: block;
    margin: 15px 0 6px 0;
  }
  section#full_contact #contact_form fieldset input {
    font-family: "Calibri", sans-serif; font-size: 1em; color: #777;
    display: block; width: 95%; margin: 0 0 0 0; padding: 10px 15px;

    border-radius: 5px 5px 5px 5px; border: 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
  }
  section#full_contact #contact_form fieldset textarea {
    font-family: "Calibri", sans-serif; font-size: 1.1em; color: #777;
    display: block; width: 95%; height: 100px; margin: 0 0 0 15px; padding: 10px 15px;
    border-radius: 5px 5px 5px 5px; border: 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
    margin: 0 0;
  }
  /*
  section#full_contact #contact_form fieldset input.smpChck { display: none; }
  */
  section#full_contact #contact_form fieldset input.contact_yourName { display: none !important; }
  section#full_contact #contact_form fieldset input.contact_yourSite { display: none !important; }
  section#full_contact #contact_form fieldset input.submit {
    background: #096439;
    font-size: 1.3em; font-weight: bold; color: #fff; letter-spacing: 0.5px;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.3);
    width: 250px; margin: 20px 0 0 0; padding: 10px 0;
    border: 1px solid #e3ece7;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }
  section#full_contact #contact_form fieldset input.submit:hover {
    background: #fff; color: #096439; }

  section#full_contact #contact_detail
    { background: #fff; font-family: "Calibri", sans-serif; font-size: 1.2em; text-align: right; line-height: 1.2em;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); width: 40%; float: right; margin-right: 15px;
    }
    section#full_contact #contact_detail h2 { font-size: 16px; font-weight: bold; margin: 20px 0 10px 0; }
    section#full_contact #contact_detail h3 { font-weight: bold; line-height: 1.4em; margin: 10px 0 0 0; }
    section#full_contact #contact_detail p { margin: 0 0 15px 0; }
    section#full_contact #contact_detail a { font-weight: bold; }
    section#full_contact #contact_detail ul { margin: 0 0 10px 0; }
    section#full_contact #contact_detail ul li { list-style-type: none; }
    section#full_contact #contact_detail form { width: 350px; float: right; margin: 10px 0 10px 0; padding: 5px 15px 5px 0; border: 1px solid #484848; }
    section#full_contact #contact_detail form input { font-family: "Calibri", sans-serif; font-size: 12px; color: #6a6a6a; border: 0; }
    section#full_contact #contact_detail form input.text { width: 50%; margin: 0 5px 0 0; padding: 5px; }
    section#full_contact #contact_detail form input.submit { background: #323030; font-size: 14px; font-weight: bold; color: #fff; border: 0; padding: 5px 15px; }
    /*
    section#full_contact #contact_detail form input.spmChck { display: none; }
    */
    section#full_contact #contact_detail form input.contact_yourName { display: none !important; }
    section#full_contact #contact_detail form input.contact_yourSite { display: none !important; }





section#partners {}
  section#partners .partner {
    text-align: center;
    width: 33%; float: left;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  section#partners .partner_logo { text-align: center; vertical-align: bottom; width: 100%; height: 90px; }
  section#partners h4 { color: #666666; font-weight: 600; letter-spacing: 2px; height: 75px; margin: 0 auto; }
  section#partners .partner_logo img { }
  section#partners .partner_link {
    font-size: 13px; font-weight: 600; letter-spacing: 2px; line-height: 1.5em; margin-bottom: 15px;
  }
  section#partners .partner_description {
    letter-spacing: 2px; line-height: 1.5em; margin-bottom: 10px; padding: 0 30px;
  }


.article_full { color: #444; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); padding: 2em 0 2em 0; }
.article_full h2 { font-family: "Times New Roman"; font-size: 3.3em; color: #666; line-height: 1.2em; margin: 1em 0 0 0; padding: 0 0.5em 0.5em 0.5em; }
.article_full h3 { font-size: 2.5em; }
.article_full h4 { font-size: 2em; }
.article_full .perex { font-family: "Times New Roman"; font-style: italic; font-size: 2em; text-align: justify; line-height: 1.5em; color: #666; margin: 0 0 1.5em 0; padding: 0.25em 1em 1em 1em; border-bottom: 3px double #eee; }
.article_full .text { font-family: "Times New Roman"; font-size: 1.8em; line-height: 1.5em; margin: 0 0 1.5em 0; padding: 0 1em 0 1em; }

div.article_short div.article_short-perex a.article_short-more {
    font-size: 0.8em; font-weight: 900; color: #055228; text-transform: uppercase; text-decoration: none; display: inline-block; margin-top: 15px; padding: 7px 21px; border: 1px solid #484848;
  }
  p.art_scr {
    width: 50%;
    margin: 0 auto;
    border-top: 3px double #eee;
  }
  p.art_scr a.article_short-older-posts {
    background: #055228; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; text-decoration: none;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.3);
    float: left;
    display: block; width: 45%; margin: 1em 2.5% 1em 2.5%; padding: 7px 20px 10px 20px;
    border: 1px solid #e3ece7;
    border-radius: 0.4em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }
  p.art_scr a.article_short-older-posts:hover {
    color: #9ce9c5;
  }
  p.art_scr a.article_short-older-posts span {
    font-size: 1.6em; line-height: 1em; font-weight: 600;
  }
  p.art_scr a.article_short-older-posts.back {
    clear: both; float: none;
    margin-left: auto; margin-right: auto;
  }



.greenLinkWrapper {
  text-align: center; width: 66%; margin: 2em auto 1em auto;
}
.greenLinkWrapper3 {
  text-align: center; width: 99%; margin: 2em auto 1em auto;
}
.greenLinkFlower {
  background: url('/img/greenLinkFlower.png') no-repeat bottom center;
  background-position: 0 1.25em;
  background-size: 100%;
  width: 30%; height: 100px;
  margin: 0 0 0 0; padding: 0 0 7.1em 0;

}
.greenLinkFlower a {
  background: #055228;
  font-weight: 900; text-transform: uppercase; color: #fff; letter-spacing: 3px;
  width: 83%; display: block;
  padding: 0.5em 0 0.5em 0;
  -webkit-transition: all .25s; transition: all .25s;
}
.greenLinkFlower a:hover {
  background: #000;
}
.greenLinkWrapper div:nth-child(1){
  float: left;
}
.greenLinkWrapper div:nth-child(2){
  float: right;
}

.greenLinkWrapper div:nth-child(1){
  float: left;
}
.greenLinkWrapper3 div:nth-child(2){
  float: left;
  margin-left: 4em;
}
.greenLinkWrapper3 div:nth-child(3){
  float: right;
}




.green { color: #055228; }
.black { color: #000; }

x.wrapp1 { width: 100%; max-width: 1288px; min-width: 450px; margin-left: auto; margin-right: auto; }
x.wrapp2 { width: 100%; max-width: 1061px; min-width: 1050px; margin-left: auto; margin-right: auto; }

.tc { text-align: center; }

.trigger  { cursor: pointer; }
.fln      { color: transparent; float: none; clear: both; display: block; width: 100%; visibility: hidden; }
.zero     { height: 0; overflow: hidden; }


.wrapp_logo_hide {
  display: none;
}

@media (max-width: 960px) {
  #content_white-flower-text { padding-left: 6%; padding-right: 6%; }
  section#team_person { width: 80%; margin-left: auto; margin-right: auto; }
  section#team_person .person { height: 170px; }
  section#team_person .person .person_photo,
  section#team_person .person .person_photo_fake { width: 150px; }
  section#team_person .person .person_description { font-size: 110%; line-height: 1.2em; letter-spacing: normal; }

  /*
  div.article_short { background-size: 40%; width: 80%; margin-left: auto; margin-right: auto; padding-top: 7.5%; padding-left: 3%; }
  div.article_short h3.article_short-title { font-size: 1.3em; font-weight: 900; }
  div.article_short p.article_short-image { width: 20%; overflow: hidden; }
  div.article_short div.article_short-perex { line-height: 1.5em; width: 80%; padding-left: 2.0em; }
  */
}
@media (max-width: 900px) {
  section#header .wrapp_nav ul { font-size: 11px; }

  .article_full { font-size: 0.8em; }
  .article_full h2 { }
  .article_full h3 { }
  .article_full h4 { }
  .article_full .perex { }
  .article_full .text { }


}
@media (max-width: 800px) {
  section#header .wrapp_nav ul { font-size: 9px; }

  section#bottom_contact #contact_form fieldset legend   { font-size: 12px; padding: 5px 25px; }
  section#bottom_contact #contact_form fieldset label    { font-size: 1.3em; }
  section#bottom_contact #contact_form fieldset input    { font-size: 0.85em; }
  section#bottom_contact #contact_form fieldset textarea { font-size: 0.85em; }
  section#bottom_contact #contact_form fieldset input.submit { font-size: 1.3em; }
  section#bottom_contact #contact_detail    { font-size: 1em; }
  section#bottom_contact #contact_detail h2 { font-size: 14px; }

  section#full_contact #contact_form fieldset legend   { font-size: 12px; padding: 5px 25px; }
  section#full_contact #contact_form fieldset label    { font-size: 1.3em; }
  section#full_contact #contact_form fieldset input    { font-size: 0.85em; }
  section#full_contact #contact_form fieldset textarea { font-size: 0.85em; }
  section#full_contact #contact_form fieldset input.submit { font-size: 1.3em; }
  section#full_contact #contact_detail    { font-size: 1em; }
  section#full_contact #contact_detail h2 { font-size: 14px; }


  .greenLinkWrapper, .greenLinkWrapper3 { width: 99%; }
  .greenLinkWrapper div:nth-child(1)  { clear: both; float: none; }
  .greenLinkWrapper div:nth-child(2)  { clear: both; float: none; }
  .greenLinkWrapper div:nth-child(1)  { clear: both; float: none; }
  .greenLinkWrapper3 div:nth-child(2) { clear: both; float: none; margin-left: 0; }
  .greenLinkWrapper3 div:nth-child(3) { clear: both; float: none; }
  .greenLinkFlower {
    font-size: 80%;
    width: 30%; height: 100px; display: inline-block;
    margin: 0 0 0 0; padding: 0 0 7.1em 0;
  }
  .greenLinkFlower a {
    letter-spacing: 0px;
  }
  #latest_article_wrapp .latest_article h3 {
    font-size: 125%;
  }
}
@media (max-width: 750px) {
  section#header {
    /*background: url("/img/bg_header_2.jpg") no-repeat 50% 36px;*/
    /*background: url("/img/bg_header_2020-light.jpg") no-repeat 50% 36px;*/
    background: url("/img/bg_header_2022-slogan.jpg") no-repeat 50% 36px;
    background-image: none;
    background-size: 100% auto; width: 100%; height: 280px; height: 150px; }
  section#header .wrapp_logo { xwidth: 50%; }
  section#header .wrapp_logo h1 { width: 30%; margin-top: 0; padding-top: 25px; }
  section#header .wrapp_logo h1 a { width: 80%; }
  section#header .wrapp_nav { position: fixed; margin-top: 0; }
  section#header .wrapp_nav ul { display: none; }
  section#header .wrapp_nav #m_nav {  }
  section#header .wrapp_nav #m_nav ul { font-size: 11px; display: block; }
  section#header .wrapp_nav #m_nav ul li { display: block; }
  section#header .wrapp_nav ul li a
  { font-weight: bold; color: #fff; display: block; height: 100%; margin: 0 0 0 0; padding: 3px 16px 3px 1px; }
  section#header .wrapp_nav #m_nav_trigger_button { display: block; }
  
  
  section#team_person .person       { height: 125px; margin-bottom: 2em; }
  section#team_person .person.even img,
  section#team_person .person.odd img   { width: 35%; height: auto; }
  section#team_person .person .person_description { width: 65%; font-size: 90%; line-height: 1.2em; letter-spacing: normal; margin: 0; padding: 0 0 0 0; }
  section#team_person .person .person_description span.ml { width: 80%; }
  section#team_person .person.even .person_description span.ml { float: right; }
  section#team_person .person .person_description span.ml img { width: 100%; }
  section#team_person .person       .person_photo,
  section#team_person .person       .person_photo_fake   { width: 35%; height: 60%; }
  section#team_person .person.odd   .person_photo,
  section#team_person .person.odd   .person_photo_fake   { float: left; }
  section#team_person .person.even  .person_photo,
  section#team_person .person.even  .person_photo_fake   { float: right; }
  
  #latest_article_wrapp .latest_article h3 {
    xfont-size: 1.5em !important;
  }
  
  div.article_short { background-size: 50%; padding-top: 10%; padding-left: 2%; }
  div.article_short h3.article_short-title { font-size: 1em; }
  div.article_short div.article_short-perex { font-size: 0.85em; }
  section#co-finance div.eu_projekt div.projekt {
    float: none;
    clear: both;
    width: 100%;
  }
}
@media (max-width: 700px) {
  div.box_flower_1 { width: 34%; }
  div.box_flower_1 h4 { font-size: 1.25em; line-height: 1em; }
  #content_blue-text p { width: 75%; }
  #latest_article_wrapp .latest_article h3 {
    xfont-size: 1.4em;
  }

  #content_white-flower-text { font-size: 1.2em; }
  
  .header_with_green_flower-1 { background-size: 40%; margin-top: 1em; padding-top: 3.7em; }
  
  section#partners .partner { margin-top: 0; }
  section#partners .partner_link { letter-spacing: 0; }
  section#partners .partner_description { letter-spacing: 0; }

  .article_full { font-size: 0.6em; }
  .article_full h2 { }
  .article_full h3 { }
  .article_full h4 { }
  .article_full .perex { font-style: normal; padding-top: 0; }
  .article_full .text { }

   
  p.art_scr { width: 75%; }
  p.art_scr a.article_short-older-posts { font-size: 1em; width: 75%; }
}
@media (max-width: 550px) {
  section#header {
    /*background: url("/img/bg_header_2.jpg") no-repeat 50% 36px;*/
    /*background: url("/img/bg_header_2020-light.jpg") no-repeat 50% 36px;*/
    background: url("/img/bg_header_2022-slogan.jpg") no-repeat 50% 36px;
    background-image: none;
    background-size: 100% auto; width: 100%; height: 230px; height: 70px; }
  section#bottom_contact #contact_form { width: 97%; clear: both; float: none; margin: 0 auto 0 auto; padding: 0; }
  section#bottom_contact #contact_form fieldset {  }
  section#bottom_contact #contact_form fieldset legend   { font-size: 10px; padding: 5px 25px; }
  section#bottom_contact #contact_form fieldset label    { font-size: 1.1em; }
  section#bottom_contact #contact_form fieldset input    { font-size: 0.85em; }
  section#bottom_contact #contact_form fieldset textarea { font-size: 0.85em; }
  section#bottom_contact #contact_form fieldset input.submit { font-size: 1.1em; margin: 0.5em auto 0 auto; }
  section#bottom_contact #contact_detail { text-align: center; display: block; width: 97%; clear: both; float: none; margin: 0 auto 0 auto; padding: 0; }

  section#full_contact #contact_form { width: 97%; clear: both; float: none; margin: 0 auto 0 auto; padding: 0; }
  section#full_contact #contact_form fieldset {  }
  section#full_contact #contact_form fieldset legend   { font-size: 10px; padding: 5px 25px; }
  section#full_contact #contact_form fieldset label    { font-size: 1.1em; }
  section#full_contact #contact_form fieldset input    { font-size: 0.85em; }
  section#full_contact #contact_form fieldset textarea { font-size: 0.85em; }
  section#full_contact #contact_form fieldset input.submit { font-size: 1.1em; margin: 0.5em auto 0 auto; }
  section#full_contact #contact_detail { text-align: center; display: block; width: 97%; clear: both; float: none; margin: 0 auto 0 auto; padding: 0; }
  section#full_contact #contact_detail p { padding: 0; }
  section#full_contact #contact_detail #newsletter { float: none; clear: both; width: 50%; margin: 0 auto 0 auto; padding: 0.3em; }
  section#full_contact #contact_detail #newsletter input { text-align: center; width: 80%; margin: 0 auto 0.1em auto; padding: 0.3em; }


  #content_white-flower-text { font-size: 1em; }

  section#team_person .person       { clear: both; float: none; width: 100%; height: auto; margin-bottom: 1em; padding-bottom: 1em; }
  section#team_person .person.even img,
  section#team_person .person.odd img   { }
  section#team_person .person .person_description { font-size: 110%; }
  section#team_person .person .person_description { font-size: 110%; }
  section#team_person .person .person_photo_fake { height: 100%; }
  section#team_person .person.odd .person_photo_fake   { float: left; }
  section#team_person .person.even .person_photo,
  section#team_person .person.even .person_photo_fake   { float: left; }
  section#team_person .person.odd   .person_description { float: left; text-align: left; padding-left: 1.5em; }
  section#team_person .person.even  .person_description { float: left; text-align: left; padding-left: 1.5em; }
  
  section#team_person .person .person_description span.ml { float: none !important; }
  section#team_person .person .person_description span.ml img { margin-top: 10px; width: 70%; }
  
  section#team_person .person       .person_description a { background: none transparent; font-size: 100%; font-weight: normal; color: #055228; line-height: 1.3em; display: inline; margin: 0.3em 0 0 0; padding: 0; border-radius: 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.0); }
  section#team_person .person       .person_description a:hover { background: none transparent; width: 100%; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.0) inset; }
  
  section#co-finance p img {
    height: 75px;
  }
  section#co-finance p img#mpao {
    padding: 10px;
  }
}
@media (max-width: 450px) {
  section#header {
    /*background: url("/img/bg_header_2.jpg") no-repeat 50% 36px;*/
    /*background: url("/img/bg_header_2020-light.jpg") no-repeat 50% 36px;*/
    background: url("/img/bg_header_2022-slogan.jpg") no-repeat 50% 36px;
    background-image: none;
    background-size: 100% auto; width: 100%; height: 185px; height: 70px; }
  section#header .wrapp_nav  { }
  section#header .wrapp_nav #m_nav ul { font-size: 0.9em; width: 100%; }
  section#header .wrapp_nav #m_nav ul li { text-align: center; width: 100%; }
  section#header .wrapp_logo h1 { background: none transparent; width: 100px; margin-top: -6%; margin-left: 20px; padding-top: 0; }
  section#header .wrapp_logo h1 a { width: 100%; }

  #content_white-flower-text { background: url("/img/bg_content-white-flower-1.jpg") 50% 0px no-repeat; background-size: 70% auto; font-size: 0.85em; padding-top: 20%; padding-bottom: 0px; margin-top: 30px; }
  section#team_person        { background: url("/img/bg_content-white-flower-1.jpg") 50% 0px no-repeat; background-size: 70% auto; font-size: 0.85em; padding-top: 20%; padding-bottom: 0px; }

  div.box_flower_1 { width: 35%; padding-top: 4em; }
  div.box_flower_1 h4 { font-size: 1.05em; line-height: 1em; }
  div.box_flower_1 a.button { font-size: 100%; }
  #latest_article_wrapp .latest_article { display: block; width: 100%; clear: both; margin: 0 0 0 0; padding: 1% 2%; }
  #latest_article_wrapp .latest_article h3 { font-size: 1.2em; display: block; width: 100%; height: auto; padding-bottom: 1em; }

  section#bottom_contact #contact_detail form { display: block; width: 75%; clear: both; float: none; margin-left: auto; margin-right: auto; border: 1px solid #484848; }
  section#bottom_contact #contact_detail form input.text { text-align: center; display: block; margin-left: auto; margin-right: auto; }
  section#bottom_contact #contact_form fieldset label { text-align: center; }
  section#bottom_contact #contact_form fieldset input.submit { font-size: 80%; width: 95%; padding: 0.5em; }
  section#bottom_contact #contact_detail form { padding: 0.3em ; }
  section#bottom_contact #contact_detail form input { font-size: 75%; }
  section#bottom_contact #contact_detail form input.submit { font-size: 75%; margin-left: auto; margin-right: auto; }


  section#full_contact #contact_detail form { display: block; width: 75%; clear: both; float: none; margin-left: auto; margin-right: auto; border: 1px solid #484848; }
  section#full_contact #contact_detail form input.text { text-align: center; display: block; margin-left: auto; margin-right: auto; }
  section#full_contact #contact_form fieldset label { text-align: center; }
  section#full_contact #contact_form fieldset input.submit { font-size: 80%; width: 95%; padding: 0.5em; }
  section#full_contact #contact_detail h2 { margin: 0 0 0.3em 0; padding: 0; }
  section#full_contact #contact_detail form#newsletter { width: 80%; padding: 0.3em ; }
  section#full_contact #contact_detail form input { font-size: 90%; }
  section#full_contact #contact_detail form input.submit { font-size: 90%; margin-left: auto; margin-right: auto; }


  #content_white-flower-text p.black_box_button a { font-size: 110%; font-weight: 900; letter-spacing: 1px; padding: 5px 10px; }
  
  div.article_short { background-size: 70%; font-size: 14px; width: 95%; padding-top: 14%; }
  

  .header_with_green_flower-1 { background-size: 65%; margin-top: 1em; padding-top: 20%; }
  
  section#partners .partner { display: block; width: 75%; clear: both; float: none; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; }
  section#partners .partner .partner_logo { padding-top: 0; }

  .article_full { font-size: 0.6em; }
  .article_full h2 { }
  .article_full h3 { }
  .article_full h4 { }
  .article_full .perex { }
  .article_full .text { }

  .greenLinkWrapper, .greenLinkWrapper3 { margin: 0; padding: 0; }
  .greenLinkFlower {
    font-size: 120%;
    width: 70%; height: 100px; display: inline-block;
    margin: 0 0 0 0; padding: 0 0 7.1em 0;
  }
  .greenLinkFlower a {
    letter-spacing: 0px;
  }
}

@media (max-width: 350px) {
  section#header {
    /*background: url("/img/bg_header_2.jpg") no-repeat 50% 36px;*/
    /*background: url("/img/bg_header_2020-light.jpg") no-repeat 50% 36px;*/
    background: url("/img/bg_header_2022-slogan.jpg") no-repeat 50% 36px;
    background-image: none;
    background-size: 100% auto; width: 100%; height: 145px; height: 70px; }
  div.box_flower_1 { width: 60%; padding-top: 5em; }
  div.box_flower_1 a.button {  }
  #latest_article_wrapp .latest_article h3 {
    font-size: 5vw !important;
  }
  
  section#team_person .person .person_description span.ml { margin: 0; padding: 0; }
  section#team_person .person .person_description span.ml img { margin: 0; padding: 0; margin-top: 10px; width: 100%; }
  section#co-finance p img {
    width: 180px; height: auto;
  }
  section#co-finance p img#mpao {
    padding: 0;
  }
}
@media (max-width: 250px) {
  div.box_flower_1 { width: 80%; padding-top: 6em; }
  section#team_person .person .person_description span.ml { float: none; margin: 10px 0 0 0; padding: 0 !important; display: block; width: 130%; margin-left: -50px; }
  section#team_person .person .person_description span.ml img { margin: 0 !important; padding: 0 !important; display: block; width: 90%; }
}