/*
Theme Name: SDW DA-DI
Theme URI: 
Author: joerg
Author URI: 
Description: Alles für den Wald
Version: 1.0.0
Template: twentytwentyfive
*/

/*---- Layout -----*/
html.has-modal.open{
	overflow: hidden;
	scroll-behavior: smooth;
}
html {
	scroll-behavior: smooth;
}

main{
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin:0!important;
}

.wp-block-post-title{
	
	padding-left: 15px !important;
	padding-right: 15px !important;
	/**/
}
.search-results .wp-block-post-title{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
h1{
	margin-top:15px!important;
	margin-bottom:10px;
}
h1 + h2{
	padding-top:0!important;
	margin-top:0!important;
}
h2{
	font-size: 1.7rem!important;
	margin-bottom:10px;
	
}
h3{
	font-size: 1.4rem!important;

}
h4{
	font-size: 1.2rem!important;
	line-height: 1.5rem!important;
}
p{
	font-size: 1rem!important;
}
p.is-style-text-display{
	font-size: 2.5rem!important;
}
p.utitle{
	font-size: 13px !important;
}
p.is-style-text-display + p{
	padding:0!important;
	font-size: 1.3rem!important;
}

p, .wp-block-post-author-name a{
	padding-bottom:0!important;
	margin-top:0.5rem!important;
	margin-bottom:1rem!important;
}
h4.wp-block-post-title{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.wp-block-post-featured-image:not(.card-img){
	height:230px;
}

a{
	/*text-decoration:none!important;*/
}
main a:hover{
	/*text-decoration:underline!important;*/
}
a.wp-block-latest-posts__post-title,a.wp-block-latest-posts__post-title:hover{
	text-decoration:none!important;
}
.totop:hover{
	opacity: 0;
}

p.wp-block-site-title, p.wp-block-site-tagline{
	margin:0!important;
}
a:focus, .wp-block-navigation__responsive-container-open{
	outline: none;
}
.wp-block-site-logo a {
	position: absolute;
	top: 0px;
	width:70px;
	top:8px;
}
.logo_word {
	padding-left: 70px;
}
.wp-block-details:focus{
	outline-width: none;
}

:where(.wp-block-group *:focus) {
	outline-width: 0!important; 
}
footer .wp-block-site-logo a {
	position: static;
	width:70px;
}
.wp-block-search__button {
  padding: 7px 15px;
  border-radius: 15px;
}
a.wp-block-button__link:hover,.wp-block-search__button:hover{
	background:#6D870F;
}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover) {
	text-decoration: none;
}
.button-small a:hover, .button-small:hover{
	background:#C4D681!important;
	color:#03437C!important;
	text-decoration: none!important;
}
.button-small{
	background:#F7F8E5!important;
	color:#6D870F!important;
	padding:8px 15px;
	border-radius: 8px;
	font-weight:500;
}

.head_top{
	display:none;
	}
.wp-block-media-text > .wp-block-media-text__content {
  padding: 0 15px;
}
.wp-block-latest-posts__list.baum a:hover{
	text-decoration:none!important;
}
.top-icon p{
	margin:0!important;
	font-size:24px!important;
}

/*------ card-------*/

  .wp-block-group.card-s{
	display:flex;
	
}

.card-s h3{
	text-align: center;
}
.card-s-col{
	display:flex;
}
.card-box, .block-card{
	display:flex;/**/
}
.block-card ul, .block-card li{
	display:flex;/**/
}
.card{
	display:flex;
}
.wp-block-group.card:hover,.wp-block-group.card-s:hover{
	background:#fafbef!important;/**/
	box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.18)!important;
}

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0);
}
.card-img-background, .card-img{
	aspect-ratio: 4/3!important;
	background-position: center;
}
.card-static-img img{
	aspect-ratio: 4/3!important;
}
.card a.stretched-link{
	text-decoration: none;
}
/*------block--------*/

.wp-block-group.is-style-section-1::before,
.wp-block-group.is-style-section-2::before{
	content: "";
	background-color:  #edf4f8;
	height: 75%;
	max-height: 300px;
	
	width: 120vw;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%);
	z-index: -1;
}
.wp-block-group.is-style-section-2::before{
	background-color:  #f7f8e5;
	
}


.wp-block-group .is-style-section-3{
	width:100%;
}
.wp-block-columns.baumblock{
	flex-direction: row;
	flex-direction:column-reverse;
}

 .wp-block-latest-posts__list.baum {
	display: flex;
	flex-wrap: wrap;
}
 .wp-block-latest-posts__list.baum li{
	width: initial;
	min-width: 1px!important;
}
.wp-block-latest-posts.baum li {
  margin-bottom: 0 !important;
}
.wp-block-latest-posts__list.baum a{
	padding:5px 10px;
	background:#C4D681;
	border-radius: 25px;
	margin:0 5px;
	display:block;
	width:42px;
	text-align: center;
	margin-bottom: 10px;
}
.wp-block-latest-posts__list.baum a:hover,.wp-block-latest-posts__list.baum a.cur{
	background:#84A311;
	color:#fff;
}

.wp-block-latest-posts__list.projekte li{
	padding-left:35px;
	position:relative;
	margin-bottom:10px;
}
.wp-block-latest-posts__list.projekte a::before{
	font-family: "sdw-icon";
	content:"\f105";
	font-weight:bold;
	position:absolute;
	background:#F7F8E5;
	padding:0px 12px;
	border-radius: 5px;
	left:0;
	color:#84A311;
}
.wp-block-latest-posts__list.projekte a:hover::before{
	background:#C4D681;
	color:#03437C;
	
}
.wp-block-latest-posts__list.projekte a:hover{
	color:#03437C;
}

.wp-block-group .wp-block-button{
	padding:0 15px!important;
}
.wp-block-group .wp-block-button a:hover{
	text-decoration: none!important;
}

/*---- suche-----*/

.search .wp-block-post figure, .search .wp-block-post .pgcsimplygalleryblock-grid-content, .search .wp-block-post .pgc-sgb-cb{ 
	/*display: none; 
	min-height:inherit;*/
}
.search h1.wp-block-heading{
	padding-top:0;
}
.wp-block-read-more{
	/*text-decoration: underline;*/
}
.wp-block-read-more:hover{
	text-decoration: none;
}



/*---- Download Icon-------*/
.wp-block-file:not(.wp-element-button) {
	font-size: 1rem;
	font-family: 'Rubik';
	position:relative;
}

.wp-block-file a,.wp-block-file.pdf a, .wp-block-file.doc a,.wp-block-file.mov a,.wp-block-file.img a, p.pdf a{
	padding-left:35px;
	display:inline-block;
}
.wp-block-file a::before,.wp-block-file.pdf a::before, .wp-block-file.doc a::before, .wp-block-file.mov a::before, .wp-block-file.img a::before, p.pdf a::before{
	font-family: "sdw-icon";
	content:"\e80a";
	position:absolute;
	left:0;
	font-size:28px;
	top:-6px;
}
.wp-block-file.pdf a::before, p.pdf a::before{
	content:"\e803";
}
.wp-block-file.doc a::before{
	content:"\e804";
}
.wp-block-file.mov a::before{
	content:"\e806";
}
.wp-block-file.img a::before{
	content:"\e805";
}
.wp-block-file a:hover,.wp-block-file.pdf a:hover, .wp-block-file.doc a:hover, .wp-block-file.mov a:hover, .wp-block-file.img a:hover, p.pdf a:hover{
	text-decoration: underline!important;
	color:#84A311;
}
.wp-block-file .wp-block-file__button,.wp-block-file__button-richtext-wrapper{
	padding:7px 15px;
	border-radius: 15px;
}
.wp-block-file .wp-block-file__button:hover,.wp-block-file__button-richtext-wrapper:hover{
	background:#6D870F;
	color:#fff;
	text-decoration: none!important;
}
/*---------Nav--------*/
.rank-math-breadcrumb p{
	margin-bottom:0.5rem!important;
	padding-left:15px;
	padding-right:15px;
}

.wp-block-navigation__container:only-child, .wp-block-page-list:only-child{
 	gap:0;
}
.head_top .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	padding: 0 10px;
}
.head_top .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover {
	background:#EDF4F8;
	text-decoration: none;
}
.head_top .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a{
	color:#03437C;
} 
.head_top .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a:hover{
	color:#84A311;
} 
.topmenue li.wp-block-navigation-item.active{
	background-color:#EDF4F8 !important;
}

.mainmenue .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	padding: 0 10px;
	display: flex;
	height: 100%;
	align-items: center;
	font-weight: 500;
}

.mainmenue .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover{
	background:#f7f8e5;
	text-decoration: none;
}

.mainmenue .wp-block-navigation ul{
	display:flex;	
}

.mainmenue .wp-block-navigation ul li{
	display:flex;
	height:90px;
	border-right:1px solid #fff;
	width: 125px;
	text-align: center;		
}




.mainmenue .wp-block-navigation ul li:first-child{
	border-left:1px solid #fff;	
}
.mainmenue .wp-block-navigation ul li ul li{
	border:none!important;
}
.mainmenue .wp-block-navigation ul li.spenden{
	background:#03437c;
	color:#fff;
}
.mainmenue .wp-block-navigation ul li.spenden a:hover{
	background-color:#EDF4F8 !important;
	color:#03437c;
}
.mainmenue .wp-block-navigation ul li.spenden:hover{
	color:#03437c;
}

.mainmenue .wp-block-navigation ul li a{
	height:100%;
	width: 100%;
}

.mainmenue li.wp-block-navigation-item.active{
	background-color:#F7F8E5 !important;
}
.mainmenue .wp-block-navigation .wp-block-navigation-item__label {
  display: block;
  width: 100%;
}
.mainmenue .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
  height: 34px;
  width: 34px;
}


/*---- submenue----*/

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	border: none!important;
	padding:15px 0;	
}

.mainmenue .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	left: 0;
}
.mainmenue .wp-block-navigation .has-child .wp-block-navigation__submenu-container li, 
.mainmenue .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a{
	width:100%;
	height:auto;
	text-align: left;	
	font-weight:400 !important;
	color:#84A311;
} 
.mainmenue .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a:hover{
	color:#03437c;
}
/*
*/
/*----- mobilemenu-----*/
 .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
	background: linear-gradient(rgba(0,0,0,0) 90px,#c4d681 90px 100%)!important;
}

.mobilemenue .wp-block-navigation__responsive-container{
	padding:0;
	padding-top:30px;
}
 .wp-block-navigation__responsive-container-open {
	padding-right:1rem;
}
.mobilemenue .wp-block-navigation__responsive-container-close{
	background:#c4d681;
	padding-right:2rem;
}
.mobilemenue .wp-block-navigation__responsive-container ul{
	display:block;
	width:100%;
	gap:0!important;
	padding-top:60px;
}
.mobilemenue .wp-block-navigation__responsive-container ul li,
.mobilemenue .wp-block-navigation__responsive-container ul li:first-child{
	display:block;
	height:auto;
	border:none;
	width: 100%;
	text-align: left;
	border-bottom:1px solid #F7F8E5;
}
.mobilemenue .wp-block-navigation__responsive-container ul li a{
	width:70%!important;
	background-color:#C4D681 !important;
	
}

.mobilemenue .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	padding-left:clamp(30px, 5vw, 50px);
	padding-top:10px;
	padding-bottom:10px;
}

.mobilemenue .wp-block-navigation__responsive-container.is-menu-open 
.wp-block-navigation__responsive-container-content 
.has-child 
.wp-block-navigation__submenu-icon{
	display:inline-block;
	position:absolute;
	right:20px;
	top:20px;
	outline: none;
	padding-right:clamp(30px, 5vw, 50px);
}
.mobilemenue .wp-block-navigation-item .wp-block-navigation__submenu-icon::before {
	content: '+';
	font-weight:600;
	font-size: 30px;
}
.mobilemenue .wp-block-navigation-item.menu-collapsed .wp-block-navigation__submenu-icon::before {
	content: '– ';
}
.mobilemenue .wp-block-navigation__responsive-container.is-menu-open 
.wp-block-navigation__responsive-container-content 
.has-child 
.wp-block-navigation__submenu-icon svg {
	display:none;
}
.mobilemenue .wp-block-navigation-item {
	outline: none;
}

.mobilemenue .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a{
	background:rgba(0,0,0,0)!important;
	color:#03437C;
	margin-left:30px;
} 
.mobilemenue .wp-block-navigation-item.menu-collapsed .wp-block-navigation__submenu-container {
	display:block;
	opacity:0;
	/*border:1px solid black!important;*/
	width:100%!important;
	padding:0!important;
	animation: fadein 1s;
	background:#F7F8E5!important;
}
.mobilemenue .wp-block-navigation-item .wp-block-navigation__submenu-container {
	display:none;
}
/* --- klassen zum an und auschalten, damit nur ein menue benötigt wird----*/

.mainmenue .wp-block-navigation ul li.t-menue{
	display:none;
}
.topmenue .wp-block-navigation-item.m-menue{
	display:none;
}

.footermenu a.wp-block-navigation-item__content:hover{
	color:rgba(255,255,255,.6);
}
.footermenu a.wp-block-navigation-item__content{
	padding-left:12px;
}
.footermenu a.wp-block-navigation-item__content:before{
	font-family: "sdw-icon";
	content:"\f105";
	position:absolute;
	left:0;
	font-size:16px;
	top:0px;
}
footer p{
	margin:0!important;
}
footer .wp-block-navigation-item{
	margin:5px;
}
footer h4{
	margin-top:0!important;
}
footer .tnp-subscription input[type="text"],
footer .tnp-subscription input[type="email"]{
	margin-top:-20px!important;
}
.tnp-subscription input.tnp-submit, .tnp-button-form button.tnp-submit{
	background:#84A311!important;
	border-radius: 15px!important;
	padding:7px 15px!important;
	font-weight:500;
	font-size:16px;
}
.tnp-subscription input.tnp-submit:hover, .tnp-button-form button.tnp-submit:hover{
	background:#6D870F!important;
}
footer a:where(:not(.wp-element-button)) {
	color: #fff;
	text-decoration: underline;
}
/*
h1, h2, h3, h4{
	padding:5px 0!important;
	margin:0!important;
	margin-top:5px!important;
}
*/
@keyframes fadein {
from {opacity:0;}
to { opacity:1;}
}

@media (min-width: 576px) {

	h1{
		margin-top:45px!important;
		font-size: 2.2rem!important;
	}
	h2{
		font-size: 1.7rem!important;
	}	
	p.is-style-text-display{
		font-size: 4.5rem!important;
	}
	
	p, .wp-block-post-author-name a{
		padding-bottom:0!important;
		margin-top:0.5rem!important;
		margin-bottom:1rem!important;
	}
	h4.wp-block-post-title{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.rank-math-breadcrumb p{
		margin-bottom:0.5rem!important;
		padding-left:15px;
		padding-right:15px;
	}
	/*
	.wp-block-columns.card-s-col{
		width: calc(50% - 1rem)!important;
	}
*/
	.wp-block-columns.card-box,.wp-block-columns.card-s-col{
		flex-basis: calc(50% - 1rem)!important;/**/
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.card-box,
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.card-s-col {
    	flex-basis: calc(50% - 1rem)!important;/**/
  	}
	.card-img-background, .card-img{
		aspect-ratio: 1/1!important;
	}
	.card-static-img img{
		aspect-ratio: 1/1!important;
	}
	.wp-block-post-featured-image:not(.card-img){
		height:230px;
	}

}	
@media only screen and (min-width: 576px) and (max-width: 1024px)  { 
	.wp-block-columns.card-box,.wp-block-columns.card-s-col{
		flex-basis: calc(50% - 1rem)!important;/**/
		
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.card-box,
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.card-s-col {
    	flex-basis: calc(50% - 1rem)!important;/**/
  	}
	.wp-block-columns.card-s-columns, .wp-block-columns.card-columns{
		flex-wrap: wrap !important;
	}
}
@media (min-width: 1024px) {

	h1{
		margin-top:45px!important;
		font-size: 2.8rem!important;
		margin-bottom:10px!important;
	}
	h2, h3, h4{
		font-size: 2rem!important;
		margin-top:25px!important;
		margin-bottom:10px!important;
	}	
	h3{
		font-size: 1.5rem!important;
		margin-top:20px!important;
	}
	h4{
		font-size: 1.3rem!important;
		margin-top:15px!important;
	}	
	p, .wp-block-post-author-name a{
		padding-bottom:0!important;
		margin-top:0.5rem!important;
		margin-bottom:1rem!important;
	}
	h4.wp-block-post-title{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.card-img-background, .card-img{
		aspect-ratio: 1/1!important;
	}
	
	.wp-block-group.is-style-section-3{
		width:75%;
		margin:0 auto;
	}
	.wp-block-post-featured-image:not(.card-img){
		height:320px;
	}	
	

	/**/
	.wp-block-group .is-layout-constrained:not(.card, .card-s), 
	.wp-block-post-title,
	.rank-math-breadcrumb p,
	.wp-block-columns,
	.wp-block-post-title,
	.entry-content.wp-block-post-content,
	main,
	.wp-block-group .wp-block-button{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	main{
		/*margin:0!important;*/
	}
	.head_top,.head_green
	{
		padding-left: 15px !important;
		padding-right: 15px !important;		
	}

	.wp-block-site-logo a {
		position: absolute;
		top: -30px;
		width:100px
	}	
	.head_top{
		display:block;
	}
	.logo_word {
		padding-left: 100px;
		padding-right: 0;
	}	

	.wp-block-columns.baumblock{
		flex-direction:row ;
	}	
	 .wp-block-latest-posts__list.baum {
		padding-top:45px;
	}
}

/*--- Fonts------*/
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/rubik-light/rubik-light-400-normal.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/rubik-light/rubik-light-500-normal.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/rubik-light/rubik-light-600-normal.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



@font-face {
  font-family: 'sdw-icon';
  src: url('assets/fonts/sdw-icon.woff2?53527082') format('woff2');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'sdw-icon';
    src: url('../font/sdw-icon.svg?53527082#sdw-icon') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "sdw-icon";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-left-open:before { content: '\e800'; } /* '' */
.icon-right-open:before { content: '\e801'; } /* '' */
.icon-left-big:before { content: '\e802'; } /* '' */
.icon-file-img-1:before { content: '\e803'; } /* '' */
.icon-file-doc:before { content: '\e804'; } /* '' */
.icon-file-img:before { content: '\e805'; } /* '' */
.icon-file-video:before { content: '\e806'; } /* '' */
.icon-right-big:before { content: '\e807'; } /* '' */
.icon-calendar:before { content: '\e808'; } /* '' */
.icon-plus:before { content: '\e809'; } /* '' */
.icon-file:before { content: '\e80a'; } /* '' */
.icon-insta:before { content: '\e80b'; } /* '' */
.icon-magazin:before { content: '\e80c'; } /* '' */
.icon-search:before { content: '\e80d'; } /* '' */
.icon-picture:before { content: '\e80e'; } /* '' */
.icon-ok:before { content: '\e80f'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; } /* '' */