/* Testarea */


/* Ende Testaerea
*/

/* Fonts
*/

/* pt-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v16-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v16-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v16-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v16-latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v16-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v16-latin-ext_latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v16-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v16-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v16-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v16-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v16-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v16-latin-ext_latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v16-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v16-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v16-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v16-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v16-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v16-latin-ext_latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v16-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v16-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v16-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v16-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v16-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v16-latin-ext_latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}
/*=================================================================*/


/* Überschriften
h1 - Hauptüberschrifen indizierbar
h2 - Überschrift 2
h3 - Überschrift 3

h6 - Überschrift in Slideshow Startseite (sppb-sp-slider-title)

*/


/* Header 
*/

#sp-header { 
  background: #8DACCB;
}

@media (min-width: 992px) {
  #sp-header { 
    height: 90px;
  }
}

@media (max-width: 991.98px) {
  #sp-header .logo {
      height: 85px;
  }

  #sp-header {
    height: 80px;
  	padding-left: 0px !important;
    padding-right: 14px !important;
  }
 
}
/*
Das Logo
*/

.logo-image {
    height: 96px;
    margin-top: 8px;
}

/* Links im Menue nahezu weiss
*/

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li:hover > a {
    color: #20333e;
  	font-size: 14pt;
    padding: 13px 10px;
}

/* Aktiver Link im Menue gelbbraunrot
*/

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #9d371b;
    font-weight: bolder;
  	font-size: 14pt;
}

/*
Im Untermenuelappen stimmiger Hintergrund
*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #8DACCB;
}

/*
und die Textfarbe
*/

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
 	color: #20333e;
	font-size: 12pt;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
 	color: #20333e;
    font-weight: bolder;
}

/* Offcanvas (mobile) Menue
*/

.offcanvas-menu {
    background-color: #f3ddb8;
}

/* BODY Font PT Sans, 14pt, schwarz */

body {
  font-family: "PT Sans";
  font-size: 14pt;
  color: #000000;
  font-weight: 400;
  line-height: 1.2;
  background-color: #f3ddb8;
}


/*
Der Footer
*/

footer, #sp-footer{
  color: #20333e;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background: #8DACCB;
}

#sp-footer a {
  color: #20333e;
}

/* Überschriften
*/

.h1, h1, .h2, h2, .h3, h3, .h4, h4 {
    color: #9d371b;
}

/* Überschrift 2
*/

.h2, h2 {
    font-size: calc(1.325rem + .9vw);
}

/* Überschrift 3
*/

.h3, h3 {
    font-size: calc(1.25rem + .4vw);
}

/* Überschrift 4
*/

.h4, h4 {
    font-size: calc(1rem + .4vw);
}

.h6, h6 {
  font-size: 80px;
  font-weight: 500;
}

/* Für große Browserfenster
*/

@media (min-width: 1200px) {
	.h2, h2 {
    	font-size: 2rem;
	}
}
/*=====================================
*/

/* Schriftstile =======================
*/

/* Standardschrift in "Weiss"
*/

.text-inverse {
  color: #ffffff;
}


/* Mail-Icon
*/

.rafael-mailto {
  color: #9d371b;
  font-weight: 400;
  font-size: 1em;
}

.rafael-mailto::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f0e0";
}

.rafael-mailto:hover, .rafael-mailto:visited{
  color: #9d371b;
}

.rafael-link {
  color: #9d371b;
  font-weight: 400;
  font-size: 1em;
}

.rafael-link:hover, .rafael-link:visited {
  color: #9d371b;
}


/*=====================================
*/

/* Bildunterschriften =======================
*/

.sppb-addon-image-layout-caption {
    color: #000000;
    background: rgb(243 241 241 / 70%);
    padding: 10px 10px 10px 10px;
    position: relative;
    z-index: 1;
    font-size: 1rem;
    font-weight: 600;
}

/* Höhenangaben für Bildunterschriften müssen
   manuell festgelegt werden, damit alle BU 
   nahtlos nebeneinander liegender Bilder die
   gleiche Höhe haben. 
   Jede "bildleiste-id" adressiert das Bild und
   setzt die beste Höhe. Danach die Höhe der
   Bildunterschrift. Und das für verschiedene
   Breakpoints.
*/


@media (min-width: 1400px) {

  #bildleiste-1 .sppb-addon-image-layout-caption {
    height: 94px;
  }
  #bildleiste-1 .sppb-img-responsive {
    height: 306px;
  }

  #bildleiste-2 .sppb-addon-image-layout-caption {
    height: 116px;
  }
  #bildleiste-2 .sppb-img-responsive {
    height: 274px;
  }

  #bildleiste-3 .sppb-addon-image-layout-caption {
    height: 78px;
  }
  #bildleiste-3 .sppb-img-responsive {
    height: 304px;
  }
  
  #bildleiste-4 .sppb-addon-image-layout-caption {
    height: 96px;
  }
  #bildleiste-4 .sppb-img-responsive {
    height: 306px;
  }

  #bildleiste-5 .sppb-addon-image-layout-caption {
    height: 116px;
  }
  #bildleiste-5 .sppb-img-responsive {
    height: 306px;
  }

  #bildleiste-6 .sppb-addon-image-layout-caption {
    height: 58px;
  }
  #bildleiste-6 .sppb-img-responsive {
    height: 560px;
  }
  
  #bildleiste-7 .sppb-addon-image-layout-caption {
    height: 78px;
  }
  #bildleiste-7 .sppb-img-responsive {
    height: 300px;
  }

  #bildleiste-8 .sppb-addon-image-layout-caption {
    height: 58px;
  }
  #bildleiste-8 .sppb-img-responsive {
    height: 424px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

  #bildleiste-1 .sppb-addon-image-layout-caption {
    height: 94px;
  }
  #bildleiste-1 .sppb-img-responsive {
    height: 306px;
  }

  #bildleiste-2 .sppb-addon-image-layout-caption {
    height: 116px;
  }
  #bildleiste-2 .sppb-img-responsive {
    height: 274px;
  }

  #bildleiste-3 .sppb-addon-image-layout-caption {
    height: 78px;
  }
  #bildleiste-3 .sppb-img-responsive {
    height: 304px;
  }
  
  #bildleiste-4 .sppb-addon-image-layout-caption {
    height: 96px;
  }
  #bildleiste-4 .sppb-img-responsive {
    height: 306px;
  }

  #bildleiste-5 .sppb-addon-image-layout-caption {
    height: 116px;
  }
  #bildleiste-5 .sppb-img-responsive {
    height: 306px;
  }

  #bildleiste-6 .sppb-addon-image-layout-caption {
    height: 58px;
  }
  #bildleiste-6 .sppb-img-responsive {
    height: 560px;
  }
  
  #bildleiste-7 .sppb-addon-image-layout-caption {
    height: 78px;
  }
  #bildleiste-7 .sppb-img-responsive {
    height: 300px;
  }

  #bildleiste-8 .sppb-addon-image-layout-caption {
    height: 58px;
  }
  #bildleiste-8 .sppb-img-responsive {
    height: 424px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  #bildleiste-1 .sppb-addon-image-layout-caption {
    height: 112px;
  }
  #bildleiste-1 .sppb-img-responsive {
    height: 256px;
  }

  #bildleiste-2 .sppb-addon-image-layout-caption {
    height: 134px;
  }
  #bildleiste-2 .sppb-img-responsive {
    height: 232px;
  }

  #bildleiste-3 .sppb-addon-image-layout-caption {
    height: 78px;
  }
  #bildleiste-3 .sppb-img-responsive {
    height: 256px;
  }

  #bildleiste-4 .sppb-addon-image-layout-caption {
    height: 116px;
  }
  #bildleiste-4 .sppb-img-responsive {
    height: 256px;
  }

  #bildleiste-5 .sppb-addon-image-layout-caption {
    height: 134px;
  }
  #bildleiste-5 .sppb-img-responsive {
    height: 256px;
  }

  #bildleiste-6 .sppb-addon-image-layout-caption {
    height: 58px;
  }
  #bildleiste-6 .sppb-img-responsive {
    height: 468px;
  }

  #bildleiste-7 .sppb-addon-image-layout-caption {
    height: 78px;
  }
  #bildleiste-7 .sppb-img-responsive {
    height: 252px;
  }

  #bildleiste-8 .sppb-addon-image-layout-caption {
    height: 58px;
  }
  #bildleiste-8 .sppb-img-responsive {
    height: 356px;
  }

}


/* Tablets oder so...)
   sind eh schon gestapelt...

@media (min-width: 768px) and (max-width: 991.98px) {

  #bildleiste-1 .sppb-addon-image-layout-caption {
    height: 68px;
  }
  #bildleiste-1 .sppb-img-responsive {
    height: 55px;
  }

  #bildleiste-2 .sppb-addon-image-layout-caption {
    height: 97px;
  }

  #bildleiste-3 .sppb-addon-image-layout-caption {
    height: 67px;
  }

  #bildleiste-4 .sppb-addon-image-layout-caption {
    height: 83px;
  }

  #bildleiste-5 .sppb-addon-image-layout-caption {
    height: 97px;
  }

  #bildleiste-6 .sppb-addon-image-layout-caption {
    height: 51px;
  }

  #bildleiste-7 .sppb-addon-image-layout-caption {
    height: 67px;
  }

}
*/

/*=====================================
*/


/* Startseite Slideshow-Elemente ----
   Eingepackt in Media-Queries...
   Wenn >480px 
*/

/*=====================================
*/

/* NETZWERK RAFAEL e.V.
*/

h6.sppb-sp-slider-title {
  color: #ffff !important;
  font-size: 80px !important;
  letter-spacing: 3px !important;
  font-weight: 500 !important;
}

/* Textanteil der Slideshow
*/

.sppb-sp-slider-text {
  color: #ffff;
  font-size: 2rem;
  font-weight: 600;
}

/*
Der Spendenbutton
*/
.spenden-button .sp-slider-btn-text {
  color: #fff;
  font-size: 3rem;
  border-radius: 25px;
  background: #9d371b;
  border-color: #85181d;
  border-bottom-style: groove;
}

@media (max-width: 480px) {
  /* NETZWERK RAFAEL e.V.
  */

  h6.sppb-sp-slider-title {
      font-size: 54px !important;
      font-weight: 600 !important;
  }

  /* Textanteil der Slideshow
  */

  .sppb-sp-slider-text {
      font-size: 1.5rem;
  }

  /*
  Der Spendenbutton
  */
  .spenden-button .sp-slider-btn-text {
      font-size: 2rem;
  }
}
  
/* "Ueber uns" Statemenst-Crousel
   Pfeile einfärben
*/
.sppb-carousel-arrow.left i {
  color: #9d371b;
}

/* Kontakt - Vorstandsbilder
*/

.vorstand {
  color: #9d371b;
  text-align: center;
}

.vorstand .sppb-person-name {
	font-size: 1.3rem !important;
  	font-weight: 500;
}

.vorstand .sppb-person-introtext {
	font-size: 1.1rem;
    margin-top: 0px;
}

/*
Contentausgabe (Neuigkeiten, Rundbriefe, Finanzbericht)
*/

.article {
  background: #8daccb;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
	color: #9d371B;
    font-weight: 600;
}

/*
Hintergründe für Textblocks
*/

/* Startseite NEUIGKEITEN */

.bg-startseite {
  /*background-color: rgba(141, 172, 202, 0.8); */
  background-color: rgba(141, 172, 202);
  padding: 30px 30px 30px 30px;
}

/* Blog-Kategorie Aktuelles
*/

.bg-aktuelles {
    padding: 0;
    background-image: url(/images/aktuelles.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;
}

/* Blog-Kategorie Rundbriefe
*/

.bg-rundbriefe {
    padding: 0;
    background-image: url(/images/newsletter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;
}

/* Blog-Kategorie Finanzen
*/

.bg-finanzen {
    padding: 0;
    background-image: url(/images/finanzbericht.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;
}

/* TWINGLE-Integration
*/

.twingle .amount-wrapper label {
}

.twingle > label.error {
  color: yellow;
  font-size: 16px;
}

.amount-wrapper label {
  margin: 0 0 5px 0;
  color: yellow;
  font-size: 18px;
}