/*
Theme Name: wilmachild
Theme URI: https://test.klimawandel-gesundheit.de/
Author: wilmaweb
Author URI: https://test.klimawandel-gesundheit.de/
Description: Theme-Anpassungen von Martin
Version: 4.1
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: -
Template: twentythirteen
*/


@font-face {
    font-family: 'Open Sans Light';  
    src: url(https://klimawandel-gesundheit.de/wp-content/themes/wilmachild/fonts/OpenSans-Light.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: 'Open Sans Condensed Bold';  
    src: url(https://klimawandel-gesundheit.de/wp-content/themes/wilmachild/fonts/OpenSansCondensed-Bold.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: 'Open Sans Condensed Light';  
    src: url(https://klimawandel-gesundheit.de/wp-content/themes/wilmachild/fonts/OpenSansCondensed-Light.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: 'Open Sans Semibold';  
    src: url(https://klimawandel-gesundheit.de/wp-content/themes/wilmachild/fonts/OpenSans-SemiBold.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: 'Open Sans Regular';  
    src: url(https://klimawandel-gesundheit.de/wp-content/themes/wilmachild/fonts/OpenSans-Regular.ttf);  
    font-weight: normal;  
}

body {
    font-family: 'Open Sans Regular', Helvetica, Arial, sans-serif;
    color: #111;
    letter-spacing: 0.03em;
}

h1, h2, h3, h4, h5, h2.entry-title a, button, .recent-post-slider h2.wp-post-title a, #scrolltop, input[type="submit"], .intro, .category-link, .entry-special, .entry-special a, .entry-special-termin {
  font-family: 'Open Sans Condensed Bold', Helvetica, Arial, sans-serif;
}

nav a, .nav-menu a, .light, .searchandfilter h4, a div.entry-caption {
  font-family: 'Open Sans Condensed Light', Helvetica, Arial, sans-serif !important;
}

strong, b  {
  font-family: 'Open Sans Semibold', Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.site {
    background-color: #fff;
    max-width: 2000px !important; /* Hier kannst du die maximale Breite anpassen */
    margin: 0 auto;
}
.site, .navbar {
	max-width: none;
}
.site-main .sidebar-inner,
.site-footer .widget-area {
  max-width: 1200px;
}
.site-header {
    background: #fff;
    height: 180px;
}
.site-header .home-link {
  max-width: 100%;
  min-height: 50px;
  padding: 0 20px 0 20px;
}
.site-logo {
    vertical-align: bottom;
    padding: 0 0 0 0;
    width: 180px;
    height: auto;
    float: left;
}

.search-field, .skip-link {
    display: none;
}

.site-title {
    padding: 0;
}

#header-neu {
    background-color: #fff;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.header-links {
  position: absolute;
  float: left; 
  width: 20%;
}

ul.nav-menu {
    margin: 0;
    padding: 0;
    float: right;   
}

.navbar {
    background: #fff;
    margin: 100px 0 0 0; 
    max-width: 100%;
    width: 100%;
    padding: 0 20px;
}

.navbarmobile {
    display: none;
    background-color: #fff;
/*    margin: 180px 0 0 0; */
    max-width: 1200px;
    width: 100%;
    padding: 0 0 20px 0;
}

.main-navigation {
    max-width: 100%;
    min-height: unset;
    background: #f5f7f9;
}

#mega-menu-wrap-primary, #mega-menu-wrap-EN-menu {
    font-weight: bold !important;
}

.extra-navigation .nav-menu li a {
    font-weight: bold;
    color: #283583;
    float: right;
    margin: 8px 0 0 0;
    padding: 8px 12px;
}

.extra-navigation .nav-menu li a:hover, .extra-navigation .nav-menu .current_page_item > a {
  background-color: #f5f7f9;
  color: #cc0066;
  font-style: normal;
}

li#menu-item-24757.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-24757 a {
    font-family: 'Open Sans Condensed Bold', Helvetica, Arial, sans-serif !important;
    background: #cc0066;
    color: #fff;
    padding: 8px 6px;
    float: right;
    font-size: 14px;
    border-radius: 2px;
    font-weight: normal;
}

li#menu-item-24757.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-24757 a:hover {
    color: #f5f7f9;
}

.mega-menu-item-24634 a {
    color: #cc0066 !important;
}

.mega-menu-item-24634 a:hover {
    color: #283583 !important;
}

.header-search ul {
    margin: 8px 0;
}

img.streifen-nav-oben {
   vertical-align: bottom;
   width: 100%;
   height: 4px;
}

img.streifen-nav-unten {
   vertical-align: top;
   width: 100%;
   height: 4px;
}
.mega-sub-menu {
   margin-top: 4px !important;
}

.header-suche {
  float: right; 
  margin: 10px 20px 0 0; 
  width: 80%;
}

form.searchandfilter {
   float: right;
}

form#search-filter-form-164.searchandfilter ul li, form#search-filter-form-225.searchandfilter ul li  {
 float: left;
 padding: 0;
 margin:
}

.header-search ul li input[type="text"] {
   margin: 0;
}

.searchandfilter input[type="text"] {
    margin: 0;
    color: #111;
    padding: 6px 6px;
    border: none;
    font-size: 12px;
    background: #f5f7f9;
}

.searchandfilter input[type="submit"] {
    padding: 4px 6px;
    border-bottom: none;
    float: right;
    background: #283583;
    font-size: 14px;
}

.searchandfilter input[type="submit"]:hover
{
    color: #cc0066;
}

.searchandfilter li {
    display: unset;
    padding-right: 2px;
}

.searchandfilter ul {
    padding: 0 0 0 20px;
}

#footer-widgets #mega-menu-wrap-primary, #footer-widgets #mega-menu-wrap-secondary {
    padding: 0;
    color: #333;
}

.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 100%;
    padding: 0px 0px;
}

.search-results .entry-header {
    padding: 20px 20px 0 20px;
    background: #fff;
} 

.search-results .entry-summary {
    padding: 0 20px 20px 20px;  
    background: #fff;
}

.search-results .hentry {
    padding: 40px;
    margin: 20px 0;
    background: #f5f7f9 !important;
}

.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    max-width: 100%;
    padding: 20px;
}

.entry-header {
    margin-bottom: 0;
}

.sticky-element-active {
    padding: 0 160px;
}

.hentry {
   padding: 10px 0 0 0;
   margin: 40px 0 0 0;
}

h1, h2, h3, h4, h5 {
    color: #283583;
    clear: none;
}

h1 {
    font-size: 1.8em;
    text-transform: uppercase;
}

h2 {
    font-size: 1.6em;
    margin: 0 0 10px 0;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.2em;
    margin: 0 0 10px 0;
}

h5 {
    font-size: 1.0em;
}

p {
    margin: 0 0 12px;
}

.archive-title, .archive-meta, #searchresults.page-title {
    font-family: 'Open Sans Condensed Bold', Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    font-style: normal;
    margin: 60px 0 0 0;
    padding: 0;
    max-width: unset;
}

.archive-header {
    background-color: #fff;
}

.page-header {
    background-color: #fff;
}

.alignleft {
   float: right;
}

.entry-summary .entry-thumbnail {
   display: none;
}

.entry-content .entry-thumbnail img {
   margin: 0 20px 20px 20px;
}

.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
    font-size: 12px;
    margin: 0 20px;
}

.entry-title {
    font-weight: 300;
    margin: 25px 0 0 0;
}
.entry-special {
   margin: 0 0 10px 0;
   font-size: 0.9em;
}
a, a:visited, .ghostkit-accordion-item a {
    font-family: 'Open Sans Condensed Bold', Helvetica, Arial, sans-serif;
    color: #cc0066;
}

a:hover {
    color: #283583;
}

.ghostkit-accordion-item-heading  {
    width: fit-content;
}

svg.ghostkit-svg-icon {
    width: 4em;
    height: 4em;
}

.site-footer .widget a:hover {
    color: #fff;
}

.site-footer .sidebar-container {
    background-color: #fff;
    padding: 20px 0;
}

.site-footer .widget {
    background: #d8e4ed;
    width: 450px;
    font-family: 'Open Sans Regular', Helvetica, Arial, sans-serif;
}

.site-footer .widget p {
    color: #fff !important;
    font-weight: 400;
}

.site-footer .widget a {
    color: #fff;
}
    
.site-footer #text-3.widget {
    left: 360px;
}  

.site-footer #text-4.widget {
    left: 720px;
}  
    
.widget .widget-title {
    font-style: normal;
    font-size: 18px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: 600 !important; 
}

.site-info {
    display: none;
}

.wp-block-image {
   margin: 0;
}

.wp-block-columns {
    margin-bottom: 0px; 
}

.right {
  margin-right: 10px !important;
}

a.ctcc-more-info-link {
   font-weight: 700;
}

.wp-block-separator {
    max-width: none !important;
}

.lL {
  font-size: small;
}

hr {
    background: url(images/dotted-line.png) repeat center top;
    background-size: 4px 4px;
    height: 1px;
    margin: 0 0 24px;
}

[class^="wp-block-"] figcaption {
    font-size: 12px !important;
    margin: 6px 0 24px 0 !important;
}

/* gesundschmecktbesser.de-Seite */
/** .page-id-21741 .header-suche,
.page-id-21741 .navbar,
.page-id-21741 .footer-bottom{
    display: none !important;
} **/

/* Medien und Textblock */

@media (min-width: 1600px)
body:not(.sidebar) .alignwide {
    margin-left: 0px;
    margin-right: 0px;
}

/* Ghostkit */

.ghostkit-button {
   background-color: #cc0066;
   color: #fff !important;
   }
   
.ghostkit-button:hover {
   background-color: #ccc;
   }  
   
.ghostkit-accordion-item-heading {
   font-size: 20px;
   padding: 0 40px 10px 0;
   }
   
.ghostkit-accordion-item-collapse {
   padding: 0 0 10px 0;
}

/* footer-Anpassungen */

#colophon {
  max-width: 100%;
  width: 100%;
  padding: 0 20px 20px 20px;
}


.wilmacolumn-1 {
  margin-right: 49px; 
  padding-right: 25px; 
  float: left; 
  width: 30%;
 
}

.wilmacolumn-2 {
  margin-left: -10px; 
  padding-left: 25px; 
  margin-right: 49px; 
  padding-right: 25px;
  float: left; 
  width: 32%;

}

.wilmacolumn-3 {
  margin-left: -10px; 
  padding-left: 25px;
  float: left; 
  width: 30%;

}

.footer-bottom .wp-block-image {
    margin: 4px;
}

figure.alignleft {
  margin-right: 0 !important;
}


#colophon .widget {
  background: none;
  padding: 0;
  margin: 0;
}

#colophon h3 {
  margin-bottom: 10px;
}

#colophon .widget h4 {
  font-size: 1.2em;
  margin: 0 0 10px 0;
}

#colophon .widget h3 {
  font-size: 1.4em;
  margin: 0 0 10px 0;
}

.widget-area .widget h3 {
  margin-bottom: 14px;

}

.widget .widget-title a {
  color: #636363;
  text-decoration: none;
}

.widget-area .widget p {
  margin-bottom: 0.3em;
  line-height: 1.4em;
  
}

.widget-area .widget a {
  font-size: 1em; 
  text-decoration: none;
}
 
.site-info { 
  padding-top: 20px;
  clear: both; 
}

footer[role="contentinfo"] {
max-width: none;
border-top: none; 
clear: both;
font-size: 1em;
line-height: 1.5em;
margin-left: auto;
margin-right: auto;
}

footer.entry-meta {
    margin-top: 0;
}

footer[role="contentinfo"] a,
footer[role="contentinfo"] a:visited {
    font-family: 'Open Sans Condensed Bold', Helvetica, Arial, sans-serif;
    color: #cc0066;
}

footer[role="contentinfo"] a:hover {
  color: #283583;
}

span.wpcf7-list-item {
    display: block;
}
#divprint, .wt-cli-ckyes-footer-section  {
    display: none;    
}

/* Kategorien Ausblenden */

.category-team .entry-special, .category-vorstand .entry-special {
    display: none;
}

/* Contact Form 7 Anpassungen */


[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
   padding: 12px 0 !important;
}

[data-class="wpcf7cf_group"] span.wpcf7-list-item {
    display: inline-block;
    width: 100%;
}

input[type="radio"] {
   font-size: 0.8em;
}

select, textarea {
    padding: 6px;
    border: 2px solid #283583;
    width: 100%;
}

.cf7mls_back, .cf7mls_next {
  margin: 40px 0 !important;
}

.ghostkit-col .fieldset-cf7mls-wrapper {
  background: #fff;
}

.ghostkit-col fieldset {
  padding: 0 40px;
}

input.wpcf7-text {
    border: 2px solid #283583;
    width: 100%;
}

input.wpcf7-free-text, input.wpcf7-date {
    border: 2px solid #283583;
}

textarea.wpcf7-textarea {
    width: 100%;
    height: 100px;
}

input.wpcf7-submit,
button.cf7mls_next.cf7mls_btn.action-button,
button.cf7mls_back.action-button,
form.cf7mls [type="submit"].wpcf7-form-control.wpcf7-submit {
    background: #cc0066 !important;
    margin: 0 20px 0 20px;
    border-bottom: none;
}

#mitgliedsantrag {
   font-size: 24px !important;
}

form h3 {
  margin: 0 0 20px 0;
}

.cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button {
    margin: 0 20px 0 20px;
}

.wpcf7 form .wpcf7-response-output {
    padding: 20px;
    margin: 20px;
}

.wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450;
    color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    background-color: #ffb900;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-select, .wpcf7-list-item.last, .wpcf7-acceptance {
    margin-bottom: 12px;
} 

@media only screen and (max-width: 767px) {
.fieldset-cf7mls input, .wpcf7-form .fieldset-cf7mls textarea {
    width: unset !important;
}
}

/* Post Grid Combo */

.layout-14551 .element_1671292208076 {
text-align: center;
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(226,226,226,1) 100%);
}

/* Meta Slider */

.metaslider .caption-wrap {
    background: none !important;
    font-size: 0.6em;
}

/* complianz */

button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show, button.cmplz-btn.cmplz-accept, button.cmplz-btn.cmplz-deny, button.cmplz-btn.cmplz-view-preferences, button.cmplz-btn.cmplz-save-preferences {
    background: #cc0066 !important;
    color: #fff !important;
}

.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice, .cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice {
    background: #cc0066;
}

/* speakout */

.dk-speakout-signaturelist {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0;
}
.dk-speakout-signaturelist-id {
  font-size: small;
  color: #999;
  padding-right: 20px;
}
.dk-speakout-signaturelist-custom::before, .dk-speakout-signaturelist-custom2::before {
  content: "| ";
  color:black;
font-size:1.5em;
}
.dk-speakout-signaturelist-custom:empty, .dk-speakout-signaturelist-custom2:empty {
    display: none;
}
.dk-speakout-signaturelist-custom9 {
    display: none;
}

/* Pagination */

.pag {
  margin: 0 0 40px 0;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #cc0066;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #f5f7f9;
    border-radius: 2px;
    cursor: pointer;
    padding: 8px 12px;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #cc0066;
    color: #f5f7f9;
}

.navigation ul {
    margin: 16px 0;
    padding: 0 0 0 0;
}


@media(max-width: 1000px) {
.header-search  {
    display: none;
}
}

@media(max-width: 800px) {
.entry-header, .entry-content, .entry-summary, .entry-meta {
  padding: 0 20px !importamt;
}
.header-suche, .menu-toggle  {
    display: none;
}
.hentry {
    margin: 20px 0 0 0;
}
#colophon {
  padding: 0 20px;
}
#header-neu {
  padding: 0 20px;
}
.site-header {
    background: #fff;
    height: 220px;
}
.header-links, .header-rechts {
    position: unset;
    width: 100%;
}
.site-logo {
    vertical-align: bottom;
    padding: 20px 0 20px 0;
    display: block;
    margin: auto;
    float: left;
}
.navbar {
    background: #fff;
    margin: 0; 
    max-width: 100%;
    width: 100%;
    padding: 0;
}
#mega-menu-wrap-secondary-DE #mega-menu-secondary-DE > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-secondary-EN #mega-menu-secondary-EN > li.mega-menu-item > a.mega-menu-link {
  font-size: 14px;
  }

#mega-menu-wrap-secondary-DE #mega-menu-secondary-DE, #mega-menu-wrap-secondary-EN #mega-menu-secondary-EN {
    text-align: center;
}
.metaslider .nivo-caption, .metaslider .theme-default .nivo-caption, .metaslider .nivo-caption {

}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary, #mega-menu-wrap-EN-menu .mega-menu-toggle.mega-menu-open + #mega-menu-EN-menu {
    z-index: 99;
}
#footer-widgets {
  padding: 20px 0;
}
.wilmacolumn-1, .wilmacolumn-2 {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}
.wilmacolumn-3 {
  margin: 0;
  padding: 0;
  width: 100%;
}
}

@media(max-width: 600px) {

body {
  font-size: 80%;
}

.site-footer .widget {
    width: 90%;
}
}

@media (max-width: 359px) {
.site-description {
    clip: unset;
    position: unset;
}
}

@media (min-width: 800px) {
	#main {
/*	overflow: hidden;  needed to stretch parent container since children are floated */
    max-width: 100%;
    padding: 0 20px;
    display: block;
    margin: 0 auto;
  } 
  #primary.content-area {
		width: 60%;
		float: left;
	}
	.site-main .sidebar-container {
		position: static;
		float: right;
		width: 28%;
		height: auto; 
        margin: 25px 0 0 0; 
	}
	.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
		padding: 0;
	}
}