/*
* Created by AnMa
* Copyright by Amdre GmbH
* Main Theme CSS 
*/

/****** Fonts ******/

/* permanent-marker-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/permanent-marker-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/permanent-marker-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/permanent-marker-v16-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/permanent-marker-v16-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/permanent-marker-v16-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/permanent-marker-v16-latin-regular.svg#PermanentMarker') format('svg'); /* Legacy iOS */
}
/* poppins-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/poppins-v21-latin-100.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v21-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v21-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v21-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/poppins-v21-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/poppins-v21-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins-v21-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v21-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v21-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/poppins-v21-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/poppins-v21-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v21-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v21-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/poppins-v21-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/poppins-v21-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v21-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/poppins-v21-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/poppins-v21-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v21-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */


       url('../fonts/poppins-v21-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v21-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/poppins-v21-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/poppins-v21-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v21-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v21-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/poppins-v21-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/poppins-v21-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v21-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v21-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/poppins-v21-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/poppins-v21-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins-v21-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v21-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v21-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/poppins-v21-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/poppins-v21-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v21-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v21-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/poppins-v21-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/poppins-v21-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
}

/****** Default settings ******/



/*** Colors & Fonts***/

:root {
	--pri-color: #60b23d;
	--sec-color: #427c2a;
	--txt-color: #42443e;
	
	--pri-font: 'Permanent Marker', sans-serif;
	--sec-font: 'Poppins', 'Arial', sans-serif;
}


/*Text colors*/
.pri-color{color: var(--pri-color);}
.sec-color{color: var(--sec-color);}
.txt-color{color: var(--txt-color);}
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white span{color: #ffffff!important;}

/*Background*/
.bg-gradeint-1{
	background: rgb(96,178,61)!important;
	background: -moz-linear-gradient(90deg, rgba(96,178,61,1) 0%, rgba(66,124,42,1) 100%)!important;
	background: -webkit-linear-gradient(90deg, rgba(96,178,61,1) 0%, rgba(66,124,42,1) 100%)!important;
	background: linear-gradient(90deg, rgba(96,178,61,1) 0%, rgba(66,124,42,1) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#60b23d",endColorstr="#427c2a",GradientType=1)!important;
}


/*** Base styles ***/

html,
body {
	margin: 0;
	padding: 0;

}
body{
	font-family: var(--sec-font);
	font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: var(--txt-color);
}



h1, h2, .headline{
	font-family: var(--pri-font);
	color: var(--pri-color);
	position: relative;
}
h1, .head1, h2, .head2, h3, .head3, h4, .head4, h5, .head5, h6, .head6, .headline{
	font-family: var(--pri-font);
	position: relative;
	text-shadow: initial!important;
}
#sp-page-builder .sppb-section-title{
	margin-bottom: 0px!important;
}
/*#sp-page-builder .sppb-section-title .sppb-title-heading{
	margin-bottom: 0px!important;
}*/
h1,h2,h3,h4,h5,h6,.headline,.subline{
	line-height: 1.2307;
	text-rendering: optimizelegibility;
}
h1, h2, h3, h4, .headline{
	color: var(--pri-color);
}
h1, .head1{
	font-size: 65px;
}
h2, .head2{
	font-size: 55px;
}
h3, .head3{
	font-size: 45px;
	letter-spacing: 1px;
}
h4, .head4{
	font-size: 32px;
}
h5, .head5{
	font-size: 25px;
	line-height: 30px;
}
h6, .head6{
	font-size: 16px;
	text-transform: uppercase;
}
p {
    margin: 0px;
    padding: 15px 0px;
    font-size: 19px;
    font-family: var(--sec-font);
    font-weight: 300;
    line-height: 32px;
}
div p:first-of-type{
	padding-top: 0px;
	line-height: 32px;
}
ul, li{
	font-family: var(--sec-font);
	font-weight: 300;
}
ul li, ol li {
    /*line-height: 25px;*/
	margin-bottom: 15px;
}
.inner-wrap-m{
	padding: 35px 45px;
}

/*Auflistungspunkte Check*/
.check ul {
    list-style: none; 
    padding-left: 0;
}

.check ul li {
    position: relative;
    padding-left: 35px; 
    margin-bottom: 10px; 
}

.check ul li::before {
    content: "\f058"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    position: absolute;
    left: 1px;
    top: 0;
    color: var(--pri-color); 
    font-size: 19px; 
}




b, strong, .subline {
    font-weight: 600;
}
a{
	color: var(--pri-color);
}
a:hover{
	color: var(--txt-color);
}
.uppercase{
	text-transform: uppercase;
}
.container{
	max-width: 1200px;
}

.white h1, .white .head1, .white h2, .white .head2, .white h3, .white .head3, .white h4, .white .head4, .white h5, .white .head5, .white h6, .white .head6, .white .headline, .white p, .white a{
	color: #ffffff!important;
}

/* Tabellen */
table.sppb-addon-table-main tbody tr, table.sppb-addon-table-main tbody tr td{
	background: initial!important;
	background-color: initial!important;
	color: var(--txt-color)!important;
	padding: 0;
}
table.sppb-addon-table-main tbody tr td p{
	padding: 0;
}


/* Callback Open Street Map */
/*.callbackimg-map{
    background: url(../../../images/background/callbackimg-map.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	height: 400px;
	width: 100%;
}*/

/****** Header Navigation ******/
.headerimage{
	position: relative;
}
#sp-header ul li, #sp-header ol li{
	margin-bottom: initial;
}

#sp-header{
	height: 400px !important;
    box-shadow: initial!important;
	position: absolute!important;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

#sp-header .container{
	max-width: initial;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
}
#sp-header #sp-logo{
	width: 33.33%;
	padding: 0;
    margin: 0;
}
#sp-header #sp-logo .logo{
	height: initial!important;
}
#sp-header #sp-menu{
	width: 66.66%;
}
#sp-header .logo-image {
    height: initial !important;
    width: 100%;
    max-width: 315px;
    font-size: 16px;
    margin: 25px 0px;
    vertical-align: top;
    display: inline-block;
    padding: 10px;
}

#sp-header #sp-menu ul.sp-megamenu-parent>li>a{
	font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
}
#sp-header ul.sp-megamenu-parent li{
	margin-right: 25px;
}
#sp-header ul.sp-megamenu-parent li:last-child{
	margin-right: 0px;
}
#sp-header ul.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
	line-height: 62px;
}
/*Spenden Button*/
#sp-header ul.sp-megamenu-parent li>a.button-green{
	background: rgb(66,124,42);
	background: -moz-linear-gradient(90deg, rgba(66,124,42,1) 0%, rgba(96,178,61,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(66,124,42,1) 0%, rgba(96,178,61,1) 100%);
	background: linear-gradient(90deg, rgba(66,124,42,1) 0%, rgba(96,178,61,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#427c2a",endColorstr="#60b23d",GradientType=1);
    padding: 0px 35px;
    color: #ffffff;
    font-family: var(--pri-font);
    font-weight: initial!important;
    border-radius: 15px;
    text-transform: unset!important;
    font-size: 26px!important;
	transition: all 0.2s ease-out;
}
#sp-header ul.sp-megamenu-parent li>a.button-green:hover {
    transform: scale(1.05);
}

/*Nur Icon anzeigen*/
#sp-header #sp-menu a.just-icon{
	font-size: 0!important;
}
#sp-header #sp-menu a.just-icon>span{
	font-size: 26px !important;
    padding-right: 0px !important;
}

/*** Header Sticky ***/
#sp-header.header-sticky{
	position: fixed!important;
	background: rgba(255, 255, 255, 0.85)!important;
    height: initial !important;
    margin: 2% 4%;
    width: 92%;
    border-radius: 10px;
}

#sp-header.header-sticky .logo-image{
	max-width: 215px;
    margin: 0;
}
#sp-header.header-sticky ul.sp-megamenu-parent li>a.button-green{
	padding: 0px 20px;
}
#sp-header.header-sticky #sp-menu ul.sp-megamenu-parent>li>a{
	font-size: 22px;
}
#sp-header.header-sticky ul.sp-megamenu-parent li {
    margin-right: 10px;
}
/******Deko******/
/***Eyecatcher Blätter***/
.blatt-eyecatcher{
	max-width: 700px;
    position: absolute;
    right: -50px;
    bottom: -170px;
}
.blatt-eyecatcher .blatt-txt{
	bottom: 173px;
    position: absolute;
    right: 110px;
}

.blatt-eyecatcher .blatt-txt p{
	font-size: 22px;
    font-weight: 400;
    color: #ffffff !important;
    text-transform: uppercase;
    line-height: 55%;
}
.blatt-eyecatcher .blatt-txt p strong{
	font-size: 53px;
    font-weight: 700;
	
}
/***Eyecatcher Blätter - klein ***/
.blatt-eyecatcher-kl{
	max-width: 530px;
    position: absolute;
    right: -60px;
    top: -100px;
}
.blatt-eyecatcher-kl img{
	transform: rotate(-6deg);
}
.blatt-eyecatcher-kl .blatt-txt{
	top: 109px;
    position: absolute;
    right: 121px;
	transform: rotate(-6deg);
}

.blatt-eyecatcher-kl .blatt-txt h2{
	font-size: 58px;
    font-weight: 400;
    color: #ffffff !important;
    line-height: 55%;
	font-family: var(--pri-font);
}
.blatt-eyecatcher-kl .blatt-txt p strong{
	font-size: 53px;
    font-weight: 700;
	
}

/*** Blatt Links ***/
.blatt-links{
	position: absolute;
    left: -42px;
    top: -190px;
    max-width: 430px;
    transform: rotate(-13deg);
}

/***Wellen***/
/*Welle 1 Weiß - Vewrwendung Header*/
.welle-weiss-1 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.welle-weiss-1 svg {
    position: relative;
    display: block;
    width: calc(171% + 1.3px);
    height: 300px;
}

.welle-weiss-1 .shape-fill {
    fill: #FFFFFF;
}


/*Welle 2 Weiß*/
.welle-weiss-2 {
    position: absolute;
    top: -159px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	transform: scaleY(-1);
}

.welle-weiss-2 svg {
    position: relative;
    display: block;
    width: calc(171% + 1.3px);
    height: 160px;
}

.welle-weiss-2 .shape-fill {
    fill: #FFFFFF;
}

/*Welle 3 Weiß - Verwendung Footer unten Rechtliches*/
.welle-weiss-3 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.welle-weiss-3 svg {
    position: relative;
    display: block;
    width: calc(171% + 1.3px);
    height: 160px;
}

.welle-weiss-3 .shape-fill {
    fill: #FFFFFF;
}
/*Welle 4 Weiß - Verwendung Footer oben*/
.welle-weiss-4 {
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.welle-weiss-4 svg {
    position: relative;
    display: block;
    width: calc(180% + 1.3px);
    height: 136px;
}

.welle-weiss-4 .shape-fill {
    fill: #FFFFFF;
}
/*Welle 4 Weiß - Verwendung Footer oben Impressum Datenschutz*/
.welle-weiss-5 {
    position: absolute;
   /* bottom: -100px;
    left: 0;*/
    width: 100%;
    overflow: hidden;
    line-height: 0;
    /*transform: rotate(180deg);*/
}

.welle-weiss-5 svg {
    position: relative;
    display: block;
    width: calc(180% + 1.3px);
    height: 136px;
}

.welle-weiss-5 .shape-fill {
    fill: #FFFFFF;
}



 /****** Animationen ******/
/* ----------------------------------------------
 * Generated by Animista on 2024-8-21 10:41:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
   Copyright 2017 Ana Travas
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */

.vibrate-1 {
	-webkit-animation: vibrate-1 5s ease-in-out infinite both;
	        animation: vibrate-1 5s ease-in-out infinite both;
}

/*Leichtes Schweben*/
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
  }
  40% {
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
  60% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
  80% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
  }
  40% {
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
  60% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
  80% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
/*Langsames Pulsieren*/
.pulsate-fwd {
	-webkit-animation: pulsate-fwd 3s ease-in-out 1s infinite both;
	        animation: pulsate-fwd 3s ease-in-out 1s infinite both;
}
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}



/****** Vorstand ******/
.vorstand .sppb-addon-overlay-image{
	border-radius: 15px;
	overflow: hidden;
	cursor: pointer;
}
.vorstand .overlay-image-title p, .vorstand .overlay-image-title h1, .vorstand .overlay-image-title h2, .vorstand .overlay-image-title h3, .vorstand .overlay-image-title h4, .vorstand .overlay-image-title h5, .vorstand .overlay-image-title h6{
	color: var(--txt-color);
}
.vorstand .overlay-image-title p{
	font-size: 22px;
}

/****** Aktivitäten ******/

.aktivitaeten .bg-bilder-box{
	background-color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    width: 100%;
    padding: 25px 60px 40px 60px;
    border-radius: 15px;
    position: relative;
    max-width: 655px;
}
.aktivitaeten .bg-bilder-box p, .aktivitaeten .bg-bilder-box h1, .aktivitaeten .bg-bilder-box h2, .aktivitaeten .bg-bilder-box h3, .aktivitaeten .bg-bilder-box h4, .aktivitaeten .bg-bilder-box h5, .aktivitaeten .bg-bilder-box h6, .aktivitaeten .bg-bilder-box i, .aktivitaeten .bg-bilder-box svg, .aktivitaeten .bg-bilder-box .check ul li::before{
	color: var(--txt-color);
}
.aktivitaeten .bg-bilder-box .sppb-blocknumber-number i, .aktivitaeten .bg-bilder-box .sppb-blocknumber-number svg{
	font-size: 62px;
}

.aktivitaeten .bg-bilder-box .sppb-blocknumber-number{
	display: flex;
    justify-content: center;
    align-items: flex-start;
}
.aktivitaeten .bg-bilder-box ul{
	margin-bottom: 35px;
}
.aktivitaeten .bg-bilder-box .sppb-column-addons{
	position: initial;
}
.aktivitaeten .bg-bilder-box .addon-root-button{
	position: absolute;
    right: -30px;
    bottom: -30px;
    transform: rotate(-2deg);
}


/****** Buttons ******/
/*** Standard Button ***/
.sppb-btn-custom{
	background-color: rgb(66,124,42)!important;
	
}
button, .addon-root-button a{
	padding: 15px 65px !important;
    line-height: 100%!important;
    color: #ffffff!important;
    font-family: var(--pri-font)!important;
    font-weight: initial!important;
    border-radius: 10px!important;
    text-transform: unset!important;
    font-size: 33px!important;
	transition: all 0.2s ease-in-out!important;
	background: rgb(66,124,42);
	background: -moz-linear-gradient(90deg, rgba(66,124,42,1) 0%, rgba(96,178,61,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(66,124,42,1) 0%, rgba(96,178,61,1) 100%);
	background: linear-gradient(90deg, rgba(66,124,42,1) 0%, rgba(96,178,61,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#427c2a",endColorstr="#60b23d",GradientType=1);
	box-shadow: initial!important;
	border: initial!important;
}
button:hover, .addon-root-button a:hover{
	transform: scale(1.05)!important;
    background: var(--sec-color)!important;
}
.button-white{
	
	
}

/****** Slider ******/
.sppb-carousel-extended-item img{
	object-fit: cover;
	object-position: center 20%;
}

/* Arrows */
.sppb-carousel-extended{
	display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
 .sppb-carousel-extended-nav-control {
    top: 0!important;
    display: flex!important;
    justify-content: space-between!important;
    width: 100%!important;
    align-items: center!important;
    flex-direction: row-reverse!important;
}
 .sppb-carousel-extended-nav-control .next-control{
	margin-right: 1.5%!important;
}

.sppb-carousel-extended-nav-control .prev-control{
	margin-left: 1.5%!important;
}

.sppb-carousel-extended-nav-control .nav-control{
	background: rgba(255, 255, 255, 0.8)!important;
	color: var(--sec-color)!important;
	border: 0!important;
    border-radius: 50%!important;
	display: flex!important;
    justify-content: center;
    align-items: center;
	height: 70px!important;
	width: 70px!important;
}
.sppb-carousel-extended-nav-control .nav-control i, .sppb-carousel-extended-nav-control .nav-control svg{
	font-size: 50px;
}
.sppb-carousel-extended-nav-control .prev-control i, .sppb-carousel-extended-nav-control .prev-control svg{
	padding-right: 2px;
}
.sppb-carousel-extended-nav-control .next-control i, .sppb-carousel-extended-nav-control .next-control svg{
	padding-left: 2px;
}

.headslider .sppb-carousel-extended-outer-stage{
	height: initial!important;
}
.headslider .sppb-carousel-extended-item{
	height: initial!important;
}

/******* Aktuelles ******/
.aktuelles .news-box{
	background-color: #f8f8f8;
	box-shadow: 5px 5px 6px -2px rgba(97, 97, 97, 0.42)!important;
	border-radius: 13px;
    overflow: hidden;
}
.aktuelles .news-box p, .aktuelles .news-box h1, .aktuelles .news-box h2, .aktuelles .news-box h3, .aktuelles .news-box h4, .aktuelles .news-box h5, .aktuelles .news-box h6, .aktuelles .news-box li, .aktuelles .news-box i, .aktuelles .news-box svg{
	color: var(--txt-color)!important;
}
.aktuelles .news-box .sppb-addon-single-image-container{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
	position: relative;
}
.aktuelles .news-box .sppb-addon-single-image-container img{
	object-fit: cover;
    width: 100%;
    height: 100%;
	
}
.aktuelles .news-box .sppb-addon-single-image-container::after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    background: linear-gradient(to right, var(--pri-color), var(--sec-color));
}

.aktuelles .news-box .news-info{
	margin-bottom: 25px;
}
.aktuelles .news-box .news-info p{
	font-weight: 600;
	margin: 0;
    padding: 0;
}
.aktuelles .news-box .news-info i, .aktuelles .news-box .news-info svg{
	font-size: 20px!important;
    width: 20px!important;
    height: 20px!important;
    line-height: 20px!important;
}
.aktuelles .button, .aktuelles .addon-root-button a{
	font-size: 28px !important;
}

/****** Zitat ******/
.zitat{
	padding: 3% 0!important;
    background-image: url(../../../images/background/welle_zitat.svg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-attachment: inherit!important;
    background-position: center center!important;
    transform: translateY(42%)!important;
    position: relative!important;
    z-index: 2!important;
    margin-top: -6%!important;
}
.zitat p, .zitat span{
	color: #ffffff!important;
}
.zitat .sppb-testimonial-message p{
	font-family: var(--pri-font)!important;
	font-size: 36px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	line-height: 120%;
}
.zitat .testimonial-pro-client-name-wrap span{
	font-size: 20px;
    font-weight: 300;
}

/****** Kontaktformular ******/
.kontakt{
	background-color: var(--txt-color);
	background-image: url("../../../images/background/logo-baum.png");
	background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 680px;
}
.kontakt label{
	width: 0;
}
.kontakt label.form-check-label{
	width: 100%;
	font-weight: 300;
    font-size: 16px;
    line-height: 130%;
}
.kontakt p, .kontakt span, .kontakt li, .kontakt h1, .kontakt h2, .kontakt h3, .kontakt h5, .kontakt h4, .kontakt h6, .kontakt label{
	color: #ffffff!important;
}
.kontakt .kontaktform h2{
	margin-left: 30px;
	margin-bottom: 30px;
}
.kontakt .kontaktformular .form-control{
	background-color: rgba(255,255,255,0.55);
	border: 0px;
	padding: 25px 15px;
	border-radius: 11px;
}
.kontakt .kontaktformular .form-control::placeholder{
	color: var(--txt-color);
	font-size: 18px;
}
.kontakt .spendekonto img{
	width: 70px;
    height: initial;
	padding-top: 6px;
}
.kontakt .spendekonto p{
	padding: 0px!important;
	font-size: 17px;
    font-weight: 400;
}
.kontakt .spendekonto .sppb-col-sm-6{
	display: inline-block;
    width: initial;
    flex: initial;
	max-width: initial;
}
.kontakt .spendekonto .sppb-addon-image-layout-content{
	padding: 0 30px 0 25px;
}
.kontakt .spendekonto{
	align-items: flex-end;
	justify-content: flex-end;
	padding-bottom: 180px;
}
.kontakt .spendekonto .sppb-row{
	justify-content: flex-end;
}
.kontakt .kontaktform{
	padding: 12% 12%!important;
	padding-top: 225px!important;
	padding-bottom: 175px!important;
}
.kontakt .kontaktformular button{
	background: #ffffff!important;
	background-color: #ffffff!important;
	color: var(--txt-color)!important;
	font-family: var(--pri-font)!important;
	padding: 5px 65px;
	border-radius: 10px;
	transition: all .2s ease;
}
.kontakt .kontaktformular button:hover{
	background: var(--txt-color)!important;
	background-color: var(--txt-color)!important;
	color: #ffffff!important;
}
.kontakt #website{
    background: rgba(255, 255, 255, 0.34) !important;
	color: #ffffff!important;
}
.kontakt #website .hashcash{
	background-color: #ffffff!important;
}

/****** Eintrittserklärung ******/
.eintritt .sppb-row-container, .eintritt .sppb-row-column, .eintritt .sppb-column-addons, .eintritt .sppb-column{
	position: initial;
}
.eintritt label{
	width: 0;
	padding: initial;
}
.eintritt label.form-check-label{
	width: 100%;
	font-weight: 300;
    font-size: 16px;
    line-height: 130%;
}
.eintritt .eintrittserklaerung .form-control{
	background-color: #f9fbf6;
	border: 0px;
	padding: 25px 15px;
	border-radius: 11px;
}
.eintritt .eintrittserklaerung .form-control::placeholder{
	color: #888886;
	font-size: 18px;
}
.eintritt .eintrittserklaerung .einleitungstext{
	max-width: 100%;
}
.eintritt .eintrittserklaerung .formControls{
	width: 100%;
	padding-top: 5px;
    padding-bottom: 5px;
}
.eintritt .eintrittserklaerung .form-check-inline{
	display: block;
}

.eintritt .eintrittserklaerung .rsform-block-klassenlehrer {
	width: 72%!important;
	float: left;
}
.eintritt .eintrittserklaerung .rsform-block-klasse{
	width: 32%!important;
	float: right;
}
.eintritt .eintrittserklaerung .rsform-block-lastschrift{
	clear: both;
}
.eintritt .eintrittserklaerung .rsform-block-absenden{
	text-align: center;
}



#website{
	font-family: var(--txt-font) !important;
    background: #f9fbf6 !important;
    padding: 10px 20px !important;
    font-weight: 300 !important;
    font-size: 18px !important;
	color: var(--txt-color)!important;
	
}
#website .hashcash{
	width: 26px;
    height: 26px;
	margin-right: 10px;
	background-color: #ffffff;
}
#website:hover{
	transform: initial!important;
}


/****** Footer ******/
footer{
	background: rgb(96,178,61)!important;
	background: -moz-linear-gradient(90deg, rgba(96,178,61,1) 0%, rgba(66,124,42,1) 100%)!important;
	background: -webkit-linear-gradient(90deg, rgba(96,178,61,1) 0%, rgba(66,124,42,1) 100%)!important;
	background: linear-gradient(90deg, rgba(96,178,61,1) 0%, rgba(66,124,42,1) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#60b23d",endColorstr="#427c2a",GradientType=1)!important;
}
footer .container {
    max-width: initial;
   /* width: 90%;
    margin: 0 5%;*/
	padding: 0!important;
	margin: 0!important;
}
footer .footer-logo{
	max-width: 360px;
	margin: 0 auto;
}
footer p{
	font-size: 18px;
}
footer a{
	color: #ffffff!important;
}
footer a:hover{
	color: #aed59d!important;
}
#sp-footer1{
	margin: 0;
	padding: 0;
}
#sp-footer .container-inner {
	padding: 0!important;
	margin: 0!important;
}
footer .footer{
	width: 90%;
    margin: 4% 5%!important;
}
footer .rechtliches{
	background-color: #ffffff;
	text-align: left;
}
footer .rechtliches a{
	color: var(--txt-color)!important;
	transition:  all .3s ease;
	font-size: 21px;
    margin-right: 35px!important;
}
footer .rechtliches a:hover{
	color: var(--pri-color)!important;
}

/****** Back to the Top ******/
.sp-scroll-up{
	background: rgba(239, 247, 232, 0.75)!important;
	width: 70px!important;
    height: 70px!important;
	color: var(--sec-color)!important;
	display: flex!important;
	justify-content: center;
	align-items: center;
	font-size: 45px!important;
	padding-bottom: 0px;
	transition: all .3s ease;
}
.sp-scroll-up:hover{
	padding-bottom: 10px;
}

/*Sauberer Text - Nutzung Impressum Datenschutz*/
.clear-txt p{
	padding-top: 0px!important;
	padding-bottom: 20px!important;
}
.clear-txt h2, .clear-txt h3, .clear-txt h4, .clear-txt h5, .clear-txt h6{
	margin-top: 10px!important;
}

@media (min-width: 1200px) {
    .sppb-row-container {
        max-width: 1320px !important;
    }
}
@media (min-width: 992px) {
	#offcanvas-toggler {
		display: none !important;
	}
}
.offcanvas-overlay {
	display: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width:1775px){
	#sp-header ul.sp-megamenu-parent li {
		margin-right: 15px;
	}
	#sp-header ul.sp-megamenu-parent li>a.button-green{
		padding: 0px 20px;
	}
	#sp-header #sp-menu ul.sp-megamenu-parent>li>a{
		font-size: 22px;
	}
	#sp-header #sp-logo{
		width: 20%;
	}
	#sp-header #sp-menu {
		width: 80%;
	}
}
@media (max-width:1400px){
	#sp-header .container {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.welle-weiss-1 svg {
		height: 170px;
	}
	.blatt-eyecatcher{
		max-width: 550px;
		bottom: -140px;
	}
	.blatt-eyecatcher .blatt-txt{
		bottom: 136px;
	}
	.blatt-eyecatcher .blatt-txt p{
		font-size: 17px;
		line-height: 18%;
	}
	.blatt-eyecatcher .blatt-txt p strong {
		font-size: 40px;
	}
	.blatt-eyecatcher-kl {
		max-width: 460px;
		top: -120px;
	}
	.blatt-eyecatcher-kl .blatt-txt h2 {
		font-size: 48px;
	}
	.aktivitaeten .bg-bilder-box .addon-root-button{
		right: 0px;
	}
	.aktivitaeten .bg-bilder-box .addon-root-button a{
		padding: 15px 25px !important;
	}
	.blatt-eyecatcher-kl .blatt-txt {
		top: 97px;
		right: 111px;
	}
	footer .footer-logo {
		max-width: 300px;
	}
	.zitat{
		margin-top: -15%!important;
	}
}

@media (max-width: 992px){
	.aktivitaeten{
		text-align: center;
	}
	.blatt-links {
		top: -140px;
	}
	.aktivitaeten .bg-bilder-box{
		padding: 25px 25px 40px 25px;
	}
	.aktivitaeten .bg-bilder-box .sppb-blocknumber-number i, .aktivitaeten .bg-bilder-box .sppb-blocknumber-number svg {
		font-size: 40px;
	}
	.aktivitaeten .bg-bilder-box .addon-root-button {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        right: initial;
        bottom: initial;
        transform: rotate(0deg);
        position: relative;
    }
	.aktivitaeten .bg-bilder-box .addon-root-button .sppb-button-wrapper{
		text-align: center!important;
	}
	.zitat{
		margin-top: initial!important;
		background: rgb(96,178,61)!important;
		background: -moz-linear-gradient(90deg, rgba(96,178,61,1) 0%, rgba(66,124,42,1) 100%)!important;
		background: -webkit-linear-gradient(90deg, rgba(96,178,61,1) 0%, rgba(66,124,42,1) 100%)!important;
		background: linear-gradient(90deg, rgba(96,178,61,1) 0%, rgba(66,124,42,1) 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#60b23d",endColorstr="#427c2a",GradientType=1)!important;
		transform: initial !important;
		padding: 0px 15px!important;
	}
	.kontakt .spendekonto {
		align-items: center;
		justify-content: center;
		padding-bottom: 30px;
		padding-top: 30px;
		text-align: center;
		margin: 0 auto;
	}
	.kontakt .spendekonto .sppb-row {
		justify-content: center;
	}
	.kontakt .kontaktform {
		padding: 12% 12% !important;
		padding-top: 12% !important;
		padding-bottom: 175px !important;
	}
	.kontakt .col-sm-9{
        width: 100%;
	}
	.kontakt .kontaktform h2 {
		margin-left: 0px; 
	}
	#sp-header {
		height: 200px !important;
	}
	.blatt-eyecatcher {
        max-width: 440px;
        bottom: -110px;
    }
	.blatt-eyecatcher .blatt-txt {
		bottom: 96px;
		right: 70px;
	}
	.blatt-eyecatcher .blatt-txt p strong {
			font-size: 34px;
	}
		h2, .head2 {
		font-size: 50px;
	}
	#sp-header.header-sticky #sp-logo .logo{
		display: none;
	}
	#sp-header #sp-logo {
        width: 30%;
    }
	#sp-header #sp-menu {
        width: 70%;
    }
	#sp-header .logo-image{
		margin: 0;
	}
	#sp-header {
        padding-top: 12px;
        padding-bottom: 12px;
        position: relative !important;
        height: initial !important;
    }
	#sp-header.header-sticky #sp-logo {
        display: none;
    }
	#sp-header.header-sticky{
		width: initial;
		border-radius: 50%;
		right: 0;
	    left: initial;
	}
	#sp-header.header-sticky #offcanvas-toggler.offcanvas-toggler-right {
		float: initial;
		margin-left: 11px;
		margin-right: 10px;
	}
	footer .rechtliches{
		width: 100%;
    	text-align: center;
	}
	#sp-header .logo-image{
		padding: 0px 0px 0px 10px;
	}
}

@media (max-width: 768px) {
	#sp-header {
	  height: 80px;
	  padding-top: 12px;
	  padding-bottom: 12px;
	}
	.sppb-carousel-extended-nav-control .nav-control{
		height: 50px !important;
    	width: 50px !important;
	}
	.sppb-carousel-extended-nav-control .nav-control i, .sppb-carousel-extended-nav-control .nav-control svg {
		font-size: 30px;
	}
	.blatt-eyecatcher-kl {
        max-width: 460px;
        top: -150px;
    }
	.welle-weiss-1 svg, .welle-weiss-4 svg, .welle-weiss-5 svg  {
        height: 100px;
    }
	.welle-weiss-3 svg{
        height: 85px;
    }
	.headerimage img{
		object-fit: cover;
    	object-position: center center;
	}
	.blatt-eyecatcher {
        max-width: 440px;
        bottom: -120px;
        height: initial !important;
    }
}
@media (max-width: 576px) {
	.sp-scroll-up{
		bottom: 20px;
    	right: 20px;
	}
	.zitat .sppb-testimonial-message p{
		font-size: 27px;
		padding-bottom: 0;
	}
	.welle-weiss-1 svg, .welle-weiss-4 svg, .welle-weiss-5 svg  {
        height: 80px;
    }
	.welle-weiss-3 svg{
        height: 65px;
    }
	.welle-weiss-4{
		bottom: -79px;
	}
	
}
@media (max-width: 424px){
	.spendekonto p{
		text-align: center;
	}
}


/* Upd CeLa 10.2025 */
.news-article {
	display: flex;
	gap: 45px;
}
.news-article:before,
.news-article:after {
	display: none;
}
.news-article .sppb-addon-image {
	flex-basis: 25%;
	aspect-ratio: 1 / 1;
}
.news-article .sppb-addon-image img {
	object-fit: cover;
	object-position: center !important;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid var(--pri-color);
}
.news-article .sppb-addon-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.news-article a.sppb-btn-link {
	font-family: var(--pri-font) !important;
	color: var(--sec-color);
	font-size: 2rem;
}
.news-article a.sppb-btn-link:before {
	content: '>';
	display: inline-block;
	margin-right: 10px;
	transform: translateY(-4px);
}