/*
Theme Name: Total Child
Theme URI: https://totalwptheme.com/
Template: Total
Author: M. Gueldenzopf
Author URI: https://www.wpexplorer.com/
Description: Premium Multi-purpose WordPress Theme.
Tags: custom-colors,accessibility-ready,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 6.3.1762955358
Updated: 2025-11-12 13:49:18

*/

#site-header{
	z-index:1000;
}

#site-navigation-wrap{
	right: 0;
	top: 80px;
}

.wpex-flush-dropdowns .main-navigation-ul>li{
    height: 90%;
}
.main-navigation-ul>.menu-item:nth-child(3)>a>span{
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    text-decoration: none !important;
    text-align: center;
    max-width: 100%;
 /*   padding: var(--wpex-btn-padding);*/
    transition: .15s all ease;
    background-color: var(--wpex-btn-bg, var(--wpex-accent));
    background-image: var(--wpex-btn-img);
    border-radius: var(--wpex-btn-border-radius);
    border-width: var(--wpex-btn-border-width);
    border-style: var(--wpex-btn-border-style);
    border-color: var(--wpex-btn-border-color, currentColor);
    color: var(--wpex-btn-color, var(--wpex-on-accent));
    font-size: var(--wpex-btn-font-size);
    font-family: var(--wpex-btn-font-family);
    font-style: var(--wpex-btn-font-style);
    text-transform: var(--wpex-btn-text-transform);
    letter-spacing: var(--wpex-btn-letter-spacing);
    line-height: var(--wpex-btn-line-height);
    font-weight: var(--wpex-btn-font-weight);
}
a.stripe-donate-button>span{
	padding: var(--wpex-btn-padding);
	background-color: var(--wpex-btn-bg, var(--wpex-accent));
	border-style: var(--wpex-btn-border-style);
    border-color: var(--wpex-btn-border-color, currentColor);
    color: var(--wpex-btn-color, var(--wpex-on-accent));
    font-size: var(--wpex-btn-font-size);
    font-family: var(--wpex-btn-font-family);
    font-style: var(--wpex-btn-font-style);
    text-transform: var(--wpex-btn-text-transform);
    letter-spacing: var(--wpex-btn-letter-spacing);
    line-height: var(--wpex-btn-line-height);
    font-weight: var(--wpex-btn-font-weight);
	text-decoration: none !important;
}
.main-navigation-ul>.menu-item:nth-child(3)>a>span:hover{
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    text-decoration: none !important;
    text-align: center;
    max-width: 100%;
 /*   padding: var(--wpex-btn-padding);*/
    transition: .15s all ease;
    background-color: var(--wpex-accent-alt, var(--wpex-accent-alt));
    background-image: var(--wpex-btn-img);
    border-radius: var(--wpex-btn-border-radius);
    border-width: var(--wpex-btn-border-width);
    border-style: var(--wpex-btn-border-style);
    border-color: var(--wpex-btn-border-color, currentColor);
    color: var(--wpex-btn-color, var(--wpex-on-accent));
    font-size: var(--wpex-btn-font-size);
    font-family: var(--wpex-btn-font-family);
    font-style: var(--wpex-btn-font-style);
    text-transform: var(--wpex-btn-text-transform);
    letter-spacing: var(--wpex-btn-letter-spacing);
    line-height: var(--wpex-btn-line-height);
    font-weight: var(--wpex-btn-font-weight);
}
a.stripe-donate-button:hover {
	color: var(--wpex-accent-alt, var(--wpex-accent-alt));
}
a.stripe-donate-button>span:hover{
	padding: var(--wpex-btn-padding);
	background-color: var(--wpex-accent-alt, var(--wpex-accent-alt));
	border-style: var(--wpex-btn-border-style);
    border-color: var(--wpex-btn-border-color, currentColor);
    color: var(--wpex-btn-color, var(--wpex-on-accent));
    font-size: var(--wpex-btn-font-size);
    font-family: var(--wpex-btn-font-family);
    font-style: var(--wpex-btn-font-style);
    text-transform: var(--wpex-btn-text-transform);
    letter-spacing: var(--wpex-btn-letter-spacing);
    line-height: var(--wpex-btn-line-height);
    font-weight: var(--wpex-btn-font-weight);
	text-decoration: none !important;
}
@font-face {
  font-family: 'Obliqua Sans';
  src: url('../Total-child/fonts/fonnts.com-Obliqua_Sans.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Obliqua Sans Bold';
  src: url('../Total-child/fonts/fonnts.com-Obliqua_Sans_Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Obliqua Sans Bold Italic';
  src: url('../Total-child/fonts/fonnts.com-Obliqua_Sans_Bold_Italic.otf') format('opentype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}@font-face {
  font-family: 'Obliqua Sans Italic';
  src: url('../Total-child/fonts/fonnts.com-Obliqua_Sans_Italic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

.accordion-horizontal {
  display: flex;
  overflow: hidden;
  height: 650px;
}
.acc-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  transition: flex 0.4s ease;
  /*border: 1px solid #ccc;*/
}
.acc-item.active {
  flex: 4; /* aufgeklapptes Panel */
}
.acc-header {
  /*background: #f2f2f2;*/
  border: none;
  padding: 1rem;
  cursor: pointer;
  font-weight: bold;
  text-align: left;
}
.acc-content {
  flex: 1;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s ease;
  padding: 0 1rem;
}
.acc-item.active .acc-content {
  opacity: 1;
  padding-top: 0.5rem;
}
#einmalig-spenden {
  scroll-padding-top: 400px;
}




/* Container: nebeneinander, Abstand */
.gform_wrapper #input_1_3,
.gform_wrapper #input_1_8,
.gform_wrapper #input_1_16,
.gform_wrapper #input_1_19,
.gform_wrapper #input_1_20{
 /* display: flex;
  gap: 1rem;
  flex-wrap: wrap;
	*/
}

/* Radios ausblenden – Label wird zum Button */
.gform_wrapper #input_1_3 .gfield-choice-input,
.gform_wrapper #input_1_8 .gfield-choice-input,
.gform_wrapper #input_1_16 .gfield-choice-input,
.gform_wrapper #input_1_19 .gfield-choice-input,
.gform_wrapper #input_1_20 .gfield-choice-input{
  display: none;
}

/* Grundstil für die „Karten“-Buttons */
.gform_wrapper #input_1_3 .gchoice label,
.gform_wrapper #input_1_8 .gchoice label,
.gform_wrapper #input_1_16 .gchoice label,
.gform_wrapper #input_1_19 .gchoice label,
.gform_wrapper #input_1_20 .gchoice label{
  display: block;
  padding: 1rem 1.5rem;
  min-width: 180px;
  text-align: center;
  border-radius: 0px;
  border: 2px solid var(--wpex-palette-939-color);      /* hellGrün-Blau Umrandung */
  background: var(--wpex-palette-938-color);            /* sehr helles Grün-Blau */
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 2px var(--wpex-palette-939-color);
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

/* Hover-Effekt */
.gform_wrapper #input_1_3 .gchoice label:hover,
.gform_wrapper #input_1_8 .gchoice label:hover,
.gform_wrapper #input_1_16 .gchoice label:hover,
.gform_wrapper #input_1_19 .gchoice label:hover,
.gform_wrapper #input_1_20 .gchoice label:hover{
  border-color: #0ea5e9; /* Akzentfarbe */
  box-shadow: 0 4px 8px var(--wpex-palette-851-color);
}

/* Ausgewählter Zustand */
.gform_wrapper #input_1_3 .gfield-choice-input:checked + label,
.gform_wrapper #input_1_8 .gfield-choice-input:checked + label,
.gform_wrapper #input_1_16 .gfield-choice-input:checked + label,
.gform_wrapper #input_1_19 .gfield-choice-input:checked + label,
.gform_wrapper #input_1_20 .gfield-choice-input:checked + label{
  background: var(--wpex-palette-851-color);
  border-color: var(--wpex-palette-851-color);
  color: #ffffff;
  box-shadow: 0 6px 14px var(--wpex-palette-851-color);
}

/* Mobile: Buttons untereinander */
@media (max-width: 600px) {
  .gform_wrapper #input_1_3,
  .gform_wrapper #input_1_8,
  .gform_wrapper #input_1_16,
  .gform_wrapper #input_1_19,
  .gform_wrapper #input_1_20{
    flex-direction: column;
  }

  .gform_wrapper #input_1_3 .gchoice label,
  .gform_wrapper #input_1_8 .gchoice label,
  .gform_wrapper #input_1_16 .gchoice label,
  .gform_wrapper #input_1_19 .gchoice label,
  .gform_wrapper #input_1_20 .gchoice label{
    width: 100%;
  }
}




/* Overlay ausgeblendet */
.iframe-modal-overlay {
  display: none;                /* standard: versteckt */
  position: fixed;
  inset: 0;                     /* top/right/bottom/left:0 */
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999;
}

/* sichtbarer Zustand */
.iframe-modal-overlay.is-visible {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Modal-Box */
.iframe-modal {
  position: relative;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  background: #111111; /* oder #fff, je nach Design */
  border-radius: 0;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
  overflow: hidden;
}

/* Close-Button */
.iframe-modal-close {
  position: absolute;
  top: 8px;
  right: 12px;
  border: none;
  background: transparent;
  color: #ffffff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

/* Inhalt / iframe */
.iframe-modal-content {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Verhältnis; anpassbar */
}

.iframe-modal-content iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Mobile Anpassung */
@media (max-width: 600px) {
  .iframe-modal {
    width: 95%;
    max-width: 95%;
  }
}

div.stripe-donate-button-wrapper{
  display: flex !important;
  align-items: center !important;      /* vertikal mittig */
  justify-content: center !important;  /* horizontal mittig */
  text-align: center !important;
}