/*
Theme Name: Verein Jugendliche
Template: twentytwentyfour
Author: Nils Schaffernicht
Author URI: https://www.nilsschaffernicht.de
Description: 
Version: 1.0.0
*/



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 {
  font-size: 28px;
}

h2, h3 {
  font-size: 20px;
}
	
body {
	background-color: var(--wp--preset--color--contrast-2);
	}
	
.wp-site-blocks	{
	max-width: 1400px;
	margin: 0 auto;
	background-color: var(--wp--preset--color--base);
	}
	
body {
  font-size: 14px;
  font-family: FFDINWeb,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --wp--preset--font-family--system-sans-serif: FFDINWeb,"Helvetica Neue",Helvetica,Arial,sans-serif;
	}  
	
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--accent-3);
	}

.slideshow_container {
	margin-top: -35px;
	z-index: 0;
	}	

header nav {
	z-index: 1;
	}	
	

.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	position: absolute;
	margin: 1rem auto;
}	
	
	
#modal-2 {
	max-width: 1080px;
	min-height: 34px;
	/*position: absolute;*/
	}
	
#modal-2-content {
	min-height: 35px;
	background-color: #f8f8f8;
	border-color: #e7e7e7;
	}
	
#modal-2 input {	
	height: 25px;
	font-size: 13px;
	}
	
header nav a {
	white-space: nowrap;
	}
	
	
.wp-block-navigation__responsive-container.is-menu-open {
  padding:1em !important;
}	

.entry-content {
	margin-left: -2em;
	}

.newsspalte-home p {
	margin: 0;
	padding-top: 1em;
	padding-bottom: 0 !important;
	}
	
.newsspalte-home .wp-block-separator {
	margin-left: -2em;
	}
	
.newsspalte-home ul {	
	margin-left: 1em;
	}
	
	.home-boxen > div {
	padding: 0;
	display: flex;
	flex-direction: column;
	}

.home-boxen > div > div:last-child {	
	margin-top: auto;	
	}
	
.home-boxen .wp-block-image ~ * {
	margin: 0.5rem 1rem;
	}

.podigee{ background-image:url('/wp-content/uploads/2024/02/podigee.png') !important; background-size: 1.05em !important;
  background-repeat: no-repeat !important;
  background-position: 42% 20% !important; } .podigee svg{ opacity:0; }	

.wp-block-post-template .entry-content > .wp-block-heading {
	margin-left: 12px;
	}
.wp-block-post-template .wp-block-post-title {
	margin-left: -16px;
	}

/* Mitarbeiter und Icons */
.fachkraefte .wp-block-columns > div {
	width: 6em;
	max-width: 6em;
	flex-basis: 6em !important;
	}

.fachkraefte .wp-block-columns > div:first-child {
	width: 30em;
	max-width: 30em;
	flex-basis: 30em !important;
	align-content: end;
	}	

.wp-site-blocks main,
.wp-site-blocks footer{	
	padding: 1em;	
	}
	
	
.hilfsangebote .wp-block-column > .wp-block-group {
	width: 100%;
	overflow:hidden;
	position: relative;
	margin-top: 0;
	}
	
.hilfsangebote .wp-block-column > .wp-block-group h3 {
	width: 100%;
	}
	
.hilfsangebote .wp-block-column > .wp-block-group p {
	margin: 0 0.5em;
	}	
	
.icon-uhr {
	max-width: 80px;
	}

.cafe-seitenspalte > .wp-block-group {
	padding: 1em;
	}
	
.kontakt-telefon-cafe p {
	font-size: 1.8em;
}

.supportgrid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1em;
	background-color: white;
	padding: 1em;
	}

.supportgrid figure {
	width: 200px;
	margin: 0;
	}
	
.supportgrid figure img {
	vertical-align: center;
	text-align: center;
	margin: auto;
	}		


.infomaterial .wp-block-media-text__media {
	width: 6em;
	}	
	
.infomaterial .wp-block-media-text {
	grid-template-columns: 6em auto !important;	
	}


.jahresberichte {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 1em;
	}
	
.jahresberichte figure	{
	margin-top: 0;
/*	width: 175px;
	float: left;
	*/
	}
	
.wp-site-blocks	main {
	}

/*
footer * {
	outline: 1px solid red;
	}*/

footer nav + div {
	margin-top: 0;
	}
	
footer div > nav + div * {
	color: rgb(51, 51, 51);
	font-size: 14px;
	font-weight: 400;
	/*
	background-color: yellow;
	*/
	white-space: nowrap;
	}
	
footer nav + div a {
	display: block;
	margin-left: -0.6em;
	}	
	
.wp-site-blocks footer .wp-block-navigation > li::after {
	content: "|";
	padding-left: 1em;
	color: var(--wp--preset--color--contrast-3);
	}

.wp-site-blocks footer .wp-block-navigation > li:last-child::after {
	content: "";
	}	
	
/*	
.logo {
	margin-left: 1.3em;
	}
	
.entry-content .wp-block-columns {
	border-bottom: 3.5em solid white;
	}
	
		
.home header > .intro {
	background-size: 120vw;
	background-repeat: no-repeat;
	height: 100vh;
	background-position: center;
	width: 100vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	z-index: 1;
	}
	
.home.skipintro header > .intro {
	display: none;
	}
	
.intro-container {
	position: absolute;
	top: 10vh;
	}
	
.intro .wp-block-heading {	
	color: white;
	text-shadow: 1px 1px rgba(0,0,0,0.3);
	}

.intro .wp-block-heading span {	
	white-space: nowrap;
	}
	
.intro > .wp-block-group {
	align-items: flex-end;
	}

.intro figure {
	padding: 0 1em 3em 1em;
	}	


.intro .wp-block-heading:last_child {
	margin-block-end: 1.5em;
	}
	
.intro .wp-block-heading:nth-child(1) {
	min-width: 34vw;
	font-size: var(--wp--preset--font-size--xx-large);
	}	
	
.intro .wp-block-heading:nth-child(2) {
	margin-top: 1vw;
	min-width: 34vw;
	font-size: var(--wp--preset--font-size--x-large);
	}
	*/
	
header .wp-block-navigation__responsive-container {
	margin-bottom: -2em;
	}	
	
.page-headline-box {
		max-width: 1400px !important;
	}

.page-headline-box > .wp-block-column,
.page-headline-box > .wp-block-column figure {
	min-width: 60px;
	}


.wp-block-post-title {
	max-width: 100% !important;
	}
		
header .wp-block-navigation__container {	
	padding-top: 0;
  padding-bottom: 0;
	}

header .wp-block-navigation__container > li > a:first-child {	
	padding-left: 0;
	}
			
header .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
	color: var(--wp--preset--color--contrast);
	}

.wp-site-blocks main {
	hyphens: auto;
	}

header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-site-blocks main a,
details summary,
summary::marker {
	color: var(--wp--preset--color--contrast-2);	
	}
	
			
.entry-content > p,
.entry-content > ol,
.entry-content > ul,
.entry-content > .wp-block-heading
 {
	margin: 1em;
	}
	
.entry-content > figure + p::before {
  content: ' ';
  display: table;
  width: 8.5em;
}	
	
details ul li {
	padding-left: 1rem;
	}	
	
	
.entry-content ul li {
    list-style-type: none;
}

.wp-block-media-text__content > ul li:before,
.wp-site-blocks main .wp-block-column:nth-child(2) .wp-block-group > ul li:before,
.entry-content ul:not(.wp-block-social-links) li:before,
.entry-content > details ul li:before {
    color: var(--wp--preset--color--contrast-2);
    float: left;
    margin: 0 0 0 -1em;
    width: 1em;
    content: '\2022';
}	
	
.wp-block-column > p:last-of-type {
	padding-bottom: 1em;
	}
		
:where(body .is-layout-constrained) > :last-child:last-child {
  margin-block-end: 2em;
}	
	

/*
.wp-site-blocks main .wp-block-column:first-child,
.entry-content > p,
.entry-content > ol,
.entry-content > ul,
.entry-content > h2,
.entry-content > .wpforms-container,
.entry-content > details,
.entry-content > .wp-block-heading {
	padding-left: 8rem;
	padding-right: 2em;
	}*/

/*
.entry-content > ol,
.entry-content > ul {
	padding-left: 9rem;
	}*/

/* HINT: Ausgelöammert weil Seiteneffekt bei Café Seite
.wp-site-blocks main .wp-block-column:nth-child(2) .wp-block-group {
	margin-left: 2em;
	background-color: white;
	padding: 1em;
	padding-left: 1.5em;
	margin-right: 2px;
	}*/
	

	/*
.wp-site-blocks main div:not(.page-headline-box) > .wp-block-column:nth-child(2)::after {
	content: "";
	display: block;
	width: calc( 100% - 2em );
	height: 3px;
	margin: 1.1em 0 2.5em 2em;
	background-color: var(--wp--preset--color--contrast-2);
	}*/

.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
	stroke: var(--wp--preset--color--contrast-2);
	}
	
	

.wp-block-media-text > .wp-block-media-text__media {
	margin-left: -8px;
	}

/*
.wp-site-blocks footer {
	background-color: white;
	height: 5em;
	}
	
.wp-site-blocks footer nav::after {
	content: " ";
	display: inline-block;
	}	

.wp-site-blocks footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--contrast-3);
	}

.wp-site-blocks > footer > .wp-block-group:first-child {
	padding-top: 2.4em !important;
	}
	
	

.wp-site-blocks footer .wp-block-navigation__responsive-container-content {
	margin-right: 0.7em;
	}*/
	
.nowrap {
	white-space: nowrap;
	}	


/*
.wp-site-blocks footer p,
.wp-site-blocks footer time {
	margin: 0 0.15em;
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--contrast-3);
	}*/	


.slideshow_container  {
	/*border: 1px solid purple;
	max-height: 459px;
	overflow: hidden;*/
	}

.slideshow_view:not(.slideshow_currentView):not(.slideshow_nextView) {
	/*overflow:hidden;
	display: block;*/
	z-index: -1 !important;
	}

.slideshow_slide {
/*	border: 1px solid green;*/
	}

/*
.slideshow_slide img {	
	border: 1px solid yellow;
	}
	
.slideshow_currentView {
	border: 1px solid pink;
	}*/
	
	
	
.slideshow_slide_image,
.slideshow_slide_image img {
/*	min-height: 600px;*/	}
	
	
@media ( max-width: 1200px ) {
	
	.hilfsangebote .wp-block-heading {
	padding-left: 0.3em;
	}
	
	}
		
	
@media ( max-width: 1075px ) {
	header .wp-block-search {
		display: none;
		}
}	
	
@media ( max-width: 975px ) {
	
	.hilfsangebote {
		flex-direction: column;
		}
	
	.hilfsangebote .wp-block-image > img {
		width: 100%;
		}
	}			


@media ( max-width: 870px ) {
	
	.fachkraefte .wp-block-columns {
		flex-wrap: wrap !important;
		}
	
	.fachkraefte .wp-block-columns > .wp-block-column:first-child {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		flex-grow: 1;
		}
	
	
	}
	
	
@media ( max-width: 830px ) {

	footer .wp-block-columns {
		flex-direction: column;
		}
	
	footer .wp-block-column {
	width: 100%;
	flex-basis: 100% !important;
	}
	
	
}
	
	
@media ( max-width: 819.99px ) {
	#modal-1-content ul li {
		display: block;
		width: 100vw;
		padding: 1em;
		}
		
	#modal-2-content .wp-block-navigation__container {
		margin: auto;
		padding-left: 1em;
		padding-bottom: 2em;
		}	

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		padding-left: 5em;
		padding-top: 0;
		margin-bottom: -0.5em;
		}
		
	.wp-block-navigation__submenu-container li {
		margin-bottom: -0.5em;
		}		
		
.wp-block-navigation .wp-block-navigation-item a,
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	 /* margin: 1em auto 1em 6em;*/
	  display: block;
	  width: 100%;
	  height: 2em;
	  padding-top: 10px;
	  padding-bottom: 10px;
	 line-height: 20px;
	}		


	/*
	header nav ul {
		outline: 1px solid red;
	}
		
   header nav li {
		outline: 1px solid green;
	}*/
  
  
  header nav > button {
	position: fixed;
	right: 0;
	transform: scale(1.5);
	transform-origin: right bottom;
	background-color: white !important;
	padding-right: 4px !important;
	}
	
	
	header nav .wp-block-navigation__responsive-container-content > .wp-block-navigation__container,
	header nav .wp-block-navigation-item	{
		width: 100vw;
		}

}

@media ( max-width: 800px ) {

.wp-site-blocks footer > .wp-block-group {
	flex-wrap: wrap;
	justify-content: center;
	}

.wp-site-blocks footer nav {
	display: block;
/*	padding-left: 2em;*/
	flex-wrap: nowrap;
	/*margin: 0 auto;*/
	}
	
.wp-site-blocks footer li:last-child::after {
	content: "";
	}		

}


@media ( max-width: 781.99px ) {
	
	.wp-block-image.size-full img {
		width: 100%;
		}

	
	.hilfsangebote .wp-block-column {
		margin-bottom: calc( 25vw - 6em );
	}
	
	
	.cafe-seitenspalte .wp-block-image img {
		width: 100%;
		}
	
}	

@media ( max-width: 600px ) {
	
.wp-site-blocks main {	
	padding-left: 3em;
  }
  
  .intro > .wp-block-group {
  align-items: flex-start;
	}
	
	
 .single-post .entry-content {
	margin-left: 0;
	}
	
body .is-layout-flex > .newsspalte-home {
	margin-left: 2em;
	}
	
.entry-content.has-global-padding {
	padding: 0;
	}

.wp-block-table tr td {
	width: 100%;
	border:0;
	}
	
.wp-block-table tr {
	display: flex;
	flex-direction: column;
	border:0;
	margin-bottom: 1em;
	}	
	
.infomaterial .wp-block-media-text {
	grid-template-columns: 100% !important;	
	}	
	
}

@media ( max-width: 470px ) {

	footer div > nav + div {
		flex-direction: column;
		}


	footer div > nav + div * {
	align-self: flex-start;
	/*	white-space: wrap;*/
		}
		
		
	footer nav + div a {
		margin-left:0;
		}
		
	}

@media ( max-width: 400px ) {
	
  .intro figure {
  order: 3;
	}
	
.intro figure img {	
	  width: 5em;
	 }
	
.intro-container {
	top: 0;	
	flex-direction: column;
	align-items: center !important;
	padding: 1em;
	}

.intro-headlines {
	transform: scale(0.75);
	}
	
.intro-headlines > .wp-block-heading:last-child {	
	margin-block-end: 0.5em !important;
	}
	
}


@media ( min-width: 600px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
    }
}	



@media ( max-width: 640px ) {
	
	
	/*
.wp-site-blocks main .wp-block-column:first-child,
.entry-content > p,
.entry-content > details,
.entry-content > .wpforms-container,
.entry-content > .wp-block-heading {
	padding-left: 2rem;
	}*/
	
.wp-site-blocks main .hilfsangebote > .wp-block-column:first-child {
	padding-left: 0;
	}
	
.entry-content > ol,
.entry-content > ul {
	padding-left: 3rem;
	}	
	
.intro .wp-block-heading {		
	transform: scale(0.8);
	}	
	
	}	


@media ( min-width: 769px ) {	

.single-post .wp-block-post-title {
	margin-left: -16px;
	}



}
	
@media ( min-width: 820px ) {	


	header .wp-block-navigation__container,
	header .wp-block-navigation__container > li {
		max-width: fit-content;
		padding-left: 0;
	}
	
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
    }
	
	/*
	header .wp-block-navigation__container::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	right: 0;
	top: 3.4em;
	background-color: var(--wp--preset--color--contrast-2);
	}*/	
	
	
	
	
}


@media ( min-width: 840px ) {
	
	.intro .wp-block-heading:nth-child(1) {
		white-space: nowrap;
	}
	
	
	
@media ( min-width: 1335px ) {	
		
	.entry-content {
	padding-left: 0;
	}
}
	
@media ( min-width: 1400px ) {
	.home header > .intro {
		margin-left: calc( -50vw + 700px );
		}		
	}
	
@media ( min-width: 820px ) and ( max-width: 1499.99px ) {
		
	}	
	

	
@media ( min-width: 1400px ) {
		/*
		.mailbtn{
		margin-right: calc( 50vw - 690px );
		margin-top: 5.8rem;
		}*/
	}