#primary{margin-top:0px}

/*------------------------AKKORDEON------------------------*/

.akkordeon-wrapper-outer.text-block1.text-block {
  margin-top: 0;
}

.accordion-item:nth-of-type(1) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-4.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(2) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-2.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(3) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-3a.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(4) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-3.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(5) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-1.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(6) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-5.png'); background-size: 100% 100%;}

.accordion-content ul {
  margin: 1.4em 0 1.3em 4%;
  font-size: 22px;
	 color: var(--wws-dunkelgruen);
	list-style: disclosure-closed;
}

.accordion-content ul a {
 width: fit-content;

	display:block;
  font-size: 22px;
/*  font-family: misrow;*/
  font-weight:bold;
  margin: 0px 11px;
  color: var(--wws-dunkelgruen);
}

.accordion-content ul li {
  margin: 12px 0;
}


.accordion-header.open::after {
transform: rotate(180deg);
}

.accordion-header::after {
	transition:0.2s ease;
content: '';
  padding: 0px 19px;
  background-color: var(--wws-dunkelgruen);
  position: relative;
  color: white;
  top: -2px;
  pointer-events: none;
  background-image: url('/wp-content/uploads/images/akk-arrow-down.png');
  background-size: 100% 100%;
  left: 37px;
  height: 25px;
  display: inline-block;
}



.accordion {
    width:100%;
    margin: auto;
}

.accordion-item {
  display: inline-block;
  margin-bottom: 50px;
width: 100%;
}

.accordion-header {
width: initial;
 background-color:white;
  border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
padding: 51px 71px 31px 162px;
  text-align: left;
  cursor: pointer;
  transition: background 0.3s;
  color: var(--wws-hellgruen);
  font-family: Misrow;
  font-size: 37px;
  letter-spacing: 0.056em;
  line-height: 112%;
  transition: 0.2s ease;
  background-size: 82px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

.accordion-header:hover {
    transform:scale(1.05);
	transform-origin: center center;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
	width: 100%;
}



/*------------------------INFO-BOXEN------------------------*/

.acf-um-boxen-wrapper {
display: flex;
  gap: 4%;
  margin: 2rem 0;
  align-items: stretch;
  padding: 20px 6%
}

.acf-um-box {
  flex: 1;
  padding: 1rem;
 position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
	padding: 2%;
	 transition: transform 0.2s ease;
	aspect-ratio: 46/30;
}

.acf-um-box h4 {

font-family: 'Misrow', sans-serif;
  letter-spacing: 0.056em;
  font-weight: normal;
  font-size: 2vw;
  line-height: 103%;
  transition: transform 0.2s ease;
  padding: 15px 30px;
	margin:0;
}

.acf-um-boxen-wrapper a {
  text-decoration: none;
  color: white;
  margin-right: 2px;
}

.acf-um-box p {
  font-size: 1.3vw;
  font-weight: 600;
  color: var(--wws-dunkelgruen);
  padding: 0px 8%;
  line-height: 121%;
  margin: -3% 0 6% 0;
}

.acf-um-boxen-wrapper strong {
  font-family: Misrow;
  font-weight: normal;
 padding: 0px 6px;
  font-size: 1.5vw;
  letter-spacing: 1.7px;
	background-color:white;
}


.box1 {	background-image:url('/wp-content/uploads/images/um-box1.png');background-size:100% 100%;transition: 0.3s ease;}
.box2 {	background-image:url('/wp-content/uploads/images/um-box2.png');background-size:100% 100%;transition: 0.3s ease;}

.box1 h4 {
	background-image: url('/wp-content/uploads/images/um-box-h4-1.png'); background-size: 100% 100%;color: var(--wws-dunkelrot);
  width: 49%;
	position: relative;
  top: 42%;
  left: 4%;
}

.box2 h4 {
	background-image: url('/wp-content/uploads/images/um-box-h4-2.png'); background-size: 100% 100%;color:white;
  width: 40%;
	position: relative;
top: 52%;
  left: 45%;


}

.box1 p{color:var(--wws-violett);}
.box2 p{color:white;}
.box1 strong{color:var(--wws-violett);}
.box2 strong{color:var(--wws-tuerkis);}

.acf-um-boxen-wrapper strong:hover {transform:scale(1.2);}


.acf-um-box:hover {transform:scale(1.01);}
.acf-um-box:hover  h4{transform:scale(1.06);}






@media (max-width: 767px) {
  .acf-um-boxen-wrapper {
    flex-direction: column;
  }
}


/*------------------------PAGE HEADER------------------------*/
#page-header {

  background-size: 100% 100%;
  background-color: var(--wws-hellgruen);
height: 200px;
  margin-top: 458px;
position:relative;
 	
}

.page-header-text {
  background-image: url('/wp-content/uploads/images/um-bg1.png');
  position: relative;
  background-size: 100% 100%;
  width: 552px;
  padding: 8px 3px 11px 45px;
  z-index: 15;
  margin-left: 46.4%;
  top: -46px;
  height: 198px;
}

.page-header-text h1 {
  font-size: 86px;
  line-height: 100%;
  color: white;
  margin: 0;
}

.page-header-text h2 {
font-size: 64px;
  letter-spacing: 1px;
  color: white;
  margin: 1px;
  line-height: 100%;
}
/*-----------------------------BILD-GALLERIE----------------------*/

.acf-um-bild {
  position: relative;
  width: 75%;
  padding: 3% 3%;
  max-width: 1363px;
  margin-top: 0px;
  text-align: left;
  margin-top: 0;
  margin-left: 3%;
	margin-bottom: 3%;
}




/*-----------------------------COLLAGE----------------------*/
.collage-wrapper2 {
position: absolute;
  width: 485px;
  overflow: hidden;
  top: 423px;
  right: -130px;
  aspect-ratio: 432/514;
}
.collage-wrapper {
  position: absolute;
  width: 434px;
  overflow: hidden;
  top: -91%;
  left: 30%;
  aspect-ratio: 1;
}

.collage-wrapper2 img.layer,
.collage-wrapper img.layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transition: transform 0.2s ease;
  pointer-events: none;
	padding: 20px;
}


/*-----------------------------TEXT-BLÖCKE---------------------*/
.text-block1 {
position: relative;
  width: 75%;
  padding: 3% 5%;
  max-width: 1363px;
  text-align: left;
  margin-top: 73px;
  margin-left: 3%;

}

.text-block2 {
  width: 100%;
  padding: 3% 3% 1.5% 3%;
  max-width: 1410px;
  margin: 0 auto;
  text-align: center;
}




.text-block p, .text-block a{
  font-size: 28px;
  font-family: Source Sans Pro;
  font-weight: 600;
  letter-spacing: 0.020em;
  line-height: 143%;
 text-decoration: none;
  color: var(--wws-dunkelgruen);
	transition:0.1s;
}

.text-block a:hover{
color: var(--wws-dunkelrot);
}


.text-block strong {
  margin-left: -2%;	
  font-family: Misrow;
  font-weight: normal;
  font-size: 36px;
  letter-spacing: 1.7px;
}

/*-----------------------------TEXT-BLÖCKE2---------------------*/
.text-block h4 {
font-size: 36px;
  margin-top: 19px;
margin-left: -4%;
  letter-spacing: 3px;
  font-weight: normal;
  margin-bottom: 16px;
  display: inline-block;
  background-color: var(--wws-dunkelgruen);
padding: 17px 19px;

  color: white;
clip-path: polygon( 0.6% 13%, 4.7% 13%, 4.7% 0%, 58.8% 0%, 58.8% 13%, 98.8% 13%, 98.8% 95%, 59% 95%, 59% 102%, 5.5% 102%, 5.5% 90%,0.6% 90%);
}

.text-block h4 + p {
margin-top: 13px;
  margin-bottom: 0px
}




/*----------Responsiv----------*/


@media (max-width: 575.98px) {
	footer {  margin-top: 68px;}
		#primary {  margin-top: 100px;}
	#page-header { height: 125px;margin-top: 38vh;}
		.page-header-text {width: 71vw;    height: 27vw;    padding: 2.4% 0px 0 4%;    margin-left: 25%;    top: 7vw;}
	.page-header-text h2 { font-size: 8vw;}
	.page-header-text h1 { font-size: 11vw;}
	.collage-wrapper {  width: 245px;    margin-left: -110px;    top: -138%;}
	
	.text-block p, .text-block a, .text-block strong { font-size: 24px;}
		.text-block h4 {font-size: 26px;padding: 34px 19px;}
		.text-block2 {margin-top: 125px;}
	.text-block {width:100%;margin: 10% 0;margin-bottom: 1%;}
	
	.cta.cta-mail-m{display:flex;}
	.cta.cta-mail{display:none}
	.collage-wrapper2 {display:none;}
		
	.termine-wrapper {  width: 62%;  top: 6vh;}
	.cta-fortbildung .termine strong {  font-size: 5.4vw;margin: 7px 0;}
	.cta-fortbildung .termine p {  font-size: 4vw;}
	.cta-fortbildung h4.mehrinfos  {  font-size: 4vw;margin-left: 45%;}
	.cta-fortbildung .termine {  padding: 3% 4% 3% 4%;}
	
	.acf-sus-bild {  width: 96%;    margin-left: 2%;    margin-right: 2%; }
	
	.acf-sus-box {  flex: 1 0 100%;  margin-bottom: 8%;}
	.acf-sus-boxen-wrapper{flex-wrap: nowrap;    width: 100%;    padding: 0 8%;    margin-left: 0%;}
	.box1 h4 { font-size: 4.5vw;    padding: 3% 4% 4% 4%;    width: 52%;    top: 47%;}
	.box2 h4 { font-size: 4.5vw;    padding: 3% 4% 4% 4%;    width: 52%;    top: 47%;}
	.acf-sus-box p {  font-size: 4vw;	margin: -8% 0 9% 0;}
	.acf-sus-box strong {  font-size: 4.5vw;	}
	.box2 img,.box1 img {  width: 33%;  right: 9%;  top: 9%;}
	.box1  {margin-bottom: 8%;}
	
	
		.cta.cta-mail-m h4{font-size:3.5vw;}
	
			 
		.accordion-header{font-size: 6vw;   padding:3% 4% 1% 21%; ;  width: 100%;background-size: contain !important;    background-color: var(--wws-dunkelgruen);display: flex;}
		.accordion-header::after {  padding: 0px 12px;    height: 15px;    display: inline-block;    width: 10px;    left:0;}
	.akkordeon-wrapper-outer{padding: 3% 2%;}
	.accordion-item {  margin-bottom: 30px;}
	
	.accordion-item:nth-of-type(1) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-4-m.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(2) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-2-m.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(3) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-3a-m.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(4) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-3-m.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(5) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-1-m.png'); background-size: 100% 100%;}
.accordion-item:nth-of-type(6) .accordion-header {background-image:url('/wp-content/uploads/images/akk-h-5-m.png'); background-size: 100% 100%;}
	
	.accordion-content ul, .text-block ul a {   margin: 0; 	font-size: 17px;word-wrap: anywhere;}
	.accordion-content ul {    margin: 1.4em 0 1.3em 2%;padding-left: 7%;}
}


@media (min-width: 576px) and (max-width: 767.98px) {
	footer {  margin-top: 68px;}
		#primary {  margin-top: 100px;}
	#page-header { height: 120px; margin-top: 62%;}
		.page-header-text {  width: 50vw;    height: 20vw;    padding: 1.4% 0px 0 3%;}
	.page-header-text h2 { font-size: 5vw;}
	.page-header-text h1 { font-size: 7vw;}
	.collage-wrapper {width: 345px;    left: 4%;    top: -181%;}
	
	
	.text-block p, .text-block a, .text-block strong { font-size: 24px;}
	.text-block h4 {font-size: 26px;padding: 34px 19px;}
	.text-block {width: 93%;margin: 10% 3%;margin-bottom: 1%;}
	
	.cta.cta-mail-m{display:flex;}
	.cta.cta-mail{display:none}
	.collage-wrapper2 {display:none;}
	
	.termine-wrapper {  width: 42%;  top: 1%;}
	.cta-fortbildung .termine strong {  font-size: 3.4vw;margin: 7px 0;}
	.cta-fortbildung .termine p {  font-size: 3vw;}
	.cta-fortbildung h4.mehrinfos  {  font-size: 3vw;margin-left: 45%;}
	.cta-fortbildung .termine {  padding: 3% 4% 3% 4%;}
	
	.acf-sus-bild {  width: 90%;   margin-left: 5%;   margin-right: 5%; }
	
	.acf-um-box {  flex: 1 0 100%;  margin-bottom: 3%;}
	.acf-um-boxen-wrapper{flex-wrap: nowrap;    width: 100%;    padding: 0 8%;    margin-left: 0%;}
	.box1 h4 { font-size: 4.5vw;    padding: 3% 4% 4% 4%;    width: 52%;    top: 47%;}
	.box2 h4 { font-size: 4.5vw;    padding: 3% 4% 4% 4%;    width: 52%;    top: 47%;}
	.acf-um-box p {  font-size: 3.4vw;	margin: -8% 0 9% 0;}
	.acf-um-box strong {  font-size: 4vw;	}
	.box2 img,.box1 img {  width: 33%;  right: 9%;  top: 9%;}
	.box1  {margin-bottom: 8%;}
	
	.cta.cta-mail-m h4{font-size:3.5vw;}
		 
		.accordion-header{font-size: 3.9vw;    padding: 39px 58px 19px 17%;}
	.accordion-header::after {  padding: 0px 15px;height: 22px;}
	.akkordeon-wrapper-outer{padding: 3% 2%;}
	.accordion-item {  margin-bottom: 30px;}
	
	.accordion-content ul, .text-block ul a {    margin: 0;	font-size: 19px;word-wrap: anywhere;}

	
}


@media (min-width: 768px) and (max-width: 991.98px) {
	#primary {  margin-top: 100px;}
	#page-header{margin-top:49%;height: 160px;}
	.page-header-text {width: 41vw;    height: 14vw;    padding: 1.4% 0px 0 3.6%;}
	.page-header-text h2 { font-size: 4.4vw;}
	.page-header-text h1 { font-size: 6vw;}
	.collage-wrapper {   left: 5%;    top: -115%;    width: 50%;}
	
	  .text-block p, .text-block a, .text-block strong { font-size: 28px;}
	  .text-block h4 {font-size: 36px;padding: 34px 19px;}
	.text-block {width: 93%;margin: 10% 3%;margin-bottom: 1%;}
	
	.cta.cta-mail-m{display:flex;}
	.cta.cta-mail{display:none}
	.collage-wrapper2 {display:none;}
	
	.termine-wrapper {  width: 32%;  top: 1%;}
	.cta-fortbildung .termine strong {  font-size: 2.6vw;}
	.cta-fortbildung .termine p {  font-size: 2.3vw;}
	.cta-fortbildung h4.mehrinfos  {  font-size: 2.3vw;margin-left: 45%;}
	
	.acf-sus-bild {  width: 90%;   margin-left: 5%;   margin-right: 5%; }
	
	.acf-um-box {  flex: 1 0 44%;  margin-bottom: 3%;}
	.acf-um-boxen-wrapper{flex-wrap: wrap;    width: 100%;    padding: 0 5%;    margin-left: 0%;}
	.box1 h4 { font-size: 3vw;    width: 74%;    margin: 1% 0% 14% 1%;    padding: 5px 25px;    left: -2%;    top: 45%; }
	.box2 h4 {  font-size: 3vw;    width: 61%;    margin: 1% 0% 14% 1%;    padding: 8px 29px;    left: 32%;}
	.acf-um-box p { font-size: 1.8vw;    margin-top: 18%;}
	.acf-um-box strong {  font-size: 2.2vw;	}
	.acf-um-box:nth-child(3) { flex: 0 0 50%; margin: 2% auto 0 auto;}
	.box2 img { width: 40%;    top: 114px;    left: 29%;}
	.box1 img { width: 40%;    top: 82px;    left: 39%;}
	.cta.cta-mail-m h4{font-size:2.5vw;}
	
	.accordion-header{font-size: 30px;font-size: 3.7vw;       padding: 51px 58px 31px 133px;}
	.accordion-header::after {  padding: 0px 15px;height: 22px;}
	.akkordeon-wrapper-outer{padding: 3% 4%;}
	.accordion-item {  margin-bottom: 30px;}
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	#page-header{height: 178px;margin-top:47%}
	.page-header-text {width: 41vw;    height: 14vw;    padding: 1.4% 0px 0 3.6%;}
	.page-header-text h2 { font-size: 4.4vw;}
	.page-header-text h1 { font-size: 6vw;}
	.collage-wrapper { left: 16%;    top: -110%;}
  .text-block p, .text-block a, .text-block strong { font-size: 28px;}
	  .text-block h4 {font-size: 30px;}
	
		.collage-wrapper2 {  width: 40%;}

.acf-lehr-box {  flex: 1 0 44%;  margin-bottom: 3%;}
	.acf-um-boxen-wrapper{flex-wrap: wrap;    width: 100%;    padding: 14px 5%;    margin-left: 0%;    margin-right: 0%;}
	.acf-um-box h4 {  font-size: 2vw;	}
	.acf-um-box p {  font-size: 1.8vw;	}
	.acf-um-box strong {  font-size: 2.2vw;	}
	.acf-um-box:nth-child(3) { flex: 0 0 50%; margin: 2% auto 0 auto;}
	
	.accordion-header{font-size: 28px;    padding: 51px 58px 31px 133px;}
	.accordion-header::after {  padding: 0px 15px;height: 22px;}
	
}


@media (min-width: 1200px) and (max-width: 1399.98px) {

	.collage-wrapper {   left: 18%;}
	.collage-wrapper2 {  width: 35%;}
	.page-header-text {width: 500px;    padding: 17px 3px 11px 34px;    height: 191px;}
		.page-header-text h2 { font-size: 54px;}
	.page-header-text h1 { font-size: 76px;}
	
	
	.accordion-header {font-size: 30px}
	
	}

@media (min-width: 1400px)  {
	.collage-wrapper {   left: 27%;}
}


@media  (pointer: coarse) and (max-width: 991px) {
	.box1,.box2,.text-block-alternativ * { transform: none !important;}
	.box2:hover,.box1:hover {  background-size: 100% 100%;}
	.accordion-header:hover { transform: none !important;}

}

/* Korrekturen */
.startseite-content {  overflow: hidden;position: relative;}