/* ------------------------------------------------------ G L O B A L S */
    @font-face {
      font-family: fpFont;
      src: url(RotisEESemiSerif.otf);
    }
    body {
      font: 400 15px/1.8 'IBM Plex Sans', sans-serif;
      color: #777;
      background-color: #2d2d30;
    }
    h3, h4 {
      margin: 10px 0 30px 0;
      letter-spacing: 10px;      
      font-size: 20px;
      color: #111;
    }
    .container {
      padding: 40px 60px;
    }
    .pushable {
      /* max-width: 85vw; */
    }
    div.col-sm-3 h3 {
      font-size: 12pt;
    }
    div.col-sm-3 h4 {
      font-size: 15pt;
    }
    textarea {
      resize: none;
    }
    #googleMap {
      width: 100%;
      height: 400px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }  
    .fp_hide {
      display: none;
    }
/* ------------------------------------------------------ H E A D E R */
    .header {
      min-height: 33vh;
      max-height: 33vh;
        /*
      line-height: normal;
      background-image: url(../img/Dr0v692X0AI-1wk.jpg);
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: cover;
      margin-bottom: -10px;
        */
    }
    .header p {
      font-family: fpFont;
      font-size: 23vmin;
      text-align: center;
      color: #009036;
      text-shadow: 3px 3px 10px #555;
    }
/* ------------------------------------------------------ N A V I G A T I O N */
    .nav-tabs li a {
      color: #777;
    }
    .navbar {
      font-family: 'IBM Plex Sans', sans-serif;
      margin-bottom: 0;
      background-color: #009036; /* #2d2d30; */
      border: 0;
      font-size: 14px !important;
      letter-spacing: 4px;
    }
    .navbar-brand img {
      margin-top: -11px;
      border-radius: 0px;
     }
    .navbar li a, .navbar .navbar-brand { 
      color: black !important;
    }
    .navbar-nav li a:hover {
      color: #fff !important;
      background-color: #005c24 !important;
    }
    .nav-item.active a {
      color: #009036 !important;
      background-color: white !important;
    }
    .navbar-default .navbar-toggle {
      border-color: transparent;
    }
    .navbar-toggle {
      background-color: #00722d !important;
      margin-right: 30px !important;
    }
    .navbar-toggle:hover {
      background-color: #005c24 !important;
    }
    @media (min-width: 768px) and (max-width: 1240px) {  /* custom breakpoint 998px */
      .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
      }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
      }
      .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
      }
      .navbar-header {
        float: none;
      }
      .navbar-toggle {
        display: block;
      }
      .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
      }
      .navbar-collapse.collapse {
        display: none !important;
      }
      .navbar-nav {
        float: none !important;
        margin: 7.5px 50px 7.5px -15px;
      }
      .navbar-nav>li {
        float: none;
      }
      .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
      }
      .navbar-text {
        float: none;
        margin: 15px 0;
      }
      .navbar-collapse.collapse.in { 
        display: block !important;
      }
      .collapsing {
        overflow: hidden !important;
      }
    }      
    .icon-bar {
      background-color: white !important;
    }
/* ------------------------------------------------------ D R O P D O W N */
    .open .dropdown-toggle {
      color: white !important;
      background-color: #008132 !important;
    }
    .dropdown-toggle {
      padding-bottom: 16px;
    }
    .active .dropdown-toggle {
      color: #009036 !important;
      background-color: #fff !important;
    }
    .open .dropdown-toggle {
      color: #fff !important;
      background-color: #008132 !important;
    }
    .dropdown-menu {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      margin-top: -1px !important;
      padding-top: 0px;
      padding-bottom: 0px;
      box-shadow: -1px 1px 50px #000;
      font-size: 14px;
    }
    .dropdown-menu li a {
      color: #000 !important;
      background-color: #00722d;
      line-height: 2;
    }
    .dropdown-menu li.active a {
      color: #009036 !important;
      background-color: #fff !important;
    }
    .dropdown-menu li a:hover {
      color: #fff !important;
      background-color: #005c24 !important;
    }
/* ------------------------------------------------------ B G - 1 */
    .bg-1 {
      background: #2d2d30;
      color: #bdbdbd;
    }
    .bg-1 h3 {
      color: #fff;
    }
    .bg-1 p { /* removed */
      font-style: normal;
    }
/* ------------------------------------------------------ B T N */
    .btn {
      padding: 10px 20px;
      background-color: #333;
      color: #f1f1f1;
      font-size: inherit;
      border-radius: 0;
      transition: .2s;
    }
    .btn:hover, .btn:focus {
      border: 1px solid #333;
      background-color: #fff;
      color: #000;
    }
/* ------------------------------------------------------ M O D A L */
    .modal-content {
       border-radius: 0px;
    }
    .modal-header, h4, .close {
      background-color: #333;
      color: #fff !important;
      text-align: center;
      font-size: 30px;
      word-wrap: break-word;
    }
    .modal-header, .modal-body {
      padding: 40px 50px;
    }
    .modal-body p {
      word-wrap: break-word;
    }
    .modal-body hr {
      border-top-color: #009036;
    }
    .modal-body p.org_team img {
      width: 20vw;
      height: 20vw;
    }
    @media (max-width: 768px) {
      .modal-body p.org_team img {
        width: 25vw;
        height: 25vw;
      }
    }
    .modal-body p.tags a.tags button {
      padding: 5px;
      margin: 5px 5px 0px 0px;
    }
    .modal-dialog {
      text-align: justify;
    }
/*
    @media (min-width: 768px) {
      .modal-dialog {
        width: 50vw;
      }
    }
*/
    .modal-footer span.share {
      margin-top: 1px;
      padding: 0px 0px 0px 20px;
      background-color: #333;
      color: #f1f1f1;
      float: right;
    }
    .modal-footer span.share span.glyphicon {
      left: 15px;
      margin-right: 15px;
    }
    .modal-footer span.share a {
      padding: 11px;
      border: none;
      border-top: solid 2px;
      border-bottom: solid 2px;
    }
    .modal-footer span.share a.share_fb {
      border-color: #fff;
      background-color: #3b5998;
    }
    .modal-footer span.share a.share_tw {
      border-color: #fff;
      background-color: #1da1f2;
    }
    .modal-footer span.share button.share_link {
      padding: 7px 11px 7px 11px;
      border: none;
      background-color: #ffa421;
    }
    .modal-footer span.share button.share_link span {
      left: 0px;
      margin-right: 0px;
      width: 24px;
      height: 24px;
      color: #000;
      border: solid 2px;
      border-radius: 50%;
      border-color: #fff;
      background-color: #fff;
      vertical-align: sub;
      padding: 2px;
    }
/* ------------------------------------------------------ L I S T - G R O U P - I T E M */
    .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
    }
    .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
/* ------------------------------------------------------ P E R S O N */
    .person {
      border: 10px solid transparent;
      margin-bottom: 25px;
      width: 80%;
      height: 80%;
      opacity: 0.7;
    }
    .person:hover {
      border-color: #009036;
    }
/* ------------------------------------------------------ T H U M B N A I L */
    .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
    }
    .thumbnail p {
      margin-top: 15px;
      color: #555;
    }
    .thumbnail div.fp_fade {
      background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1) 85%);
      position: relative;
      line-height: 5;
      margin-top: -60px;
      margin-bottom: -15px;
     }
/* ------------------------------------------------------ E V E N T S */
    a.events, a.events:hover, a.events:visited {
      text-decoration: none;
    }
    .thumbnail h3.events {
      color: #555 !important;
      background-color: #fff;
      margin-top: 15px;
      margin-bottom: 0px;
      letter-spacing: normal;
      word-wrap: break-word;
      min-height: 44px;
      max-height: 44px;
      overflow-y: hidden;
    }
    .thumbnail p.events {
      font-style: normal;
    }
    .thumbnail div.events {
      min-height: 186px;
      max-height: 186px;
      background-color: #000;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
     }
    .badge {
      margin-left: 5px;
      padding: 5px 7px;
      font-size: 14px;
      border-radius: 0px;
    }
    #events .list-group a {
      color: #555;
    }
    .events-nav {
      background-color: #2d2d30;
      padding-top: 0px;
      padding-bottom: 0px;
      border-color: #2d2d30;
    }
    .events-nav a {
      color: #bdbdbd !important;
    }
    .events_spacer {
      opacity: 0.3 !important;
    }
    #ModalEvents .modal-header {
      /* min-height: 50vh; */
      /* max-height: 50vh; */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-bottom: -10px;
      padding: 0px;
     }
    #ModalEvents .modal-header img {
      width: 100%;
      visibility: hidden;
      margin-bottom: -130px;
     }
    #ModalEvents .modal-header .close {
      text-shadow: 3px 3px 15px #000;
      opacity: 1 !important;
      padding: 50px;
     }
    #ModalEvents .modal-body {
      font-style: normal !important;
      color: #555;
    }
/* ------------------------------------------------------ N E W S */
   .thumbnail h3.news {
      color: #fff !important;
      background-color: #009036;
      margin-top: 0px;
      margin-bottom: 0px;
      letter-spacing: normal;
      word-wrap: break-word;
    }
    .thumbnail .colsm6wrap {
      min-height: 322px;
      max-height: 322px;
     }
    .thumbnail .colsm3wrap {
      min-height: 277px;
      max-height: 277px;
     }
    .thumbnail .colsm6wrap h4.news {
      color: #fff !important;
      background-color: #505050;
      margin-top: 0px;
      margin-bottom: 0px;
      letter-spacing: 5px;
      word-wrap: break-word;
    }
    .thumbnail .colsm3wrap h4.news {
      color: #fff !important;
      background-color: #505050;
      margin-top: 0px;
      margin-bottom: 0px;
      letter-spacing: 5px;
      word-wrap: break-word;
      overflow: hidden;
      max-height: 150px;
    }
    .thumbnail p.news {
      color: #000 !important;
      background-color: #fff;
      margin-top: 10px;
      margin-bottom: 0px;
      padding-bottom: 0px;
      font-style: normal;
      min-height: 105px;
      max-height: 105px;
      word-wrap: break-word;
      white-space: pre-line; 
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .thumbnail .colsm6wrap div.news {
      padding: 25%;
      background-color: #000;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-clip: padding-box;
     }
    .thumbnail .colsm3wrap div.news {
      padding: 25%;
      background-color: #000;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-clip: padding-box;
     }
    @media all and (min-width: 768px) {
      .thumbnail .colsm3wrap div.news {
        padding: 50%;
      }
    }
    .col-sm-6 .thumbnail div.news {
      /* min-height: 287px;
      max-height: 287px; */
    }
    .col-sm-3 .thumbnail div.news {
      /* min-height: 275px;
      max-height: 275px; */
    }
    .news-link:hover {
      text-decoration: none;
      opacity: 0.7;
      transition: .2s;
    }
    .news-link:focus, .news-link:visited {
      text-decoration: none;
    }
    #ModalNews .modal-header {
      /* min-height: 50vh; */
      /* max-height: 50vh; */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-bottom: -10px;
      padding: 0px;
     }
    #ModalNews .modal-header img {
      width: 100%;
      visibility: hidden;
      margin-bottom: -130px;
     }
    #ModalNews .modal-header .close {
      text-shadow: 3px 3px 15px #000;
      opacity: 1 !important;
      padding: 50px;
     }
    #ModalNews .modal-body {
      font-style: normal !important;
      text-align: justify;
      color: #555;
    }
    div.news_list {
      margin-bottom: 30px;
    }
    .news_list h3 {
      font-size: 15px;
    }
    .news_list h4 {
      font-size: 20px;
      margin: 0;
    }
    .news_list .colsm12wrap {
      width: 67%;
      float: left;
    }
    .news_list p.news {
      margin-top: 0px;
    }
    .news_list div.fp_fade {
      line-height: 6;
      margin-top: -75px;
    }
    .news_list div.news_list_img_wrp {
      width: 33%;
      float: right;
      background-color: #333;
    }
    .news_list div.news {
      line-height: 8;
      background-size: cover;
      background-position: center;
      margin-left: 15px;
    }
/* ------------------------------------------------------ * - F E M P L A T Z */
    .alert-info-femplatz {
      position: fixed;
      right: 0;
      z-index: 1050;
      border-radius: 0;
      box-shadow: -1px 1px 50px #000;
      background-color: #ccffcc;
      border-color: #ccffcc;
    }
    .label-femplatz {
      background-color: #009036;
      margin-left: 20px;
      font-size: 13px;
      border-radius: 0px;
     }
    .badge-femplatz {
      background-color: #009036;
     }
    .btn-femplatz {
      background-color: #009036;
     }
    .close-femplatz {
      background-color: #009036;
      margin-right: 10px;
      padding: 5px;
      font-size: 15pt;
      opacity: 1;
    }
    .close-femplatz:hover {
      background-color: #005c24;
      opacity: 1;
    }
    .modal-header-femplatz {
      background-color: #fff;
      background-image: url(../img/logo-web-menu.gif);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
     }
    .modal-body-femplatz h4 {
      background-color: #009036;
     }
    .modal-body-femplatz img {
      float: left;
      width: 206px;
      height: 206px;
      margin-top: 5px;
      margin-right: 15px;
     }
    .modal-body-femplatz a,
    .modal-body-femplatz a:hover,
    .modal-body-femplatz a:focus,
    .modal-body-femplatz a:visited {
      color: #009036;
      text-decoration: none;
     }
/* ------------------------------------------------------ S P A C E R */
    .spacer {
      height: 50px;
      padding-top: 25px;
      padding-bottom: 25px;
      background-color: #2d2d30;
    }
/* ------------------------------------------------------ S O C I A L */
    .twitter_wrapper {
      background-color: #fff;
      margin-left: auto;
      margin-right: auto;
      max-width: 340px;
      max-height: 500px;
    }
    #social_feeds div.col-md-6 {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    fb-page {
      max-width: 340px;
      max-height: 500px;
    }
/* ------------------------------------------------------ T O P I C S */
    #topics {
      background-color: #005c24;
    }
    .topics-all {
      padding-bottom: 0px;
      background-color: #005c24;
      text-align: center;
    }
   .thumbnail h3.topics {
      color: #fff !important;
      background-color: #202020;
      margin-top: 0px;
      margin-bottom: 0px;
      letter-spacing: normal;
      word-wrap: break-word;
      /* min-height: 35px;
      max-height: 35px; */
    }
/*
    .thumbnail .colmd6wrap {
      min-height: 287px;
      max-height: 287px;
     }
*/
    .thumbnail .colmd6wrap h4.topics {
      color: #fff !important;
      background-color: #009036;
      margin-top: 0px;
      margin-bottom: 0px;
      letter-spacing: 5px;
      word-wrap: break-word;
    }
    .thumbnail p.topics {
      color: #000 !important;
      background-color: #fff;
      margin-top: 10px;
      margin-bottom: 0px;
      padding-bottom: 0px;
      font-style: normal;
      min-height: 105px;
      max-height: 105px;
      word-wrap: break-word;
      white-space: pre-line; 
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .thumbnail .colmd6wrap div.topics {
      padding: 25%;
      background-color: #000;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-clip: padding-box;
      /* height: 361px; */
     }
    .affix .thumbnail .colmd6wrap {
      min-height: 207px; /* 242px; */
      max-height: 207px; /* 242px; */
     }
    .affix .col-md-6 .thumbnail div.topics {
      /* height: 242px; */
    }
    .topics-link:hover {
      text-decoration: none;
      opacity: 0.7;
      transition: .2s;
    }
    .topics-link:focus, .topics-link:visited {
      text-decoration: none;
    }
    #ModalTopics .modal-header {
      /* min-height: 50vh; */
      /* max-height: 50vh; */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-bottom: -10px;
      padding: 0px;
     }
    #ModalTopics .modal-header img {
      width: 100%;
      visibility: hidden;
      margin-bottom: -130px;
     }
    #ModalTopics .modal-header .close {
      text-shadow: 3px 3px 15px #000;
      opacity: 1 !important;
      padding: 50px;
     }
    #ModalTopics .modal-body {
      font-style: normal !important;
      text-align: justify;
      color: #555;
    }
/* ------------------------------------------------------ L I B R A R Y */
    .library {
      height: 188px;
      float: left;
    }
    @media (max-width: 992px) { /* when bootstrap-css goes to 50% */
        .library {
          width: 100%;
        }
    }
    .library .no-translation {
      opacity: 0.5;
    }
    .library .no-translation-overlay {
      opacity: 0.3;
      width: 100%;
      height: 100%;
      padding-top: 48px;
      z-index: 10;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      font-size: 48px;
      font-weight: bold;
      text-align: center;
    }
    .library .thumbnail {
      margin: 0 0 0 0;
      padding: 0;
      min-height: 168px;
      max-height: 168px;
      background-color: #333;
    }
    .library .thumbnail .pull-left {
      width: 70%;
      margin-top: 0px;
    }
    .library .thumbnail h4 {
      font-size: 15px;
      letter-spacing: 5px;
      height: 21px;
      margin: 0 0 0 0;
      background-color: #009036;
    }
    .library .thumbnail .pull-left p {
      min-height: 147px;
      max-height: 147px;
      margin: 0;
      background-color: #fff;
      text-align: center;
      overflow: hidden;
    }
    .library .thumbnail .pull-left div.fp_fade {
      line-height: 7;
      margin-top: -105px;
    }
    .library .thumbnail .pull-right img {
      min-height: 147px;
      max-height: 147px;
    }
    .library-link:hover {
      text-decoration: none;
      opacity: 0.7;
      transition: .2s;
    }
    .library-link:focus, .library-link:visited {
      text-decoration: none;
    }
    #ModalLibrary .modal-header {
      min-height: 50vh;
      max-height: 50vh;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-bottom: -10px;
     }
    #ModalLibrary .modal-header .close {
      text-shadow: 3px 3px 15px #000;
      opacity: 1 !important;
     }
    #ModalLibrary .modal-body {
      font-style: normal !important;
      text-align: justify;
      color: #555;
    }
    .lib_list_img_wrp {
      width: 30%;
      float: right;
      background-color: #333;
      margin-top: 0px;
    }
    .lib_list_img {
      line-height: 147px;
      background-size: cover;
      background-position: center;
      margin-left: 15px;
    }
/* ------------------------------------------------------ T A G S */
    #tags h2 {
      font-size: 20px;
      letter-spacing: 10px;
      background-color: #005c24;
      color: #fff;
      margin-bottom: 20px;
    }
/* ------------------------------------------------------ A F F I X */
    .affix {
      padding: 10px;
      max-width: 288px;
/*      max-height: 92vh; min-height: 92vh; */
      top: 50px;
      left: 0px;
      opacity: 0.9;
      z-index: 900;
      margin: 0;
    }
    .affix>h3, .affix>p {
      display: none;
    }
    .affix div.col-md-6 {
      width: 100%;
      margin-top: 20px;
      margin-bottom: -20px;
    }
    .nix .affix .col-md-6 .thumbnail div.topics {
      min-height: 135px;
      max-height: 135px;
    }
    .affix div.col-md-6 h3 {
      font-size: 12pt;
    }
    .affix div.col-md-6 h4 {
      font-size: 15pt;
    }
/* ------------------------------------------------------ C O N T A C T */
    .gender {
      margin-top: -10px;
      margin-bottom: 5px;
    }
    .gender>label {
      font-weight: normal;
    }
/* ------------------------------------------------------ F O O T E R */
    footer {
      background-color: #2d2d30;
      color: #f5f5f5;
      padding: 32px;
    }
    footer a {
      color: #f5f5f5;
    }
    footer a:hover, footer a:focus {
      color: #777;
      text-decoration: none;
      transition: .2s;
    }
    footer a:visited {
      text-decoration: none;
    }
    footer img.social {
      margin-left: 13px;
      margin-right: 13px;
    }
    .form-control {
      border-radius: 0;
    }