/*
Theme Name: Elternkreis Darmstadt
Theme URI: 
Author: joerg
Author URI: 
Description: Selbsthilfegruppe für Eltern suchtgefährdeter und suchtkranker Töchter & Söhne
Version: 1.0.0
Template: twentytwentyfive
*/

/*---- Layout -----*/





html {
	scroll-behavior: smooth;
}
.wp-site-blocks {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/* WordPress spezifisch */
.admin-bar .wp-site-blocks {
	min-height: calc(100vh - 32px);
}

/* der Inhaltsbereich dehnt sich und hält so den Site Footer unten */
.wp-site-blocks>main {
	flex: 1;
}

body{
	font-family: 'Barlow'!important;
  	font-style: normal;
  	font-weight: 400;
}
h1 {
  	color: #fff!important;
	background:unset!important;
  	text-align: center;
}
p.subtitle{
	color: #fff!important;
	background:unset!important;
  	text-align: center;
}
h1 strong, p strong { 
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

h1.title strong{
  	padding: 0 16px 6px 16px;
  	background-color: rgba(0,91,82,.5); 
  	font-size:3.438rem !important;
	line-height: 4.8rem!important;
	font-weight:400;
}
p.subtitle strong{ 
	padding: 2px 16px 5px 16px;
	background-color: rgba(0,91,82,.5);
	font-size: 1.2rem;
	line-height: 2rem;
	font-weight:400;
}



.wp-block-cover__inner-container{
	text-align: center;
}
:where(.wp-block-group *:focus) {
	outline-width: 0!important; 
}
h2{
	font-size:2.62rem !important;
}
h2.wp-block-post-title a{
	text-decoration: none;
}
h2.wp-block-post-title a:hover{
	color:#052941!important;
}
h3{
	font-size:2.2rem !important;
	line-height: 2.3rem;
	color:#9FC031!important;
	margin-bottom:1.2rem!important;
}
h4{
	font-size:1.0rem !important;
}
h4 strong{
	color:#fff;
	background:#005B52;
	padding:3px 5px 5px 5px!important;
	box-decoration-break: clone;
	display: inline;
	font-weight:400;
}
h5{
	font-size:1.35rem !important;
	color:#052941;
	margin-bottom:20px!important;
}


h6{
	font-size:1.2rem !important;
	color:#fff;
	text-transform: inherit;
	font-family: 'Barlow Condensed';
	font-weight:400;
	letter-spacing: -0.002rem;
}
p a, .wp-block-page-list a, a.wp-block-read-more{
	color:#052941 !important;
  	text-decoration: underline;
  	text-decoration-color: #9FC031 !important;    /* Farbe des Strichs */
  	text-decoration-thickness: 1px;   /* Stärke des Strichs */
  	text-decoration-skip-ink: auto;   /* Unterbricht den Strich bei Unterlängen (z.B. g, j, p) */
}
p a:hover, .wp-block-page-list a:hover, a.wp-block-read-more:hover {
	color:#9FC031 !important;
  	text-decoration: underline;
  	text-decoration-color: #9FC031 !important;
  	text-decoration-thickness: 1px;
  	text-decoration-skip-ink: auto; 
}
p strong{
	font-weight:bold;
}
.wp-block-button a{
	padding:3px 15px!important;
}
.wp-block-button a:hover{
	background:#9FC031;
	color:#fff;
}
.wp-block-button.green a{
	background:#9FC031;
	color:#fff;
}
.wp-block-button.green a:hover{
	background:#005B52!important;
	color:#fff!important;
}
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
  	background-color:#005B52!important;
	border: solid 2px #005B52!important;
}
 .wp-block-cover.coverx .wp-block-cover__image-background{
	width:110%!important;
}
 .wp-block-cover.coverxx .wp-block-cover__image-background{
	width:120%!important;
}
 .wp-block-cover.coverxxx .wp-block-cover__image-background{
	width:130%!important;
}
 .wp-block-cover.coverxxxx .wp-block-cover__image-background{
	width:140%!important;
}
 .wp-block-cover.coverxxxxx .wp-block-cover__image-background{
	width:150%!important;
}

:root :where(p) {
  margin-bottom: 10px !important;
}
.wp-block-post:hover {
  background:#fff!important;
}
/*------ card-------*/

.card .wp-block-post:hover{
	background:#f2f2f2;
}


.card-container {
  display: flex;
  gap: 20px; /* Space between cards */
}

.card {
  display: flex;
  flex-direction: column; /* Stacks contents vertically */
  flex: 1; /* Makes cards evenly divide the available width */
}

/* 3. Card inner wrapper/content */
.card-content {
  flex-grow: 1; /* Pushes the footer to the bottom */
}
.card-footer{
	align-items: flex-end;
}
.card:hover{
	background:#f2f2f2;
	border-radius: 16px;
}
/*------block--------*/


/*---- 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-------*/

/*---------Nav--------*/


.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
	height: 48px;
	width: 48px;
	fill: #005B52;
}
.wp-block-navigation__responsive-dialog{
	margin-top:30px!important;
}
.mobilemenue .wp-block-navigation__container{
	justify-content: center!important;
	margin:0 auto!important;
}
.mobilemenue .wp-block-navigation__container li a{
	font-family: "Barlow Condensed Medium" !important;
	color:#9FC031!important;
	font-size:2rem!important;
	line-height:2rem!important;
	padding:6px 10px 10px 10px!important;
	margin-top:5px!important;
}
.mobilemenue .wp-block-navigation__submenu-container{
	padding:0 30px!important;
}
.mobilemenue .wp-block-navigation__submenu-container li{
	border-bottom:solid 1px #9FC031;
	width:100%;
}
.mobilemenue .wp-block-navigation__submenu-container li a{
	font-size:1.5rem!important;
	color:#005B52!important;
	line-height: 1.5rem !important;	
	padding:5px 10px !important;
	margin-bottom:2px !important;
}

.mobilemenue .wp-block-navigation__container a:hover, .wp-block-navigation__submenu-container a:hover{
	text-decoration: none;
}

/* Hebt nur den aktiven Menüpunkt in der 1. Ebene hervor */
.mobilemenue .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	background:rgba(159,192,49,.1) !important;
}
/* Hebt nur den aktiven Menüpunkt in der 2. Ebene (Submenü) hervor */
.mobilemenue .wp-block-navigation .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
    background:rgba(0,91,82,.2) !important;
}


/*----- Form */
.wpcf7-form-control {
	/*width: 100%;*/
	width: calc(100% - 25px);
	font-size: 1rem;
	color: #052941;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 15px;
	/*margin-bottom:15px;*/
	margin-bottom: 15px !important;
}


.wpcf7-form-control.wpcf7-checkbox{
	border: none!important;
}
.wpcf7-list-item {
  margin: 0;
	margin-left: -7px;
}
.wpcf7-form-control {

}
.wpcf7-submit {
	width: auto;
	Background-color:#9FC031;
	border: 0;
	padding: 7px 15px;
	border-radius: 15px;
	color: #fff;
}
.wpcf7-submit:hover {
	Background-color:#005B52;
	color: #fff;
}
form p{
	font-size:14px;
	padding-top:15px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #f00;
	font-size:1rem;
}
.wpcf7 form .wpcf7-response-output {
	color:red;
  border: none;
	padding:0;
}
.wpcf7-form-control:focus {
  background: #f2f2f2;
}






/*----- footer-----*/
footer a{
	color:#fff!important;
	text-decoration:none;
}
footer a:hover{
	color:#fff!important;
	text-decoration: underline!important;
	text-decoration-color: #fff!important;
}


@media (max-width: 576px) {
	h1.title strong{ 
		font-size:2.838rem !important;
		line-height: 3.9rem!important;
	}
}	
@media only screen and (min-width: 576px) and (max-width: 1024px)  { 

}

@media (min-width: 1024px) {


}





@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'; } /* '' */