body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/********************************************************************************/
/*
Description: CSS File for Reset
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/* Contao */
header,footer,nav,section,aside,main,article,figure,figcaption {display:block;}

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea,hr {margin:0;padding:0;}

blockquote,q {quotes:none;}

fieldset,img,iframe {border:0;}

ul,ol {list-style-type:none;}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

input,button,textarea,select {font-family:inherit;font-size:99%;font-weight:inherit;}

/* body {font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000;} */

pre,code {font-family:Monaco,monospace;}

/********************************************************************************/

*, *::before, *::after {box-sizing: border-box;}

html {
   -webkit-font-smoothing: antialiased;
   overflow-y: scroll;
   height: 100%;
}

figure {line-height:0;}

:link,:visited {text-decoration: none;}

a img,:link img,:visited img {border: none;}

img {width: 100%;}

/********************************************************************************/

header,
main,
footer { 
  padding:  
   env(safe-area-inset-top)  
   env(safe-area-inset-right)  
   0  
   env(safe-area-inset-left);
}

/********************************************************************************/

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
   body {-webkit-text-size-adjust: 100%;}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for variables
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

:root {
   /* Schrift [#0B4B2D] */
   --color1: rgba(11, 75, 45, 1);

   /* Farbe 2 [#FBC229] - (*Links, Footer*) */
   --color2: rgba(251, 194, 41, 1);
   
   /* Farbe 3 [#DDDDDD] - (*Grau*) */
   --color3: rgba(221, 221, 221, 1);
   
   /* Farbe 4 [#ACEABD] - (*Footer Background*) */
   --color4: rgba(172, 234, 189, 1);
   
   /* Farbe 5 [#146E43] - (*Dunkelgrün*) */
   --color5: rgba(20, 110, 67, 1);
   
   /* Farbe 6 [#9CCB44] - (*Hellgrün*) */
   --color6: rgba(156, 203, 68, 1);
   
   /* Farbe 7 [#ACEABD] - (*Content Background*) */
   --color7: rgba(172, 234, 189, 0.6);
   
   /* Farbe 8 [#999] */
   --color8: rgba(153, 153, 153, 1);
   
   /* Farbe 9 [#CBDBE7] */
   --color9: rgba(203, 219, 231, 1);

   /*****/
   
   /* Banner: Standard [#333] */
   --banner1: var(--color1);
   
   /* Banner: Hinweis [#9CCB44] */
   --banner2: var(--color6);
   
   /* Banner: Wichtig [#cd1719] */
   --banner3: var(--color2);
   
   /*****/
   
   /* Error [#D2232A] - (*Error & Warning*) */
   --error: rgba(210, 35, 42, 1);

   /* Weiß [#fff] */
   --colorW: rgba(255, 255, 255, 1);
   
   /* Schwarz [#000] */
   --colorB: rgba(0, 0, 0, 1);
   
   /*****/
   
   --font1: 'Archivo', arial, sans-serif;
   --font2: 'Courgette', arial, sans-serif;
   --font3: 'Josefin Sans', arial, sans-serif;
   
   --text: 0.938rem;
   --linehT: 1.375rem;
   
   /* Links */
   --textL: 1.125rem;
   --linehTL: 1.688rem;
   
   /* Zitat */
   --textZ: 1.563rem;
   --linehTZ: 2.250rem;

   /* Jetzt Spenden */
   --textS: 1.625rem;
   --linehTS: 1.688rem;   

   --head1: 2.688rem;
   --linehH1: 3.375rem;
   
   --head2: 2.313rem;
   --linehH2: 2.500rem;
   

   --head3: 1.500rem;
   --linehH3: 1.800rem;
   
   --head4: 1.375rem;
   --linehH4: 1.867rem;
   
   --head5: 1.375rem;
   --linehH5: 1.867rem;
   
   --head6: 1.375rem;
   --linehH6: 1.867rem;
   
   /*****/
   
   /* Navigation Header */
   --naviH: 0.813rem;
   --linehNH: 2.625rem;
   
   /* Navigation Footer */
   --naviF: 0.938rem;
   --linehNF: 1.375rem;
   
   /* Navigation Mobil */
   --naviM: 2.000rem;
   --linehNM: 3.000rem;
   
   /*****/

   /* Content-Breite */
   --contentWidth: 1000px;
   --contentPaddingW: 50px;
   --contentPaddingH: 20px;
   --contentPaddingV: 50px;
   --headerHeight: 100px;

   /* Border */
   --border: 1px;

   /* Border-Radius */
   --br1: 5px;
   --br2: 10px;
   --br3: 20px;

   /* Boxes */
   --padding-boxes: var(--contentPaddingH);
   --br-boxes: var(--br1);
   --bg-boxes: var(--color6);
   --bl-boxes: var(--color2);
}

@media only screen and (max-width : 1024px) {
   :root {
   --contentPaddingW: 25px;
   /* --contentPaddingV: 50px; */
   }
}

@media only screen and (max-width : 768px) {
   :root {
   --contentPaddingW: 20px;
   --contentPaddingV: 25px;
   }
}

@media only screen and (max-width : 599px) {
   :root {
   --contentPaddingW: 15px;
   --contentPaddingV: 20px;
   }
}

@media only screen and (max-width : 400px) {
   :root {
   --contentPaddingW: 10px;
   --contentPaddingV: 20px;
   }
}

/********************************************************************************/

.bg-hellgruen {background: var(--color7);}
.bg-dunkelgruen {background: var(--color1);}

.center {text-align: center !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}

/********************************************************************************/
/* Auswahltext-Farbe ändern */
::selection {background: var(--color2); color: var(--color5);}

/* Highlight Searchword */
.highlight {background: var(--color2); color: var(--color5); padding: 0 2px;}

/********************************************************************************/

.margin-top-bottom-100 {margin-top: 100px !important; margin-bottom: 100px !important;}
.margin-top-bottom-90 {margin-top: 90px !important; margin-bottom: 90px !important;}
.margin-top-bottom-80 {margin-top: 80px !important; margin-bottom: 80px !important;}
.margin-top-bottom-70 {margin-top: 70px !important; margin-bottom: 70px !important;}
.margin-top-bottom-60 {margin-top: 60px !important; margin-bottom: 60px !important;}
.margin-top-bottom-50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.margin-top-bottom-40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.margin-top-bottom-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.margin-top-bottom-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.margin-top-bottom-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.margin-top-bottom-0 {margin-top: 0 !important; margin-bottom: 0 !important;}

.margin-top-100 {margin-top: 100px !important;}
.margin-top-90 {margin-top: 90px !important;}
.margin-top-80 {margin-top: 80px !important;}
.margin-top-70 {margin-top: 70px !important;}
.margin-top-60 {margin-top: 60px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-0 {margin-top: 0 !important;}

.margin-bottom-100 {margin-bottom: 100px !important;}
.margin-bottom-90 {margin-bottom: 90px !important;}
.margin-bottom-80 {margin-bottom: 80px !important;}
.margin-bottom-70 {margin-bottom: 70px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-0 {margin-bottom: 0 !important;}

.padding-top-bottom-100 {padding-top: 100px !important; padding-bottom: 100px !important;}
.padding-top-bottom-90 {padding-top: 90px !important; padding-bottom: 90px !important;}
.padding-top-bottom-80 {padding-top: 80px !important; padding-bottom: 80px !important;}
.padding-top-bottom-70 {padding-top: 70px !important; padding-bottom: 70px !important;}
.padding-top-bottom-60 {padding-top: 60px !important; padding-bottom: 60px !important;}
.padding-top-bottom-50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.padding-top-bottom-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.padding-top-bottom-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.padding-top-bottom-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.padding-top-bottom-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.padding-top-bottom-0 {padding-top: 0 !important; padding-bottom: 0 !important;}

.padding-top-100 {padding-top: 100px !important;}
.padding-top-90 {padding-top: 90px !important;}
.padding-top-80 {padding-top: 80px !important;}
.padding-top-70 {padding-top: 70px !important;}
.padding-top-60 {padding-top: 60px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-top-40 {padding-top: 40px !important;}
.padding-top-30 {padding-top: 30px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-0 {padding-top: 0 !important;}

.padding-bottom-100 {padding-bottom: 100px !important;}
.padding-bottom-90 {padding-bottom: 90px !important;}
.padding-bottom-80 {padding-bottom: 80px !important;}
.padding-bottom-70 {padding-bottom: 70px !important;}
.padding-bottom-60 {padding-bottom: 60px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}

/********************************************************************************/

@media screen and (prefers-reduced-motion: reduce) {
   .animate { animation: none !important; }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for fonts
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/* josefin-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/data/fonts/josefin-sans-v32-latin-500.woff2') format('woff2');
}

/* courgette-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/data/fonts/courgette-v17-latin-regular.woff2') format('woff2');
}

/* archivo-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/data/fonts/archivo-v19-latin-regular.woff2') format('woff2');
}

/* archivo-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/data/fonts/archivo-v19-latin-600.woff2') format('woff2');
}

/* archivo-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/data/fonts/archivo-v19-latin-800.woff2') format('woff2');
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Layout
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

body {
	font-family: var(--font1);
	color: var(--color1);
	margin: 0 auto;
	padding: 0;
	background: var(--colorW);
}

body.start {
	background: var(--colorW) url('/files/daten/bilder/start-bg.webp') top -30px right -80px no-repeat;
	transition: 0.3s;
}

/********************************************************************************/
/*	Aufbau	*/

#wrapper {

}

#header {
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--headerHeight);
	transition: 0.3s;
}

.scrolled #header,
.mobile_menu_active #header {
	height: 84px;
	background: rgba(255, 255, 255, 0.95);
}

#header .inside {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: calc(1400px + 2 * var(--contentPaddingW));
	margin: 0 auto;
	padding: var(--contentPaddingH) var(--contentPaddingW);
}

.logo {
	width: 145px;
}

.logo img {
	width: auto;
	height: 170px;
	transition: 0.3s;
}

.scrolled #header .logo img,
.mobile_menu_active #header .logo img {
	height: 44px;
}

#container {
	margin: 0 auto;
	margin-top: var(--headerHeight);
}

body:not(.start) #main .inside {
	padding-top: 50px;
}

#footer {
	background: var(--color4);
}

#footer .inside {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	max-width: calc(var(--contentWidth) + 2 * var(--contentPaddingW));
	margin: 0 auto;
	padding: var(--contentPaddingH) var(--contentPaddingW);
	padding: 60px var(--contentPaddingW) 100px var(--contentPaddingW);
}

/********************************************************************************/
/*	Artikel & Inhalte	*/

.mod_article {
	position: relative;
	padding: var(--contentPaddingV) var(--contentPaddingW);
	overflow: initial;
}

.mod_article:not(.start):nth-child(1) {
	padding-bottom: 0;
}

.start .mod_article:nth-child(1) {
	padding-top: 0;
}

.mod_article.ohne-abstand {
	padding: 0;
}

.mod_article > .content-headline,
.mod_article > .content-text,
.mod_article > .ce_form,
.mod_article > .mod_newslist,
.mod_article > .mod_newsreader,
.mod_article > .content-accordion,
.mod_article > .content-table,
.mod_article > .rs-columns,
.mod_article > .content-swiper,
.mod_article > .content-youtube,
.mod_article > .content-start,
.mod_article > .content-headline,
.mod_article > .content-player,
.mod_article > .content-spenden {
	max-width: var(--contentWidth);
	margin: 0 auto;
}

/********************************************************************************/

#main .mod_article .content-text.media {
	display: flex;
	gap: 5em;
	align-items: center;
}

#main .mod_article .content-start,
#main .mod_article .content-headline,
#main .mod_article .content-spenden {
	position: relative;
}

#main .mod_article .content-text.media.media--right {
	flex-direction: row-reverse;
}

#main .mod_article .content-text.media figure,
#main .mod_article .content-text.media .rte {
	flex-basis: 50%;
}

.content-text + .content-text {
	margin-top: var(--contentPaddingV);
}

/********************************************************************************/
/*	Text in "Steinen"	*/

.text-form.mint {
	display: flex;
	align-items: center;
	width: 491px;
	height: 356px;
	mask-image: url('/files/data/svg/knopf-bild.svg');
	mask-repeat: no-repeat;
	background-color: var(--color4);
}

.text-form.mint .rte {
	text-align: center;
	padding: 0 100px;
}

.text-form.mint p {
	font-family: var(--font2);
	font-size: var(--textZ);
	line-height: var(--linehTZ);
}

/*****/

.text-form.green {
	width: 540px;
	height: 430px;
	margin: 0 auto;
	mask-image: url('/files/data/svg/knopf-hellgruen.svg');
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: var(--color6);
}

.text-form.green .rte {
	text-align: left;
	padding: 110px 100px 0 100px;
}

/*****/

.text-form.bg-dunkelgruen {
	width: 750px;
	height: 582px;
	margin-left: 80px;
	mask-image: url('/files/data/svg/knopf.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	background-color: var(--color5);
	transition: 0.3s;
}

.headline-form.bg-dunkelgruen {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 120px;
	mask-image: url('/files/data/svg/knopf-unterseiten.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	background-color: var(--color5);
}

.text-form.bg-dunkelgruen .rte {
	text-align: left;
	padding: 130px 230px 0 160px;
}

/********************************************************************************/
/*	Mobile Anpassungen	*/

@media only screen and (max-width : 999px) {
	.headline-form.bg-dunkelgruen {
	align-items: flex-start;
	mask-position: center;
	mask-size: contain;
	margin-bottom: -40px;
	}
}

@media only screen and (max-width : 900px) {
	#header .nav_main {
	display: none !important;
	}
	
	#header .logo {
	width: 100%;
	}
	
	.logo img {
	height: 140px;
	}
	
	.text-form.bg-dunkelgruen {
	width: 90vw;
	height: 640px;
	margin-left: 0;
	}
	
	.text-form.bg-dunkelgruen .rte {
	padding: 130px 16vw 0 16vw;
	}
}

@media only screen and (max-width : 767px) {
	body.start {
	background-position: top -200px right -240px;
	}
	
	.logo img {
	height: 100px;
	}
	
	#main .mod_article .content-text.media.media--right {
	flex-direction: column;
	}

	#main .mod_article .content-text.media {
	flex-direction: column;
	align-items: center;
	}
	
	#main .mod_article .content-text.media {
	gap: 1em;
	}
	
	.text-form.green {
	width: 100%;
	height: auto;
	mask-image: none;
	border-radius: var(--br2);
	}
	
	.text-form.green .rte {
	padding: 110px 100px 0 100px;
	}
	
	.text-form.bg-dunkelgruen {
	width: 100%;
	height: auto;
	margin-top: 200px;
	margin-bottom: 10px;
	margin-left: 0;
	mask-image: none;
	border-radius: var(--br2);
	}
	
	.headline-form.bg-dunkelgruen {
	height: auto;
	margin-bottom: 10px;
	mask-image: none;
	border-radius: var(--br2);
	}
	
	.text-form.green .rte {
	padding: 110px var(--contentPaddingW) 150px var(--contentPaddingW);
	}
	
	.text-form.bg-dunkelgruen .rte {
	padding: var(--contentPaddingW);
	}
	
	.text-form.bg-dunkelgruen .rte p {
	padding-right: 35vw;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Navigation
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

#header .nav_main {
	font-family: var(--font3);
	flex-grow: 1;
	font-size: var(--naviH);
	line-height: var(--linehNH);
	text-transform: uppercase;
	/* text-align: right; */
}

#header .nav_main li {
	display: inline-block;
	margin-left: 50px;
	padding: 1px 0;
}

#header .nav_main li.instagram,
.nav_footer li.instagram {
	background: url('/files/data/icon/instagram.svg') no-repeat;
}

#header .nav_main li.linkedin,
.nav_footer li.linkedin {
	margin-left: 10px;
	background: url('/files/data/icon/linkedin.svg') no-repeat;
}

#header .nav_main li.facebook,
.nav_footer li.facebook {
	margin-left: 10px;
	background: url('/files/data/icon/facebook.svg') no-repeat;
}

#header .nav_main li.sm {
	width: 20px;
	background-position: 0 10px;
}

#header .nav_main li.sm a,
#header .nav_main li.sm strong,
.nav_footer li.sm a,
.nav_footer li.sm strong {
	display: block;
	text-indent: -9999px;
	/* background: #ff0000; */
}

#header .nav_main .level_1 a:link,
#header .nav_main .level_1 a:visited {
	display: block;
	color: var(--color1);
	border-bottom: none;
	transition: 0.1s;
}

#header .nav_main .level_1 a:hover,
#header .nav_main .level_1 a:focus,
#header .nav_main .level_1 strong {
	display: block;
	font-weight: normal;
	color: var(--color2);
	border-bottom: none;
}

#header .nav_main li.trail a {
	color: var(--color2) !important;
}

@media only screen and (max-width : 1200px) {
	#header .nav_main li {
	margin-left: 20px;
	}
	
	#header .nav_main li.sm {
	background-position: 0 7px;
	}
}

@media only screen and (max-width : 950px) {
	#header .nav_main li {
	margin-left: 16px;
	}
}

/********************************************************************************/
/*	Sub-Navigation ein- und ausblenden	*/

#header .nav_main li.submenu ul {
	position: absolute;
	display: none;
	overflow: hidden;
	margin-left: -9999px;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}

#header .nav_main li.submenu:hover ul {
	z-index: 100;
	display: block;
	margin: 0;
	opacity: 1;
	text-align: left;
	margin-left: -10px !important;
	padding: 10px;
	background: var(--colorW);
	background: rgba(255, 255, 255, 0.95);
}

#header .nav_main .level_2 li {
	display: block;
	margin-left: 0;
	/* padding: 5px 0; */
	border-top: 1px solid var(--color1);
}

#header .nav_main .level_2 li:nth-last-child(1) {
	border-bottom: 1px solid var(--color1);
}

#header .nav_main .level_2 a:link,
#header .nav_main .level_2 a:visited {
	color: var(--colorB) !important;
	margin: 5px 0;
}

#header .nav_main .level_2 a:hover,
#header .nav_main .level_2 a:focus,
#header .nav_main .level_2 strong {
	color: var(--color2) !important;
}

/********************************************************************************/
/*	Footer Navigation	*/

.nav_footer li {
	font-size: var(--naviF);
	line-height: var(--linehNF);
	margin-bottom: 5px;
}

.nav_footer li.sm {
	display: inline-block;
	width: 30px;
	height: 50px;
}

.nav_footer .level_1 a:link,
.nav_footer .level_1 a:visited {
	/* color: var(--colorW); */
	font-weight: normal;
}

.nav_footer .level_1 a:hover,
.nav_footer .level_1 a:focus,
.nav_footer .level_1 strong {
	/* color: var(--colorW); */
	font-weight: normal;
}

/********************************************************************************/
/*	Mobile Navigation	*/

.mobile_menu .inner {
	background: var(--color4);
}

.mobile_menu .nav_main {
	text-align: center;
	padding: 100px 20px 20px 20px;
	transition: 0.3s;
}

.mobile_menu .nav_main li {
	font-size: var(--naviM);
	line-height: var(--linehNM);
}

.mobile_menu .nav_main .level_1 a:link,
.mobile_menu .nav_main .level_1 a:visited {
	color: var(--color1);
	border-bottom: none;
}

.mobile_menu .nav_main .level_1 a:hover,
.mobile_menu .nav_main .level_1 a:focus,
.mobile_menu .nav_main .level_1 strong {
	font-weight: normal;
	color: var(--colorW);
	border-bottom: none;
}

.mobile_menu .nav_main .level_2 li {
	font-size: 80%;
	line-height: 1.6em;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for "Burger" Menu
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/*	Fehler mit mobile-menu & position:fixed umgehen	*/
body .mobile_menu_wrapper #wrapper {
	transform: none !important;
	will-change: content !important;
}

.offcanvas {
	z-index: 20;
	position: absolute;
	top: var(--contentPaddingH);
	top: 26px;
	right: var(--contentPaddingH);
	width: 40px;
	height: 32px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.offcanvas span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: var(--color1);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.offcanvas span:nth-child(1) {
	top: 0px;
}

.offcanvas span:nth-child(2),
.offcanvas span:nth-child(3) {
	top: 14px;
}

.offcanvas span:nth-child(4) {
	top: 28px;
}

.offcanvas.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.offcanvas.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.offcanvas.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.offcanvas.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for columns
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.rs-columns,
.mod_newslist,
.mod_newsreader {
    display: flex;
    flex-wrap: wrap;
    gap: 5em;
    justify-content: end;
    width: 100%;
}

.mod_newslist,
.mod_newsreader {
    flex-direction: column;
    gap: 0;
}

#footer .rs-columns {
    gap: 1em;
}

.rs-columns > *,
.layout_latest > *,
.layout_full > * {
    flex: 1 1 280px;
}

.rs-column,
.layout_latest,
.layout_full {
    display: flex;
    flex-wrap: wrap;
    flex-basis: calc(960px * 999 - 100% * 999);
    flex-direction: column;
    /* max-width: calc(50% - 5em / 2); */
}

.layout_latest,
.layout_full {
    flex-direction: row;
    align-items: center;
    gap: 5em;
}

.layout_full {
    flex-direction: column;
    gap: 1em;
}

.layout_latest:nth-child(even) {
    flex-direction: row-reverse;
}

.bg-bild .rs-column {
    align-content: flex-end;
}

#footer .rs-column {
    flex-basis: calc(33% - 5em / 3);
}

.mod_article:not(.bg-hellgruen):not(.bg-dunkelgruen):not(.bg-bild) .rs-column:nth-child(1) {
    /* max-width: 400px; */
}

.rs-column .content-text {
    padding: 0 !important;
}

@media only screen and (max-width : 900px) {
    #footer .rs-columns {
    justify-content: initial;
    }
    
    #footer .rs-column {
    flex-basis: calc(50% - 1em / 2);
    }
    
    #footer .rs-column:nth-child(3) {
    max-width: 100%;
    text-align: center;
    padding-top: 20px;
    }
}

@media only screen and (max-width : 767px) {
    .rs-columns,
    .mod_newslist,
    .mod_newsreader {
    gap: 1em;
    }
    
    .rs-column,
    .layout_latest,
    .layout_full {
    max-width: 100%;
    align-content: center !important;
    }
    
    #footer .rs-column {
    flex-basis: 100%;
    text-align: center;
    padding-top: 20px;
    }
}

/********************************************************************************/

.rs-columns.partner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: 5rem;
}

.rs-columns.partner img {
    max-width: 250px;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Font Sizes
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

h1, h2, h3 {
	font-family: var(--font2);
	font-weight: 300;
	/* -moz-hyphens: auto; */
	/* -o-hyphens: auto; */
	/* -webkit-hyphens: auto; */
	/* -ms-hyphens: auto; */
	/* hyphens: auto; */
}

h1 {
	font-size: var(--head1);
	line-height: var(--linehH1);
	padding: 0.375rem 0 0.750rem 0;
}

h2 {
	font-size: var(--head2);
	line-height: var(--linehH2);
	padding: 0.375rem 0 0.625rem 0;
}

h3 {
	font-size: var(--head3);
	line-height: var(--linehH3);
	color: var(--color2);
	padding: 0.375rem 0 0.438rem 0;
}

.bg-dunkelgruen p,
.bg-dunkelgruen li,
.bg-dunkelgruen h1,
.bg-dunkelgruen h2,
.bg-dunkelgruen h3 {
	color: var(--colorW);
}

p,
.content-hyperlink {
	font-size: var(--text);
	line-height: var(--linehT);
	padding: 0 0 var(--linehT) 0;
}

p:nth-last-child(1) {
	padding-bottom: 0;
}

/*****	Copy to TinyMCE ANFANG	*****/
span.hinweis-text {
	color: var(--banner3);
	font-weight: bold;
}

p.small {
	font-size: var(--textS);
	line-height: var(--linehTS);
}

p.standard-banner {
	color: var(--banner1);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner1);
}

p.hinweis-banner {
	color: var(--banner2);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner2);
}

p.wichtig-banner {
	color: var(--banner3);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner3);
}
/*****	Copy to TinyMCE ENDE	*****/

#footer p {
	margin-bottom: 5px;
	padding: 0;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Links
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

a:link,
a:visited {
	color: var(--color2);
}

a:hover,
a:active,
a:focus {
	color: var(--color2);
}

/*****/

#footer a:link,
#footer a:visited {
	color: var(--color1);
}

#footer a:hover,
#footer a:active,
#footer a:focus {
	color: var(--color1);
}

/*****/

.content-hyperlink,
p.more,
p.back {
	margin-top: var(--linehT);
	margin-bottom: var(--linehT);
	font-size: var(--textL);
	line-height: var(--linehL);
	mask-image: url('/files/data/svg/knopf-mehr.svg');
	mask-repeat: no-repeat;
	background-color: var(--color1);
}

.rs-column .content-hyperlink,
.bg-grau .content-hyperlink {
	margin-bottom: 0;
}

.content-hyperlink a:link,
.content-hyperlink a:visited,
p.more a:link,
p.more a:visited,
p.back a:link,
p.back a:visited {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 83px;
	font-family: var(--font2);
	color: var(--colorW);
	transition: 0.3s;
}

.content-hyperlink.spenden a {
	color: var(--color1);
}

.boxen-bg .content-hyperlink a {
	color: var(--color2);
	border: var(--border) solid var(--color9);
	background: var(--color9);
}

.content-hyperlink a:hover,
.content-hyperlink a:active,
.content-hyperlink a:focus {
	
}

/********************************************************************************/

.content-spenden .content-hyperlink:not(.spenden) {
	position: absolute;
	bottom: 0;
	left: 75%;
	transform: translate(-50%, 0);
}

.content-hyperlink.spenden {
	font-size: var(--textS);
	line-height: var(--linehS);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 255px;
	height: 200px;
	mask-image: url('/files/data/svg/knopf-spenden.svg');
	background-color: var(--color5);
}

.content-start .content-hyperlink {
	position: absolute;
	bottom: 0;
	left: 75%;
	transform: translate(-50%, 0);
}

.content-spenden .content-hyperlink.spenden {
	position: absolute;
	top: 0;
	left: 80%;
	transform: translate(-50%, 0);
}

.content-hyperlink.spenden a {
	width: 185px;
	height: 135px;
	text-align: center;
	mask-image: url('/files/data/svg/knopf-orange.svg');
	background-color: var(--color2);
}

/*****/

.scrolled .content-spenden .content-hyperlink.spenden {
	z-index: 110;
	position: fixed;
	top: 0 !important;
	left: unset;
	right: 1em;
	transform: translate(-50%, 0) !important;
	width: 95px;
	height: 90px;
	mask-size: cover;
	margin: 0.2em;
	padding: 0;
}

.scrolled .content-spenden .content-hyperlink.spenden a {
	width: 70px;
	height: 70px;
	mask-size: cover;
	padding: 0 0 20px 0;
	font-size: 0.5em;
}

@media only screen and (max-width : 1315px) {
	.scrolled .content-spenden .content-hyperlink.spenden {
	left: 150px;
	right: unset;
	}
}

@media only screen and (max-width : 1025px) {
	.scrolled .content-spenden .content-hyperlink.spenden {
	left: 125px;
	right: unset;
	}
}

@media only screen and (max-width : 900px) {
	.scrolled .content-spenden .content-hyperlink.spenden {
	left: 50%;
	}
}

/********************************************************************************/

@media only screen and (max-width : 767px) {
	.content-spenden .content-hyperlink:not(.spenden) {
	bottom: 0;
	left: 10px;
	transform: none;
	}
	
	.content-start .content-hyperlink {
	bottom: -40px;
	left: auto;
	right: -30px;
	transform: none;
	}
	
	.content-spenden .content-hyperlink.spenden {
	top: -40px;
	left: auto;
	right: -20px;
	transform: none;
	}
	
	.content-hyperlink.spenden {
	width: 180px;
	height: 165px;
	mask-size: cover;
	}
	
	.content-hyperlink.spenden a {
	width: 125px;
	height: 125px;
	mask-size: cover;
	padding: 0 0 40px 0;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Pagination
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.pagination {
  margin: 40px 0 0 0;
  padding: 10px 0 0 0;
  border-top: var(--border) dotted var(--color4);
}

.pagination p {
  margin: 0 0 10px 0;
}

.pagination li {
  list-style-type: none;
  display: inline;
  margin: 0 5px 0 0;
}

.pagination a:link,
.pagination a:visited {
  
}

.pagination a:hover,
.pagination a:active, 
.pagination a:focus {
  
}

.pagination .current {
  font-weight: bold;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Lists
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.content-text ul {
	margin-bottom: 1.250rem;
}

.content-text p + ul {
	margin-top: -1.4em;
}

.content-text ul li {
	position: relative;
	padding-left: 20px;
	font-size: var(--text);
	line-height: var(--linehT);
}

.content-text ul li:before {
	content: '–';
	position: absolute;
	left: 0;
	/* padding: 0 0.5em 0 0; */
}

/*****/

.content-text ol li {
	list-style-type: decimal;
	font-size: var(--text);
	line-height: var(--linehT);
	margin-left: 25px;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for News Modul
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.layout_latest h2 a {
    color: var(--color1);
}

p.back {
    /* display: flex; */
    /* justify-content: flex-end; */
    width: 100%;
    text-align: right;
}

p.back a {
    display: flex;
    align-items: center;
    border-bottom: none;
}

p.back svg {
    height: 20px;
    color: var(--color2);
    margin-right: 5px;
    transition: 0.3s;
}

p.back a:hover svg {
    color: var(--color1);
    margin-right: 10px;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Images
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/*	Abstand unter Bildern entfernen	*/
figure {
	line-height: 0;
}

figure a:link,
figure a:visited,
figure a:hover,
figure a:active,
figure a:focus {
	border-bottom: none;
}

#main figure {
	position: relative;
}

#main figure img {
	/* border-radius: var(--br1); */
}

#main .media--above figure,
#main .media--below figure {
	margin: 0 0 1em 0;
}

#main .media--left figure {
	max-width: 50%;
	/* margin: 0 1em 1em 0; */
}

#main .media--right figure {
	max-width: 50%;
	/* margin: 0 0 1em 1em; */
}

#main .media--below {display: flex; flex-direction: column;}
#main .media--below h1 {order: 1;}
#main .media--below .rte {order: 2;}
#main .media--below figure {order: 3;}

#main figure a.cboxElement img {
	cursor: -moz-zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: zoom-in;
}

#main .mod_newslist figure a img {
	cursor: pointer;
}

@media only screen and (max-width : 600px) {
	#main .media--left figure,
	#main .media--right figure {
	float: none;
	clear: both;
	text-align: center;
	width: 100%;
	max-width: 100%;
	margin: 0 0 1em 0 !important;
	}
}

/********************************************************************************/

figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 10px;
	background: rgba(255, 255, 255, 0.8);
}

/********************************************************************************/
/*	Galerie	*/

.content-gallery {
	margin: 2em 0;
}

.content-gallery ul {
	--auto-grid-min-size: 16rem;
	
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
	grid-gap: 1rem;
}

/********************************************************************************/
/*	Bilderform im Content	*/

/* .mod_newslist figure, */
/* .mod_newsreader figure, */
.img-form figure {
	position: relative;
}

/* .mod_newslist figure img, */
/* .mod_newsreader figure img, */
.img-form figure img {
	max-width: 491px;
	mask-image: url('/files/data/svg/knopf-bild.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
}

.mod_newslist figure img,
.mod_newsreader figure img {
	border-radius: 20px;
}

@media only screen and (max-width : 600px) {
	.img-form figure img,
	.mod_newslist figure img,
	.mod_newsreader figure img,
	.img-form .rte {
	max-width: 100%;
	}
}

/********************************************************************************/
/* Hintergrund für Artikel */

.mod_article.bg-bild {
	background: url('/files/daten/bilder/zitat-umsetzung.webp') no-repeat;
	background-size: cover;
	background-position: center;
}

.start .mod_article.bg-bild {
	background: url('/files/daten/bilder/zitat-startseite.webp') no-repeat;
	background-size: cover;
	background-position: center;
}

/********************************************************************************/
/* Blätter */

.svg.ahorn,
.svg.birke-samen,
.svg.birke,
.svg.eichel,
.svg.projekte {
	pointer-events: none;
}

.svg.birke {
	position: absolute;
	bottom: -170px;
	right: -130px;
	width: 400px;
	color: var(--color4);
	transform:rotate(170deg);
	pointer-events: none;
}

.svg.ahorn {
	z-index: 1;
	position: absolute;
	bottom: -120px;
	left: -70px;
	width: 450px;
	color: var(--color5);
	transform:rotate(130deg);
}

.svg.eichel {
	position: absolute;
	top: -140px;
	/* right: 50px; */
	right: -5vw;
	width: 400px;
	color: var(--color6);
	transform:rotate(20deg);
}

/****/

.content-start .svg.ahorn {
	z-index: 1;
	position: absolute;
	bottom: -10px;
	left: -240px;
	width: 380px;
	color: var(--color1);
	transform:rotate(40deg);
	background: url('/files/data/svg/knopf-hellgruen.svg') 50px 10px no-repeat;
}

.content-start .svg.birke-samen,
.content-headline .svg.birke-samen,
.content-headline .svg.projekte {
	position: absolute;
	top: 20px;
	right: 0;
	width: 280px;
	color: var(--color1);
	background: url('/files/data/svg/knopf-hellgruen.svg') 0px 70px no-repeat;
	background-size: contain;
}

.content-headline .svg.projekte {
	top: -150px;
	right: -140px;
	padding: 50px 0 0 40px;
	background: url('/files/data/svg/knopf-hellgruen.svg') 0 50px no-repeat;
	background-size: contain;
}

.content-headline.small .svg.birke-samen {
	top: -170px;
	right: -140px;
}

.content-start .svg.eichel {
	position: absolute;
	top: 90px;
	right: -370px;
	width: 300px;
	color: var(--color1);
	transform:rotate(20deg);
}

/*****/

#footer .svg.birke-samen {
	position: absolute;
	top: -90px;
	left: -110px;
	width: 215px;
}

/*****/

video {
	width: 100%;	
}

/********************************************************************************/

@media only screen and (max-width : 900px) {
	.svg.ahorn,
	.svg.birke-samen,
	.svg.birke,
	.svg.eichel,
	.svg.projekte {
	display: none;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for forms
Theme Name: Waldschmiede Stiftung
Theme URI: https://www.waldschmiede-stiftung.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_form {
	max-width: 100%;
	font-size: var(--text);
}

.ce_form .widget-text,
.ce_form .widget-textarea {
	position: relative;
	min-height: 80px;
	margin: 0;
}

.ce_form .widget-textarea {
	min-height: 170px;
}

.ce_form label {
   z-index: 2;
   position: relative;
   display: block;
   min-height: 17px;
   font-size: 1rem;
   font-weight: normal;
   padding: 0 10px;
   margin-bottom: 6px;
   transform: translateY(33px);
   transition: all 0.3s;
}

.is-active label {
	color: var(--color2);
}

.is-completed label {
	font-size: 12px;
	transform: translateY(0);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
select,
textarea {
   display: inline-block;
   position: relative;
   width: 100%;
   min-height: 25px;
   padding: 10px;
   border: var(--border) solid var(--color2);
   border-radius: var(--br1);
   background: transparent;
   box-shadow: inset 0 1px 1px #eee;
   outline: none;
}

input[type="text"].error,
input[type="password"].error,
input[type="date"].error,
input[type="datetime"].error,
input[type="email"].error,
input[type="number"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="time"].error,
input[type="url"].error,
textarea.error {
	border: var(--border) solid var(--color2);
}

.widget-submit {
	text-align: center;
}

form button,
input[type="submit"],
.button {
	display: block;
	font-size: var(--text);
	line-height: var(--linehT);
	color: var(--colorW);
	padding: 5px 25px;
	border: var(--border) solid var(--color2);
	border-radius: var(--br1);
	background: var(--color2);
}

form button:hover,
form button:active,
form button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:hover,
.button:active,
.button:focus {
	color: var(--color2);
	background: var(--colorW);
}

p.error {
	position: absolute;
	bottom: -3px;
	right: 10px;
	font-size: 1.000rem;
	line-height: 1.250rem;
	color: var(--error);
}

.form-confirmation {
   color: var(--color2);
   padding: var(--linehT);
   border-radius: var(--br1);
   border: var(--border) dotted var(--color2);
}

@media only screen and (max-width : 1200px) {
	p.error {
	bottom: 5px;
	}

	.widget-textarea p.error {
	bottom: 10px;
	}
}

@media only screen and (max-width : 991px) {
	p.error {
	bottom: 10px;
	}

	.widget-textarea p.error {
	bottom: 30px;
	}
}

/********************************************************************************/