/* GENERAL */

body       { color: #5d5d5d; background: white; }
a          { color: #0083e6; }
a.button   { color: white; background: #00dc96; }
h1         { color: #0083e6; text-decoration-color: #a8d5f7 !important; }
h2         { color: #0083e6;  }
h3         { color: #0083e6;  }
h4         { color: #0083e6;  }
h5         { color: #0083e6;  }
h6         { color: #0083e6;  }
h1 a       { color: #0083e6; text-decoration-color: #a8d5f7 !important; }
h2 a       { color: #0083e6;  }
h3 a       { color: #0083e6;  }
h4 a       { color: #0083e6;  }
h5 a       { color: #0083e6;  }
h6 a       { color: #0083e6;  }
h1 a:hover { color: #0083e6; text-decoration-color: #a8d5f7 !important; }
h2 a:hover { color: #0083e6;  }
h3 a:hover { color: #0083e6;  }
h4 a:hover { color: #0083e6;  }
h5 a:hover { color: #0083e6;  }
h6 a:hover { color: #0083e6;  }
hr         { color: #0083e6;  }

/* BASEMENTS */

.showcase a          { color: transparent !important; }
.header              { background: white; }
.header .banner      { background: gray; }
.header .banner span { background: lightgray; }

.header .wrapper nav form input[type=text] { border: 1px solid gray; }

.header .hamburger                                                                     { border: 3px solid #0083e6; }
.header .hamburger span, .header .hamburger span:before, .header .hamburger span:after { background: #0083e6; }

.header ul li a                                               { color: #0083e6; }
.header ul li a:hover                                         { color: white;   background: #0083e6; }
.header ul li ul a                                            {                   background: #00dc96; }
.header ul li.current_page_ancestor a                         { color: white;   background: #0083e6; }
.header ul li.current_page_ancestor ul li a                   { color: white;   background: #0083e6; } 
.header ul li.current_page_ancestor ul li.current-menu-item a { color: white;   background: #0083e6; }
.header ul li.current-menu-parent a                           { color: white;   background: #0083e6; }
.header ul li.current-menu-parent ul li a                     { color: #0083e6; background: #00dc96; }
.header ul li.current-menu-parent ul li a:hover               { color: white;   background: #0083e6; }
.header ul li.current-menu-parent ul li.current-menu-item a   { color: white;   background: #0083e6; }
.header ul li.current-menu-item a                             { color: white;   background: #0083e6; } 
.header ul li.current-menu-item ul li a                       { color: white;   background: #0083e6; }

.header.sticky { box-shadow: 0 0 10px #00000050; -moz-box-shadow: 0 0 10px #00000050; -webkit-box-shadow: 0 0 10px #00000050; }

@media only screen and (max-width: 600px)
{
    .header .wrapper nav                                          { color: white;   background: #0083e6; }
    .header ul li a:not(.header ul li ul a)                       { color: white; }
    .header ul li a:hover                                         { color: white;   background: #0083e6; }
    .header ul li ul a                                            {                   background: #00dc96; }
    .header ul li.current_page_ancestor a                         { color: white;   background: #0083e6; }
    .header ul li.current_page_ancestor ul li a                   { color: white;   background: #0083e6; } 
    .header ul li.current_page_ancestor ul li.current-menu-item a { color: white;   background: #0083e6; }
    .header ul li.current-menu-parent a                           { color: white;   background: #0083e6; }
    .header ul li.current-menu-parent ul li a                     { color: #0083e6; background: #00dc96; }
    .header ul li.current-menu-parent ul li a:hover               { color: white;   background: #0083e6; }
    .header ul li.current-menu-parent ul li.current-menu-item a   { color: white;   background: #0083e6; }
    .header ul li.current-menu-item a                             { color: white;   background: #0083e6; } 
    .header ul li.current-menu-item ul li a                       { color: white;   background: #0083e6; }
}

.footer                                    { background: #f5f5f5; }
.footer .wrapper:last-child                { background: white; }
.footer .menu-footer-menue-container ul    { display: inline; list-style: none; }
.footer .menu-footer-menue-container ul li { display: inline; margin: 0 10px; }

/* GRID */

.grid .container { background: white; }
.grid .abstract  { background: white; }

/* LAYOUTS */
.infobox { background: white !important; display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5% 0 5%; }

.content { background: #f5f5f5; }

.abstract a.showcase { background: #eeeeee; }

.article-grid button, .event-grid button,
.item-grid button, .person-grid button,
.project-grid button, .tool-grid button,
.union-grid button
{ background: #eeeeee; border: none; }

.article-grid button:hover, .event-grid button:hover,
.item-grid button:hover, .person-grid button:hover,
.project-grid button:hover, .tool-grid button:hover,
.union-grid button:hover { background: #00dc96; }

.event-grid .date { background: #00dc96; }

@media only screen and (max-width: 600px)
{
    .event-grid .date { background: #00dc96; }
}

.placeholder { border: 3px dashed #dddddd; }

.post                    { background: #f5f5f5; }
.post .main blockquote   { border-left: 3px solid #0083e6; }
.post .author-box a.mark { background: #a8d5f7; }

.post .container.shop { background: #d5e3ed; }

.post.event .sidebar .container.event-header { color: white; background: #0083e6; }
.post.event .sidebar .container.event-info   { background: #d5e3ed; }

.sidebar  blockquote { border-left: 3px solid gray; }

/* MODULES */

.heroslider .slick-prev:hover { background: #00dc96; }
.heroslider .slick-next:hover { background: #00dc96; }

.heroslider .slick-dots li.slick-active button { color: #0083e6; background: #0083e6; border: 1px solid #0083e6; }
.heroslider .slick-dots li button              { color: #eeeeee; background: #eeeeee; border: 1px solid #0083e6; }
.heroslider .slick-dots li button:hover        { color: #0083e6; background: #0083e6; border: 1px solid #0083e6; }

.headline p.topline     { color: #0083e6; }
.headline.background h1 { color: white; background: #0083e6; }

.search-box { background: #d5e3ed; }

/* SLICK LIGHTBOX */

.slick-lightbox .slick-description               { color: gray; }
.slick-lightbox .slick-caption                   { color: black; }
.slick-lightbox .slick-lightbox-slick-item-inner { background: white; }
                 
/* CALDERA FORMS */

.caldera_forms_form { background: white; border: 3px solid gray; }

.caldera_forms_form input[type="submit"]       { background: #ffffff; }
.caldera_forms_form input[type="submit"]       { background-color: #dddddd; }
.caldera_forms_form input[type="submit"]:hover { background-color: #cccccc; }

.caldera_forms_form .checkbox input    { background: red; } 
.caldera_forms_form input[type="text"] { border: 1px solid lightgray !important; }
.caldera_forms_form #fld_6009157_1     { border: 1px solid lightgray !important; } 
.caldera_forms_form select             { border: 1px solid lightgray !important; } 
.caldera_forms_form textarea           { border: 1px solid lightgray !important; } 

input[type="submit"]       { background: #ffffff; }
input[type="submit"]       { background-color: #dddddd; }
input[type="submit"]:hover { background-color: #cccccc; }

.checkbox input                       { background: red; } 
input[type="text"]:not(.header input) { border: 1px solid lightgray !important; }
.caldera_forms_form #fld_6009157_1    { border: 1px solid lightgray !important; } 
select                                { border: 1px solid lightgray !important; } 
textarea                              { border: 1px solid lightgray !important; } 

input[type="submit"]       { background: #ffffff; }
input[type="submit"]       { background-color: #dddddd; }
input[type="submit"]:hover { background-color: #cccccc; }
input[type="submit"]:hover { background-color: #cccccc; }

.gallery.nosidebar img { border: 15px solid white; }

.fade-slider .quotation p a { color: #00dc96; cursor: pointer; }

/* OTHER SOURCES */

.pagination button         { background: white; border: 1px solid gray; }
.pagination button.current { background: gray; }

.df-3dcanvas { display: block; /* background: #d5e3ed; */ }

/* EXTRA CSS */

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item.mega-current-menu-item.programm > a.mega-menu-link,
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item.mega-current-menu-ancestor.programm > a.mega-menu-link,
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item.mega-current-page-ancestor.programm > a.mega-menu-link { background: #00dc96; }
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item.mega-current-menu-item.zentren > a.mega-menu-link,
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item.mega-current-menu-ancestor.zentren > a.mega-menu-link,
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item.mega-current-page-ancestor.zentren > a.mega-menu-link  { background: #0083e6; }
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-megamenu.zentren > ul.mega-sub-menu                         { background: #0083e6; }
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-megamenu.programm > ul.mega-sub-menu                        { background: #00dc96; }

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 50%;
}


li.nav-contact a             { background-color: #fff !important; color: #0083e6 !important; }
li.nav-contact a:hover       { background-color: #999999 !important; color: #fff !important; }
li.programm.mega-toggle-on a { background-color: #00dc96 !important; color: #fff !important; }
li.zentren.mega-toggle-on a  { background-color: #0083e6 !important; color: #fff !important; }
li.programm a:hover          { background-color: #00dc96 !important; color: #fff !important; }
li.zentren a:hover           { background-color: #0083e6 !important; color: #fff !important; }
li.mega-menu-item a          { transition: all .2s ease-in-out !important; }

.text.blue h1, .text.blue h2,
.text.blue h3, .text.blue h4,
.text.blue h5, .text.blue h6 { color: #0085e9; }
.text.blue a                 { color: #0085e9; }
.text.mint h1, .text.mint h2,
.text.mint h3, .text.mint h4,
.text.mint h5, .text.mint h6 { color: #00dc96; }
.text.mint a                 { color: #00dc96; }

a.button.blue { color: white; background: #0085e9; }
a.button.mint { color: white; color: white; background: #00dc96; }
a.button.gray { color: white; background: #999999; }
a.button.facebook {color: white; background: #3B569D;}
a.button.instagram {color: white; background: #85419C;}
a.button.youtube {color: white; background: #E60F14;}

.headline.background h1 { 
  text-decoration: none;
  padding-left: 15px;
  padding-top: 8px;
}

.headline.mint p.topline     { color: #0085e9; }
.headline.mint h1            { color: #0085e9; }
.headline.background.blue h1 { color: white; background: #0085e9; }

.headline.mint p.topline     { color: #00dc96; }
.headline.mint h1            { color: #00dc96; }
.headline.background.mint h1 { color: white; background: #00dc96; }

.background-blue  p           { color: white; }
.background-blue  p a         { color: #00dc96; }
.background-blue .headline h1 { color: white; }

.home-statistics                          { font-weight: lighter; }
.home-statistics .headline                { margin: 50px 0 0; }
.home-statistics .headline p.subline      { margin: 10px 0 0; }
.home-statistics-header                   { margin: 35px 0 25px; font-size: 60px; line-height: 60px; text-align: center; }
.home-statistics-header b                 { font-size: 25px; line-height: 25px; text-align: center; }
.home-statistics-sub-blue                 { float: left; width: 50%; color: #0083e6; font-size: 40px; line-height: 40px; text-align: center; }
.home-statistics-sub-blue b               { font-size: 25px; line-height: 25px; text-align: center; } 
.home-statistics-sub-blue span            { display: block; width: 100%; margin-top: 5px; color: #5d5d5d; font-size: 18px; line-height: 18px; }
.home-statistics-sub-blue span:last-child { margin-top: 5px; font-size: 25px; line-height: 25px; }
.home-statistics-sub-mint                 { float: right; width: 50%; color: #00dc96; font-size: 40px; line-height: 40px; text-align: center; }
.home-statistics-sub-mint b               { font-size: 25px; line-height: 25px; text-align: center; } 
.home-statistics-sub-mint span            { display: block; width: 100%; margin-top: 5px; color: #5d5d5d; font-size: 18px; line-height: 18px; }
.home-statistics-sub-mint span:last-child { margin-top: 5px; font-size: 25px; line-height: 25px; }

.home-contact.headline p.subline { margin: 0 10px; margin: 5px 0 0; font-size: 18px; line-height: 18px; }
.home-contact.text               { display: inline-block; width: calc(100% + 30px); margin: 20px 0 20px -15px; padding: 20px 0 0; text-align: center; background: #ececec; }

.statistics-headline-main p { margin: 0 0 0 0; font-size: 25px; line-height: 30px; font-family: 'headline'; }
.statistics-main            { margin: 20px 0 0 0; font-size: 40px; line-height: 40px; }
.statistics-main span       { font-size: 25px; line-height: 25px; text-align: center; }
.statistics-topline  p      { width: 100%; text-align: center; margin: 12px 0 0 0; font-size: 18px; line-height: 18px; }
.statistics-headline p      { width: 100%; text-align: center; margin: 0 0 2px 0; font-size: 25px; line-height: 30px; font-family: 'headline'; }
.statistics-cluster         { width: 100%; margin: 20px 0 0 0; text-align: center; color: #0085e9; font-size: 40px; line-height: 40px; }
.statistics-cluster span    { font-size: 25px; line-height: 25px; text-align: center; }
.statistics-programms       { width: 100%; margin: 20px 0 0 0; text-align: center; color: #00dc96; font-size: 40px; line-height: 40px; }
.statistics-programms span  { font-size: 25px; line-height: 25px; text-align: center; }

.container  p          { font-size: 1.0em;; }
.container  a.button   { font-size: 1.0em; line-height: 1.0em; }
.container  h1         { margin-bottom: 5px; font-size: 1.5em; line-height: 1.0em; }
.container .subline    { margin-bottom: 5px; font-size: 0.9em; line-height: 1.40em; }
.container .mint.extra { float: left; width: calc(100% - 22px) !important; margin: 0 0 0 15px !important; }
.container .blue.extra { float: right; width: calc(100% - 23px) !important; margin: 0 15px 0 0 !important; }

.container.contact.form                           { padding: 15px 15px !important; }
.container.contact.form br                        { display: none; }
.container.contact.form textarea                  { width: 100%; height: 150px; margin-top: 0; padding: 10px 10px; font-size: 22px; line-height: 28px; }
.container.contact.form input                     { margin: 0; width: 100%; }
.container.contact.form form input[type=text]     { height: 40px; margin-bottom: 20px; padding: 3px 10px; font-size: 18px; line-height: 18px; font-weight: lighter; }
.container.contact.form form input[type=email]    { height: 40px; padding: 3px 10px; font-size: 18px; line-height: 18px; font-weight: lighter; border: 1px solid #d3d3d3; border-radius: 3px; }
.container.contact.form form input[type=checkbox] { width: 20px; margin-top: 25px; font-size: 18px; line-height: 18px; font-weight: lighter; }
.container.contact.form form input[type=submit]   { width: 150px; margin: 25px 0 -20px; padding: 10px 15px 8px; color: #ffffff; background: #0083e6; border: none; border-radius: 5px; }
.container.contact.form span span                 { margin-left: 0; }

.info-box-blue { border: 20px solid #0083e6; padding: 15px 15px 0; background: #ffffff; }
.info-box-mint { border: 20px solid #00dc96; padding: 15px 15px 0; background: #ffffff; }

.video-box              { display: inline-block; padding: 18px 18px; background: #d3f2e8; border: 20px solid #ffffff; }
.video-box p            { float: left; margin: 0; padding: 0 0; font-size: 25px; line-height: 30px; }
.video-box p:last-child { padding: 21px 0; }
.video-box img          { float: left; width: 180px; margin: 0 15px 0 0; }

.functions-box-blue     { padding: 20px 20px 5px; background: #ffffff; }
.functions-box-blue p   { margin: 5px; }
.functions-box-blue p a { margin-bottom: 15px; }
.functions-box-blue h4  { font-size: 25px; line-height: 25px; font-weight: lighter; }
.functions-box-mint     { padding: 20px 20px 5px; background: #ffffff; }
.functions-box-mint p   { margin: 5px; }
.functions-box-mint p a { margin-bottom: 15px; }
.functions-box-mint h4  { font-size: 25px; line-height: 25px; font-weight: lighter; }

/* SET MATOMO */ 

.container.matomo    { padding: 40px 40px; border: 1px solid #CCCCCC; }
.container.matomo p  { margin: 30px 0 0 }
.container.matomo h4 { margin: 0; color: #0083e6; }

/* SET UNYSON */ 

.fw-accordion            { border: none !important; font-size: 18px !important; line-height: 25px !important; }
.fw-accordion-title      { background: #0083e6 !important; border: none !important; }
.fw-accordion-title      { color: #ffffff !important; font-family: 'standard'; font-size: 20px !important; line-height: 20px !important; text-decoration: none; }
.fw-accordion-content    { padding: 15px !important; font-size: 18px; line-height: 25px; background: #ffffff !important; }
.fw-accordion-content p  { padding: 0 !important; font-size: 18px !important; line-height: 25px !important; }
.fw-accordion-content ul { margin: 20px 0 20px 30px !important; padding: 0 !important; font-size: 18px !important; line-height: 25px !important; list-style-type: disc !important; }

/* SET CIVI-CRM */

.leaflet-map { z-index: 0; margin-top: -0px; }

#filter_source_1                    { margin: 20px 0 20px; }
#filter_source_1 label:nth-child(0) { display: block; margin-bottom: 0px; font-weight: bolder; }
#filter_source_2                    { margin: 20px 0 20px; }
#filter_source_2 label:nth-child(0) { display: block; margin-bottom: 0px; font-weight: bolder; }
#civicrm_leaflet_map_filter         { display: block; margin: -0px 0 5px; padding: 8px 20px 9px !important; color: #FFFFFF; font-size: 1.2rem; }
#civicrm_leaflet_map_filter         { line-height: 1.7rem; font-weight: lighter !important; background: #00dc96; border: none; border-radius: 4px; cursor: pointer; }