/* Berlin Sans */
@font-face {
  font-family: berlin_sans;
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/brlnsr.woff) format(woff);
}
@font-face {
  font-family: berlin_sans_demi;
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/brlnsb.woff) format(woff);
}
@font-face {
  font-family: Berlin;
  font-weight: 400;
  src: url(/assets/fonts/brlnsr.woff) format(woff);
}
@font-face {
  font-family: Berlin;
  font-weight: 700;
  src: url(/assets/fonts/brlnsb.woff) format(woff);
}

/* roboto-slab-100 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/roboto-slab-v36-latin-100.woff2) format(woff2),
       url(/assets/fonts/roboto-slab-v36-latin-100.ttf) format(truetype);
}
/* roboto-slab-200 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 200;
  src: url(/assets/fonts/roboto-slab-v36-latin-200.woff2) format(woff2),
       url(/assets/fonts/roboto-slab-v36-latin-200.ttf) format(truetype);
}
/* roboto-slab-300 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/roboto-slab-v36-latin-300.woff2) format(woff2),
       url(/assets/fonts/roboto-slab-v36-latin-300.ttf) format(truetype);
}
/* roboto-slab-regular - latin */
@font-face {
  font-display: swap;
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/roboto-slab-v36-latin-regular.woff2) format(woff2),
       url(/assets/fonts/roboto-slab-v36-latin-regular.ttf) format(truetype);
}
/* roboto-slab-500 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/roboto-slab-v36-latin-500.woff2) format(woff2),
       url(/assets/fonts/roboto-slab-v36-latin-500.ttf) format(truetype);
}
/* roboto-slab-600 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/roboto-slab-v36-latin-600.woff2) format(woff2),
       url(/assets/fonts/roboto-slab-v36-latin-600.ttf) format(truetype);
}
/* roboto-slab-700 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/roboto-slab-v36-latin-700.woff2) format(woff2),
       url(/assets/fonts/roboto-slab-v36-latin-700.ttf) format(truetype);
}
/* roboto-slab-800 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/roboto-slab-v36-latin-800.woff2) format(woff2),
       url(/assets/fonts/roboto-slab-v36-latin-800.ttf) format(truetype);
}
/* roboto-slab-900 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/roboto-slab-v36-latin-900.woff2) format(woff2),
       url(/assets/fonts/roboto-slab-v36-latin-900.ttf) format(truetype);
}

/* roboto-100 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/roboto-v49-latin-100.woff2) format(woff2);
}
/* roboto-100italic - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 100;
  src: url(/assets/fonts/roboto-v49-latin-100italic.woff2) format(woff2);
}
/* roboto-200 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 200;
  src: url(/assets/fonts/roboto-v49-latin-200.woff2) format(woff2);
}
/* roboto-200italic - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 200;
  src: url(/assets/fonts/roboto-v49-latin-200italic.woff2) format(woff2);
}
/* roboto-300 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/roboto-v49-latin-300.woff2) format(woff2);
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url(/assets/fonts/roboto-v49-latin-300italic.woff2) format(woff2);
}
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/roboto-v49-latin-regular.woff2) format(woff2);
}
/* roboto-italic - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/roboto-v49-latin-italic.woff2) format(woff2);
}
/* roboto-500 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/roboto-v49-latin-500.woff2) format(woff2);
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url(/assets/fonts/roboto-v49-latin-500italic.woff2) format(woff2);
}
/* roboto-600 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/roboto-v49-latin-600.woff2) format(woff2);
}
/* roboto-600italic - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/roboto-v49-latin-600italic.woff2) format(woff2);
}
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/roboto-v49-latin-700.woff2) format(woff2);
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/roboto-v49-latin-700italic.woff2) format(woff2);
}
/* roboto-800 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/roboto-v49-latin-800.woff2) format(woff2);
}
/* roboto-800italic - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 800;
  src: url(/assets/fonts/roboto-v49-latin-800italic.woff2) format(woff2);
}
/* roboto-900 - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/roboto-v49-latin-900.woff2) format(woff2);
}
/* roboto-900italic - latin */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  src: url(/assets/fonts/roboto-v49-latin-900italic.woff2) format(woff2);
}

/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/open-sans-v44-latin-300.woff2) format(woff2);
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 300;
  src: url(/assets/fonts/open-sans-v44-latin-300italic.woff2) format(woff2);
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/open-sans-v44-latin-regular.woff2) format(woff2);
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/open-sans-v44-latin-italic.woff2) format(woff2);
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/open-sans-v44-latin-500.woff2) format(woff2);
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 500;
  src: url(/assets/fonts/open-sans-v44-latin-500italic.woff2) format(woff2);
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/open-sans-v44-latin-600.woff2) format(woff2);
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/open-sans-v44-latin-600italic.woff2) format(woff2);
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/open-sans-v44-latin-700.woff2) format(woff2);
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/open-sans-v44-latin-700italic.woff2) format(woff2);
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/open-sans-v44-latin-800.woff2) format(woff2);
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 800;
  src: url(/assets/fonts/open-sans-v44-latin-800italic.woff2) format(woff2);
}

/* general */
[id] {
  scroll-margin-top: 100px;
}
body,
p {
  font-family: Roboto Slab, Arial, sans-serif !important;
  font-weight: 400 !important;
}
h1,
h2,
h3 {
  font-family: Berlin, Arial, sans-serif !important;
  font-weight: 400 !important;
}
.sitewrapper {
  background-color: #ffffff;
}
.boxlayout {
  box-shadow: 0 1px 1px #f3f3f3 !important;
}
.flBtn a:hover {
  color: #ffffff !important;
}

/* CookieYes */
.cky-consent-container {
  background-color: #1a1a1a !important;
}
.cky-btn-revisit-wrapper,
.cky-btn-accept {
  background-color: #80CC11 !important;
  border-color: #80CC11 !important;
  color: #ffffff !important;
}
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
  background-color: #ffffff !important;
  color: #80CC11 !important;
}
.cky-btn-settings {
  background-color: transparent !important;
  color: #80CC11 !important;
  border: 1px solid #80CC11 !important;
}
.cky-switch input[type="checkbox"]:checked {
  background: #80CC11 !important;
}

/* header */
.header-top .social-icons a {
  color: #ffffff !important;
}
.header-top .social-icons a:hover {
  color: #80CC25 !important;
}
.phoneheader {
  font-size: 1.4em;
  font-weight: 600 !important;
}
.donatenow {
  border-radius: 30px;
}
.donatenow:hover {
  color: #ffffff !important;
}
.donatenow .fa-hand-holding-heart {
  font-size: 24px;
}

/* navigation */
#topmenu ul li a {
  color: #ffffff;
}
#topmenu ul li a,
#topmenu ul li a:visited {
  background-color: #80CC11;
}
#topmenu ul li a:hover {
  background-color: #282828;
}
#topmenu ul li.current-menu-item > a,
#topmenu ul li.current-menu-parent > a,
#topmenu ul li.current_page_item > a {
  background-color: #282828;
}
.sitenav ul,
.sitenav li {
  font-family: Roboto Slab, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
.sitenav ul li a:hover {
  color: #ffffff !important;
}

/* breadcrumb */
.breadcrumbs {
  padding-left: 27px;
  font-size: 14px !important;
}

/* wp-block */
.wp-block-heading {
  margin-top: 20px;
  color: #000000;
}
h2.wp-block-heading {
  margin-bottom: 0px;
}
.wp-block-buttons {
  margin: 1em 0;
}
.wp-block-button a {
  background-color: #80CC11 !important;
}
.wp-block-button a:hover,
.custombtn a:hover {
  background-color: #6e6d6d !important;
  color: #ffffff !important;
}
#footer-wrapper .custombtn a:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* sidebar */
#sidebar {
  background-color: #f0efef !important;
  border-radius: 15px !important;
}
aside.widget {
  background-color: #f0efef !important;
  border-radius: 15px !important;
}

/* slider */
.nivoSlider a:hover {
  color: #ffffff !important;
}

/* sponsoren */
#clienttestiminials .tmthumb {
  width: 105px;
  height: 105px;
  margin: 0 25px 0 0;
  overflow: hidden;
  border-radius: 0 !important;
  float: left;
}
#clienttestiminials .item p:after,
#clienttestiminials .item p:before {
  content: none !important;
}
#clienttestiminials .item h6 {
  display: none !important;
}
#clienttestiminials .item p {
  font-size: 16px !important;
  line-height: 20px !important;
}

/* standorte */
.teammember-list .thumnailbx {
  background: none !important;
  height: auto !important;
}
.teammember-list img {
  min-height: 0px !important;
}

/* antrag */
.antragbigbutton a {
  background-color: #73B721 !important;
  line-height: 40px !important;
}
.antragbigbutton a:hover {
  background-color: #6e6d6d !important;
  color: #ffffff !important;
}
.greybutton a {
  background-color: #6e6d6d !important;
}
.greybutton a:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* online antrag */
.modal-window__content-main ul {
  list-style-type: disc !important;
  padding-left: 20px !important;
  display: block !important;
}
.modal-window__content-main li {
  display: list-item !important;
}
.tabs-wrapper ul.tabs li a {
  background-color: #6e6d6d !important;
}
.tabs-wrapper ul.tabs li a.selected {
  background-color: #80CC11 !important;
}
.tabs-wrapper ul.tabs li a:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* newsletter */
.tnp-field-firstname label,
.tnp-field-surname label,
.tnp-field-email label {
  display: none !important;
}
.tnp-field-firstname,
.tnp-field-surname,
.tnp-field-email {
  max-width: 300px !important;
  border-radius: 4px !important;
  margin-bottom: 10px !important;
}
.tnp-field-button {
  margin-top: 10px !important;
}

/* footer */
#footer-wrapper {
  margin-top: 25px;
}
#footer .social-icons {
  background: #80CC25;
}
.copyright-wrapper {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.design-by {
  color: #000000 !important;
}
#copyright {
  height: 50px;
}
#simple-translate {
  height: 0px;
}
.footer .button {
  border-radius: 30px !important;
}
#footer-wrapper .social-icons {
  text-align: left !important;
}
#pfote {
  margin-top: 100px;
  text-align: center;
}
#KurzLink {
  font-family: Roboto Slab, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #ababab !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  padding: 0px !important;
}

/* ics calender */
.ics-calendar .ics-calendar-date {
  font-size: 1.5em;
  border-top: 1px solid #dbdbdb;
  padding-top: 7px;
}
.ics-calendar .title {
  font-size: 1.5em;
  color: black;
}

/* forminator */
.forminator-button-next,
.forminator-button-back {
  background-color: #80CC11 !important;
  color: #ffffff;
}
.forminator-button-next:hover,
.forminator-button-back:hover {
  background-color: #6e6d6d !important;
  color: #ffffff;
}
.forminator-button-submit {
  background-color: #6e6d6d !important;
  color: #ffffff;
}
.forminator-button-submit:hover {
  background-color: #000000 !important;
  color: #ffffff;
}
.forminator-pagination-steps .forminator-step .forminator-step-label {
  color: #73B721 !important;
}
.forminator-pagination-steps
  .forminator-step.forminator-current
  ~ .forminator-step
  .forminator-step-label {
  color: #777777 !important;
}
.forminator-pagination-steps .forminator-break:before {
  background-color: #73B721 !important;
}
.forminator-pagination-steps .forminator-step .forminator-step-dot {
  background-color: #73B721 !important;
  border: 1px solid #73B721 !important;
}
.forminator-label {
  font-size: 24px !important;
}
.forminator-description {
  font-size: 16px !important;
}
.forminator-checkbox input:checked + .forminator-checkbox-box {
  border: 1px solid #73B721 !important;
}
.forminator-checkbox .forminator-checkbox-box:before {
  color: #73B721 !important;
}
.forminator-radio, .forminator-radio-bullet {
  border-color: #73B721 !important;
  background-color: #ffffff !important;
}
.forminator-radio input:checked + .forminator-radio-bullet {
    border-color: #73B721 !important;
    background-color: #ffffff !important;
}
.forminator-radio .forminator-radio-bullet:before {
    background-color: #73B721 !important;
}
.forminator-save-draft-link {
  padding: 10px 20px !important;
  background-color: #80CC25 !important;
  color: #ffffff !important;
}
.forminator-save-draft-link:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}
.forminator-draft-link {
  max-width: 650px !important;
}
.forminator-draft-wrap .forminator-copy-field button, .forminator-draft-wrap .forminator-copy-field button:hover {
    width: 130px;
}
.forminator-copy-btn{
    width: 120px !important;
}
.tnp-field-checkbox input[type="checkbox"] {
  accent-color: #80CC11;
}

/* form */
input,
textarea {
  max-width: 400px !important;
  padding: 10px 12px !important;
  font-size: 16px !important;
  font-family: inherit !important;
  box-sizing: border-box !important;
}

/* Fokus-Zustand */
input:focus,
textarea:focus {
  outline: none !important;
  border-color: #80CC11 !important;
  box-shadow: 0 0 0 2px rgba(128, 204, 17, 0.2) !important;
}

/*Versuch Newsletterbutton Footer */
.widget-column-3 .custombtn .button :hover {
  background-color: #6e6d6d !important;
  transition: background-color 0.3s;
}

/* Alert Box Nuxx */
.alert-box {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-radius: 6px;
  font-family: "Roboto Slab", Arial, sans-serif !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  margin: 20px auto;
  color: #333;
}

.alert-icon {
  font-size: 24px;
  margin-right: 15px;
  flex-shrink: 0;
}

/* Variante: Rot (Warnung, Fehler) */
.alert-red {
  background-color: #f8d7da;
  border: 1.5px solid #c82333;
  color: #721c24;
  box-shadow: 0 2px 8px rgba(200, 35, 51, 0.25);
}
.alert-red .alert-icon {
  color: #c82333;
}

/* Variante: Grau (Info, neutral) */
.alert-gray {
  background-color: #e2e3e5;
  border: 1.5px solid #b6b8ba;
  color: #41464b;
  box-shadow: 0 2px 8px rgba(100, 100, 100, 0.15);
}
.alert-gray .alert-icon {
  color: #6c757d;
}

/* Variante: Grün (Success) */
.alert-green {
  background-color: #d4edda;
  border: 1.5px solid #28a745;
  color: #155724;
  box-shadow: 0 2px 8px rgba(40, 167, 69, 0.25);
}
.alert-green .alert-icon {
  color: #28a745;
}

/* back to top button by nuxx */
#back-top a {
  width: 100px !important;
  font: 60px/100% "Berlin Sans" !important;
  text-transform: uppercase;
  text-decoration: none;
  color: #80CC11;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}