.home .ebm-upcoming-events {
	pointer-events: none;
}

/*-----------------------------------------*/
/*-------------- Fonts -------------------*/
/*-----------------------------------------*/
@font-face{
font-family:"PF Adamant W03 Bold";
src:url("../fonts/7783729/c0c81abc-4509-449d-8642-ce5901b43a67.woff2") format("woff2"),url("../fonts/7783729/38fd0bb3-c920-4471-892e-5f0b92b558a5.woff") format("woff");
}
/*@import url("https://use.typekit.net/xyh7ath.css");*/


/*-----------------------------------------*/
/*------------- Variables------------------*/
/*-----------------------------------------*/

/*----- fonts -----*/
:root {
  --headings-font: "PF Adamant W03 Bold";
  --menu-font: "PF Adamant W03 Bold";
  --footer-font: "PF Adamant W03 Bold";
  --body-font: "verdana-pro",sans-serif;
  --event-font: var(--body-font);
  --font-text-heading: var(--font-h3);
}
/*  --claim-font: var(--headings-font);*/ 

/*----- site grid -----*/
:root {
	--margin-left-oversize: calc((50vw - 762px) * -1);
}
@media (min-width: 1801px) {
  :root {
	--header-height: 132px;
	--logo-width: 469px;
	--logo-margin-top: 35px;
  }
}
/*@media (min-width: 1651px) and (max-width: 1800px) {*/
@media (min-width: 1581px) and (max-width: 1800px) {
  :root {
	--header-height: 132px;
	--logo-width: 375px;
	--logo-margin-top: 35px;
  }
}
/*@media (min-width: 1581px) and (max-width: 1650px) {
  :root {
	--header-height: 132px;
	--logo-width: 422px;
	--logo-margin-top: 35px;
  }
}*/
@media (min-width: 1456px) and (max-width: 1580px) {
  :root {
	--header-height: 121px;
	--logo-width: 352px;
	--logo-margin-top: 35px;
  }
}
@media (min-width: 1401px) and (max-width: 1455px) {
  :root {
	--header-height: 121px;
	--logo-width: 323px;
	--logo-margin-top: 35px;
  }
}
@media (min-width: 1301px) and (max-width: 1400px) {
  :root {
	--header-height: 103px;
	--logo-width: 323px;
	--logo-margin-top: 23px; /*27px;*/
  }
}
@media (min-width: 1201px) and (max-width: 1300px) {
  :root {
	--header-height: 103px;
	--logo-width: 305px;
	--logo-margin-top: 24px;
  }
}
@media (min-width: 1081px) and (max-width: 1201px) {  /* 1281 instead of 1280: avoid error in pixeling */
  :root {
	--header-height: 96px;
	--logo-width: 350px;
	--logo-margin-top: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1080px) {
  :root {
	--header-height: 96px;
	--logo-width: 290px;
	--logo-margin-top: 25px;
	--toggle-width: 40px;
	--login-icon-width: 42px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
	--header-height: 93px;
	--logo-width: 290px;
	--logo-margin-top: 25px;
	--toggle-width: 40px;
	--login-icon-width: 42px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  :root {
	--header-height: 85px; /*93px;*/
	--logo-width: 290px; /*310px;*/
	--logo-margin-top: 20px;
	--toggle-width: 34px;
	--login-icon-width: 38px;
  }
}
@media (max-width: 480px) {
  :root {
	--header-height: 80px;
	--logo-width: 250px;
	--logo-margin-top: 18px;
	--toggle-width: 30px;
	--login-icon-width: 34px;
  }
}
@media (min-width: 1801px) {
/* and  (max-width: 1920px) {*/
  :root {
	--menu-font-style: normal normal normal 25px/31px var(--menu-font);
	--menu-letter-spacing: 0.7px;	  
  } 
}
@media (min-width: 1801px) {
  :root {
	--grid-margin: 188px;
	--slide-box-height: 220px;
	--slide-box-width: 55%;
	--menu-button-height: 53px;
	--font-h1: normal normal normal 51px/60px var(--headings-font);
	--font-h2: normal normal normal 40px/48px var(--headings-font);
	--font-h3: normal normal normal 28px/34px var(--headings-font);
	--font-size-h3: 28px;
	--font-h4: normal normal 600 26px/32px var(--body-font);
	--font-claim: normal normal normal 30px/40px var(--headings-font);
	--font-claim-big: normal normal normal 50px/55px var(--headings-font);
	--font-claim-small: normal normal normal 32px/41px var(--headings-font);
	--font-text: normal normal normal 23px/31px var(--body-font);
	--font-text-small: normal normal normal 21px/28px var(--body-font);
	--font-text-x-small: normal normal normal 18px/27px var(--body-font);
	--font-text-big: normal normal bold 25px/34px var(--body-font);
/*	--font-text-heading: normal normal normal 28px/35px var(--headings-font);*/
	--font-button-big: normal normal normal 27px/28px var(--headings-font);
	--font-button-small: normal normal normal 22px/22px var(--headings-font);
	--line-height: 34px;
  }
}
@media (min-width: 1401px) and (max-width: 1800px) {
  :root {
	--menu-button-height: 53px;
	--font-h1: normal normal normal 51px/60px var(--headings-font);
	
	--font-h2: normal normal normal 38px/45px var(--headings-font); /*Löschen*/
	--font-h3: normal normal normal 32px/41px var(--headings-font); /*Löschen*/
	--font-size-h3: 32px;	
	--font-h4: normal normal 600 27px/32px var(--body-font);
	--font-claim: normal normal normal 30px/39px var(--headings-font);
	--font-claim-big: normal normal normal 50px/55px var(--headings-font);
	--font-claim-small: normal normal normal 27px/33px var(--headings-font);
	
	--font-text: normal normal normal 25px/34px var(--body-font); /*Löschen*/
	
	--font-text-small: normal normal normal 25px/32px var(--body-font); /*Löschen*/
	
	--font-text-x-small: normal normal normal 18px/27px var(--body-font);
	
	--font-text-big: normal normal 600 30px/36px var(--body-font); /*Löschen*/
	
/*	--font-text-heading: normal normal normal 28px/35px var(--headings-font);*/
	--font-button-big: normal normal normal 27px/28px var(--headings-font);
/*	--font-button-small: normal normal normal 22px/25px var(--headings-font);*/
	--font-button-small: normal normal normal 22px/22px var(--headings-font);
	--line-height: 34px;
  }	
}
@media (min-width: 581px) and (max-width: 1800px) {
  :root {
	--slide-box-height: 12vw;
	--slide-box-width: 55%;
  } 
}
@media (max-width: 580px) {
  :root {
	--slide-box-height: 21vw;
	--slide-box-width: 75%;
  } 
}
@media (min-width: 1581px) {
	:root {
		--box-padding-left-right: 35px; /*45px;*/
		--box-padding-top: 35px; /*45px;*/
		--box-padding-bottom: 30px; /*40px;*/
		--li-padding: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1580px) {
	:root {
		--box-padding-left-right: 25px; /*35px;*/
		--box-padding-top: 25px; /*35px;*/
		--box-padding-bottom: 20px; /*30px;*/
		--li-padding: 20px;
	}
}
@media (max-width: 767px) {
	:root {
		--box-padding-left-right: 20px; /*25px;*/
		--box-padding-top: 20px; /*25px;*/
		--box-padding-bottom: 15px; /*20px;	*/
		--li-padding: 16px;
	}
}
@media (min-width: 1651px) and (max-width: 1800px) {
  :root {
	--grid-margin: 188px;
	--menu-font-style: normal normal normal 24px/28px var(--menu-font);
	--menu-letter-spacing: 0.5px;
	--menu-button-height: 49px;
	--font-h2: normal normal normal 38px/45px var(--headings-font);   
	 --font-h3: normal normal normal 28px/34px var(--headings-font); 
	--font-text: normal normal normal 22px/29px var(--body-font);
	 --font-text-small: normal normal normal 21px/28px var(--body-font); 
	 --font-text-big: normal normal bold 25px/34px var(--body-font);	
  }
}
@media (min-width: 1581px) and  (max-width: 1650px) {
  :root {
	--menu-font-style: normal normal normal 23px/27px var(--menu-font);
	--menu-button-height: 47px;
	 --grid-margin: 165px;  
	--font-text: normal normal normal 22px/29px var(--body-font);
	--font-h2: normal normal normal 37px/44px var(--headings-font);
	--font-h3: normal normal normal 27px/33px var(--headings-font);
	--font-size-h3: 27px;
	--font-text-small: normal normal normal 21px/28px var(--body-font);	
	 --font-text-big: normal normal bold 24px/32px var(--body-font);
  }
}
@media (min-width: 1401px) and (max-width: 1650px) {
  :root {
	/*--menu-font-style: normal normal normal 19px/23px var(--menu-font);*/
	--menu-letter-spacing: 0.5px;
  }
}
@media (min-width: 1401px) and  (max-width: 1580px) {
  :root {
	--menu-font-style: normal normal normal 22px/25px var(--menu-font);
	--menu-button-height: 45px;
	--grid-margin: 155px; 
	 --font-h1: normal normal normal 46px/54px var(--headings-font);
	 --font-h2: normal normal normal 35px/42px var(--headings-font);	 
	 --font-h3: normal normal normal 26px/32px var(--headings-font);
	--font-size-h3: 26px;	 
	 --font-h4: normal normal 600 25px/29px var(--body-font);
	 --font-claim: normal normal normal 30px/40px var(--headings-font);
	 --font-text: normal normal normal 22px/29px var(--body-font);
	 --font-text-small: normal normal normal 20px/26px var(--body-font);
	 --font-text-heading: normal normal normal 25px/30px var(--headings-font);
	 --font-text-big: normal normal bold 23px/28px var(--body-font);
	 --line-height: 28px;
  }
}
@media (min-width: 1201px) and  (max-width: 1400px) {
  :root {
	--menu-font-style: normal normal normal 20px/24px var(--menu-font);
	--menu-letter-spacing: 0.5px;
	--menu-button-height: 41px;
	--grid-margin: 120px;
	 --font-h1: normal normal normal 44px/52px var(--headings-font);
	 --font-h2: normal normal normal 33px/39px var(--headings-font);
	 --font-h3: normal normal normal 25px/30px var(--headings-font);
	 --font-size-h3: 25px;
	 --font-h4: normal normal 600 24px/28px var(--body-font);
	 --font-claim: normal normal normal 28px/35px var(--headings-font);
	--font-claim-big: normal normal normal 50px/55px var(--headings-font);
	--font-claim-small: normal normal normal 27px/33px var(--headings-font);
	 --font-text: normal normal normal 20px/26px var(--body-font);
	 --font-text-small: normal normal normal 19px/25px var(--body-font);
	 --font-text-big: normal normal bold 22px/28px var(--body-font);
	 --font-text-heading: normal normal normal 24px/28px var(--headings-font);
	 --font-button-big: normal normal normal 24px/28px var(--headings-font);
/*	--font-button-small: normal normal normal 19px/25px var(--headings-font);*/
	--font-button-small: normal normal normal 19px/25px var(--headings-font);
	--font-text-x-small: normal normal normal 18px/25px var(--body-font);
	--line-height: 26px;
  }
}
@media (min-width: 992px) and  (max-width: 1200px) {
  :root {
	--menu-font-style: normal normal normal 19px/23px var(--menu-font);
	--menu-letter-spacing: 0.34px;
	--menu-button-height: 38px;
	--grid-margin: 60px;
	 --font-h1: normal normal normal 39px/46px var(--headings-font);
	 --font-h2: normal normal normal 30px/38px var(--headings-font);
	 --font-h3: normal normal normal 23px/27px var(--headings-font);
	 --font-size-h3: 23px;
	 --font-h4: normal normal 600 21px/25px var(--body-font);
	 --font-claim: normal normal normal 26px/32px var(--headings-font);
	--font-claim-big: normal normal normal 42px/47px var(--headings-font);
	--font-claim-small: normal normal normal 23px/30px var(--headings-font);
	 --font-text: normal normal normal 20px/26px var(--body-font);
	 --font-text-small: normal normal normal 18px/24px var(--body-font);
	--font-text-big: normal normal bold 21px/27px var(--body-font);
	--font-text-heading: normal normal normal 22px/26px var(--headings-font);
	--font-button-big: normal normal normal 22px/26px var(--headings-font);
/*	--font-button-small: normal normal normal 18px/24px var(--headings-font);*/
	--font-button-small: normal normal normal 18px/24px var(--headings-font);
	--font-text-x-small: normal normal normal 17px/23px var(--body-font);
	--line-height: 26px;
  }
}
@media (min-width: 992px) and  (max-width: 1070px) {
  :root {
	--menu-button-height: 38px;
	--grid-margin: 40px;
  }
}
/*@media (min-width: 768px) and  (max-width: 991px) {*/ /* bei 992 wurde Menü falsch dargestellt */
@media (min-width: 768px) and  (max-width: 991px) {  /* anstatt 991 */
  :root {
	--menu-font-style: normal normal normal 19px/23px var(--menu-font);
	--menu-button-height: 38px;
	--menu-letter-spacing: 0.7px;	
	--grid-margin: 40px;
	--font-h1: normal normal normal 32px/39px var(--headings-font); /*35px/42px*/
	--font-h2: normal normal normal 25px/30px var(--headings-font);
	--font-h3: normal normal normal 21px/25px var(--headings-font);
	--font-size-h3: 21px;
	--font-h4: normal normal 600 20px/24px var(--body-font);
	--font-claim: normal normal normal 22px/26px var(--headings-font);
	--font-claim-big: normal normal normal 32px/35px var(--headings-font);
	--font-claim-small: normal normal normal 22px/28px var(--headings-font);
	--font-text: normal normal normal 19px/24px var(--body-font);
	--font-text-small: normal normal normal 17px/21px var(--body-font);
	--font-text-x-small: normal normal normal 17px/23px var(--body-font);
	--font-text-big: normal normal bold 21px/27px var(--body-font);
	--font-text-heading: normal normal normal 22px/26px var(--headings-font);
	--font-button-big: normal normal normal 22px/26px var(--headings-font);
/*	--font-button-small: normal normal normal 22px/25px var(--headings-font);*/
	--font-button-small: normal normal normal 17px/21px var(--headings-font);
	--line-height: 24px;
  }
}
@media (min-width: 581px) and (max-width: 767px) {
  :root {
	--menu-font-style: normal normal normal 17px/21px var(--menu-font);
	--menu-button-height: 34px;
	--menu-letter-spacing: 0.46px;
/*	--grid-margin: 34px;*/
	/*--grid-margin: 6%!important;*/
	--grid-margin: 6vw!important;
	--font-h1: normal normal normal 30px/37px var(--headings-font);
	--font-h2: normal normal normal 25px/30px var(--headings-font);
	--font-h3: normal normal normal 21px/25px var(--headings-font);
	--font-size-h3: 21px;
	--font-h4: normal normal 600 20px/24px var(--body-font);
	--font-claim: normal normal normal 21px/25px var(--headings-font);
	--font-claim-big: normal normal normal 23px/29px var(--headings-font);
	--font-claim-small: normal normal normal 21px/27px var(--headings-font);
	--font-text: normal normal normal 19px/24px var(--body-font);
	--font-text-small: normal normal normal 17px/21px var(--body-font);
	--font-text-x-small: normal normal normal 17px/21px var(--body-font);
	--font-text-big: normal normal bold 20px/25px var(--body-font);
	--font-text-heading: normal normal normal 22px/26px var(--headings-font);
	--font-button-big: normal normal normal 22px/26px var(--headings-font);
/*	--font-button-small: normal normal normal 22px/25px var(--headings-font);*/
	--font-button-small: normal normal normal 17px/21px var(--headings-font);
	--line-height: 24px;
  } 
}
@media (max-width: 580px) {
  :root {
--menu-font-style: normal normal normal 15px/19px var(--menu-font);
--menu-button-height: 30px;
--menu-letter-spacing: 0.46px;
/*--grid-margin: 6%!important;*/
--grid-margin: 6vw!important;
	--font-h1: normal normal normal 28px/37px var(--headings-font);
	--font-h2: normal normal normal 23px/28px var(--headings-font);
	--font-h3: normal normal normal 19px/23px var(--headings-font);
	--font-size-h3: 19px;
	--font-h4: normal normal 600 18px/22px var(--body-font);
	--font-claim: normal normal normal 19px/23px var(--headings-font);
--font-claim-big: normal normal normal 22px/28px var(--headings-font);
	--font-claim-small: normal normal normal 19px/25px var(--headings-font);
	--font-text: normal normal normal 17px/22px var(--body-font);
	/*--font-text-small: normal normal normal 15px/19px var(--body-font);*/
--font-text-small: normal normal normal 17px/21px var(--body-font);
--font-text-x-small: normal normal normal 17px/21px var(--body-font);
	--font-text-big: normal normal bold 18px/23px var(--body-font);
	--font-text-heading: normal normal normal 20px/24px var(--headings-font);
	--font-button-big: normal normal normal 20px/24px var(--headings-font);
	--font-button-small: normal normal normal 15px/19px var(--headings-font);
	--line-height: 22px;
  } 
} 
@media (max-width: 420px) {
	  :root {
		--font-text-x-small: normal normal normal 15px/19px var(--body-font);
	  }
}

/*----- main menu widths (important for sub menu -----*/
:root {
/*  --menu-margin-left-1801: calc(var(--grid-margin-1801) + var(--logo-width) + 260px);*/
/*  --menu-item1-width-1920: 260px;*/
  --menu-item1-width-1920: 285px;
/*  --menu-item2-width-1920: 144px;*/
  --menu-item2-width-1920: 163px;
/*  --menu-item3-width-1920: 190px;*/
  --menu-item3-width-1920: 205px;
/*  --menu-item4-width-1920: 260px;*/
  --menu-item4-width-1920: 277px;
}

/*----- events -----*/
@media (min-width: 768px) {
  :root {
/*	--events-gap: var(--3-col-gap);*/
	--events-padding: 0 25px;
	--event-archiv-row-height: 25vw;
	--event-archiv-row-max-height: 420px;
	--registrants-col-gap: 25px;
	--registrants-row-gap: 30px;
  }
}
@media (min-width: 1651px) {
  :root {
	--events-gap: 30px;
  }
}
@media (min-width: 1581px) and (max-width: 1650px) {
  :root {
	--events-gap: 30px;
  }
}
@media (min-width: 1401px) and (max-width: 1580px) {
  :root {
	--events-gap: 25px;
	--events-padding: 0 23px;
  }
}
@media (min-width: 1201px) and  (max-width: 1580px) {
  :root {
	--events-gap: 22px;
	--registrants-col-gap: 20px;
	--registrants-row-gap: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  :root {
	--events-padding: 0 20px;
  }
}
@media (min-width: 992px) and  (max-width: 1200px) {
  :root {
	--events-gap: 22px;
	--registrants-col-gap: 15px;
	--registrants-row-gap: 20px;
  }
}
@media (min-width: 768px) and  (max-width: 991px) {
  :root {
	--events-gap: 22px;
	--registrants-col-gap: 15px;
	--registrants-row-gap: 20px;
  }
}
@media (max-width: 767px) {
  :root {
	--events-gap: 20px;
	--events-padding: 0 20px;
	--event-archiv-row-height: 25vw;
	--event-archiv-row-max-height: 420px;
	--registrants-col-gap: 15px;
	--registrants-row-gap: 20px;
  }
}

/*----- user list -----*/
:root {
	--card-color: var(--grau);
	--card-border-radius: 0;
}
@media (min-width: 1921px) {
  :root {
	--company-list-col-gap: 100px; /*50px;*/
	--company-list-row-gap: 55px;
  }
}
@media (min-width: 992px) and (max-width: 1920px) {
  :root {
	--company-list-col-gap: 8vw; /*4vw;*/
	--company-list-row-gap: 3vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
	--company-list-col-gap: 11vw; /*4vw;*/
	--company-list-row-gap: 5vw;
  }
}
@media (min-width: 579px) and (max-width: 767px) {
  :root {
	--company-list-col-gap: 17vw; /*3vw;*/
	--company-list-row-gap: 6vw;
  }
}
@media (min-width: 381px) and (max-width: 578px) {
  :root {
	--company-list-col-gap: 10vw;
	--company-list-row-gap: 8vw;
  }
}
@media (max-width: 380px) {
  :root {
	--company-list-col-gap: 0;
	--company-list-row-gap: 15vw;
  }
}

/*----- columns and forms -----*/
:root {
  --2-col-gap: 25px;
  --2-row-gap: 25px;
  --3-col-gap: var(--events-gap); /*30px;*/
  --3-row-gap: var(--events-gap); /*30px;*/
  --form-col-gap: 30px;
}
/*----- varia -----*/
:root {
  --p-margin-bottom: 1rem;
}
@media (min-width: 768px) {
	:root {
	--claim-margin-left-right: 10%;
	}
}
@media (max-width: 767px) {
	:root {
	--claim-margin-left-right: 3%;
	}
}

/*----- colors -----*/
:root {
  --weiss: #ffffff;
  --petrol: #669999;
  --petrol-dunkel: #003333;
  --grau: #CCCCCC;
  --grau1: #000029;  /* nötig? */
  --grau-dunkel: #00292B;  /* Lauftext */
  --gruen: #CCCC66;
  --gruen-hell: #CCCC00; /*gruen-hell nur noch für Design-Elemente */
  --schwarz: #000000;  /* nötig? */
  --rot: #FF5959;
  --error-color: var(--rot);
  --danger: var(--rot);
  --body-color: var(--petrol-dunkel);
  --headings-color: var(--grau-dunkel);
  --claim-color: var(--petrol-dunkel);
  --link-hover-color: var(--gruen);
  --link-hover-color-dark: var(--petrol);
  --link-hover-color-dark-dark: var(--petrol-dark);
  --button-bg: var(--petrol-dunkel);
  --button-bg-hell: var(--gruen); 
  --button-color: var(--weiss);
  --button-hover-bg: var(--petrol); 
  --button-hover-color: var(--weiss);  
  --header-footer-bg-color: var(--petrol-dunkel);
  --footer-top-bg-color: var(--petrol);
  --button-bg-color: var(--petrol-dunkel);
  --var(--info): var(--petrol-dunkel);
}
.text-info {
	color: var(--petrol-dunkel)!important;
}
/*----- borders -----*/
:root {
  --border-color: #003333;
  --border-color-translucent: #003333;
  --border-radius: 0;
  --border-radius-sm: 0;
  --border-radius-lg: 0;
  --border-radius-xl: 0;
  --border-radius-2xl: 0;
/*  --border-radius-pill: 50rem;*/
/*  --link-color: var(--cassiopeia-color-link);
  --link-hover-color: var(--cassiopeia-color-hover);*/
  --code-color: #003333;
  --highlight-bg: #fff;
} 
/*----- pagination -----*/
/*???? wird nicht übernommen ???  */
:root {
  --pagination-bg: var(--weiss);
  --pagination-active-bg: var(--gruen);
  --pagination-disabled-bg: var(--weiss);
  --pagination-border-width: 2px;
  --pagination-border-color: #707070;
  --pagination-active-border-color: #707070;
  --pagination-disabled-border-color: transparent;
  --pagination-color: var(--body-color);
  --pagination-active-color: var(--body-color);
  --pagination-disabled-color: var(--body-color);
  --pagination-font-size: 20px;
  --pagination-padding-y: 0;
  --pagination-padding-x: 8px;
}



html, body  { 
	height: 100%;
	width: 100%;
}
body {
/*	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;*/
	margin: 0;
	width: 100vw;
	max-width: 100%;
	overflow-x: hidden;
/*	font: normal normal normal 28px/36px var(--body-font);*/
	font: var(--font-text);
	letter-spacing: 0px;
	color: var(--body-color);	
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
}

/*-----------------------------------------*/
/*-------------- Header -------------------*/
/*-----------------------------------------*/
.container-header {
  background-color: var(--header-footer-bg-color);
  background-image: none;
  box-shadow: 0px 3px 6px #00000029;
}
.container-header .grid-child {
	padding: 0;
}
.header .grid-child:first-child {
  padding: 0;
}
.container-header .navbar-brand {
  height: 100%;
  width: 100%;
  padding: 0;
}
.container-header .navbar-brand a {
	height: 100%;
	display: inline-block;
	width: 100%;
	position: relative; 
}
/*@media (min-width: 981px) {*/
@media (min-width: 992px) {
	.container-header .brand-logo img {
		margin-top: var(--logo-margin-top);
		padding: 0!important;  /* remove after removing user_override.css */
		width: 100%!important; /* remove "important" after removing user_override.css */
/*	bottom: 23px;
	position: absolute;*/
/*	height: var(--logo-height);*/
	}
}
/*@media (max-width: 767px) {*/
@media (max-width: 991px) {
	.container-header .navbar-brand {
/*		height: 70%;*/
/*		width: 80%;*/
		margin-top: auto;
		margin-bottom: auto;
		margin-inline-end: 0;
	}
	.container-header .navbar-brand a {
		display: flex;
		justify-content: center;
	}
}

@media (min-width: 1651px) and (max-width: 1800px) { 
	.container-header .brand-logo img { /* TEST aus override.css --prüfen ob nötig */
/*		width: 80%;	*/
	}
}
@media (min-width: 1581px) and (max-width: 1650px) {
	.container-header .brand-logo img { /* TEST aus override.css --prüfen ob nötig */
    /*width: 90%;	*/
	}
}
@media (min-width: 1401px) and  (max-width: 1580px) {
	.container-header .brand-logo img { /* TEST aus override.css --prüfen ob nötig */
    /*width: 75%;	*/
	}
}
@media (min-width: 1201px) and  (max-width: 1455px) {
	.container-header .brand-logo img { /* TEST aus override.css --prüfen ob nötig */
	/*width: 70%;*/
	}	
}
@media (min-width: 1201px) and  (max-width: 1400px) {
	.container-header .brand-logo img { /* TEST aus override.css --prüfen ob nötig */
    /*width: 85%;	
	padding-top: 7px;*/
	}
}
@media (min-width: 1200px) and (max-width: 1300px) {
	.container-header .brand-logo img { /* TEST aus override.css --prüfen ob nötig */
    /*width: 80%;	*/
}
}
@media (min-width: 992px) and (max-width: 1040px) {
	.container-header .brand-logo img { /* TEST aus override.css --prüfen ob nötig */
    /*width: 85%;	*/
}
}

/*--- Menu Navbar ---*/
.header .container-nav {
	display: flex;
	justify-content: right;
/*	text-transform: uppercase;*/
}
.navbar {
/*, .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {*/
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
/*  -webkit-box-pack: justify;
  -ms-flex-pack: justify;*/
  align-items: flex-end;
  height: 100%;
  margin-top: 0!important;
}
/*@media (max-width: 991px) {*/
	.container-header {
		z-index: 9999;
	}
/*}*/

/*@media (min-width: 981px) {*/
@media (min-width: 992px) {
	.navbar {
		width: 100%;
	}
}

/*---------------------------------------------------*/
/*-------------- Header slideshow -------------------*/
/*---------------------------------------------------*/
@media (min-width: 1921px) {
  .container-banner:before {
	position: absolute;
	content: "";
	width: 100vw;
	height: 100%;
	top: 0;
	left: calc(((100vw - 1920px) / 2) * -1);
	background-color: var(--petrol);
  }
}
.slideshowck {
	margin: 0!important;
}
@media (max-width: 580px) {
	.slideshowck {
		height: 59vw !important;
	}
	.container-banner img {
		object-fit: cover;
		/*width: auto !important;*/
		height: 59vw !important;
	}
	.container-banner .camera_pag {
		display: none;
	}
	.container-banner .camera_caption {
		bottom: 3vw;
		padding-right: 4.8vw; /*85px;*/
		line-height: 1.1;
		font-size: 4vw!important;
		line-height: 4.8vw !important;
	}
	#camera_wrap_145 .camera_caption {
		font-size: 4vw!important;
		line-height: 4.8vw !important;
	}
	.container-banner .camera_pag {
		bottom: 2.5vw; /*50px;*/
	}
}
.container-banner .camera_caption {
	position: absolute;
	display: flex;
	height: var(--slide-box-height);
	width: var(--slide-box-width);
	max-width: var(--slide-box-width);
	font: var(--font-claim-big);
	border-top-right-radius: calc(var(--slide-box-height) / 2);
	border-bottom-right-radius: calc(var(--slide-box-height) / 2);
	background-color: var(--gruen-hell);
	opacity: 0.9;
	hyphens: manual;
}
@media (min-width: 1801px) {
	.container-banner .camera_caption {
		bottom: 90px;
		padding-right: 85px;
		transform: scale(0.8);
		left: -105.6px !important;
	}
	.container-banner .camera_pag {
		bottom: 40px;
	}
}
@media (min-width: 1201px) and (max-width: 1800px) {
	.container-banner .camera_caption {
		font-size: 2.5vw;
	}
}
/*@media (min-width: 481px) and (max-width: 1200px) {*/
@media (min-width: 581px) and (max-width: 1200px) {
	.container-banner .camera_caption {
		font-size: 3vw;
	}
}
/*@media (max-width: 480px) {
	.container-banner .camera_caption {
		font-size: 2.5vw!important;
	}
}*/
@media (min-width: 1201px) and (max-width: 1800px) {
	.container-banner .camera_caption {
		padding-right: 7.8vw; /*4.8vw; /*85px;*/
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.container-banner .camera_caption {
		bottom: 5vw;
		padding-right: 5.8vw; /*4.8vw; /*85px;*/
		line-height: 1.1;
	}
}
@media (min-width: 1201px) and (max-width: 1800px) {
	.container-banner .camera_caption {
		bottom: 5vw; /*/*90px;*/
		padding-right: 6.5vw;/*4.8vw; /*85px;*/
		line-height: 1.1;
	}
}
@media (min-width: 1780px) {
	.container-banner .camera_caption {
/*		padding-right: 5vw; /*85px;*/
	}
}
@media (min-width: 1651px) and (max-width: 1800px) {
	.container-banner .camera_pag {
		bottom: 35px;
	}
}
@media (min-width: 1581px) and (max-width: 1650px) {
	.container-banner .camera_pag {
		bottom: 30px;
	}
}
@media (min-width: 1201px) and  (max-width: 1580px) {
	.container-banner .camera_pag {
		bottom: 20px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.container-banner .camera_pag {
		bottom: 15px; /*2.5vw; */
	}
}
@media (max-width: 991px) {
	.container-banner .camera_caption {
		bottom: 5.5vw; /*90px;*/
		padding-right: 4.8vw; /*85px;*/
		line-height: 1.1;
	}
	.container-banner .camera_pag {
		bottom: 10px;
	}
}
.container-banner .camera_caption > div {
	align-self: center;
	background: transparent;
	height: auto;
}
.container-banner .camera_caption > div {
	padding: 0 0 0 var(--grid-margin);
}
.container-banner .camera_play {
	display: none;
}
.container-banner .camera_pag {
	position: absolute;
	width: 100%;
	height: 20px;	
}
.camera_wrap .camera_pag .camera_pag_ul {
	text-align: center!important;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: var(--weiss)!important;		
	border-radius: 9px!important;
	height: 18px!important;
	width: 18px!important;
	margin: 0 10px!important;
}
@media (max-width: 991px) {
	.camera_wrap .camera_pag .camera_pag_ul li {  
		border-radius: 6px !important;
		height: 12px !important;
		width: 12px !important;
	}
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
	background: var(--gruen-hell)!important;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: transparent!important;
}

/*---------------------------------------------------------------*/
/*-------------- Header image & text (static) -------------------*/
/*---------------------------------------------------------------*/
.container-banner p, .container-banner img {
	margin: 0;
}
.container-banner {
	position: relative;
	margin: 0;
}
.container-banner .mod-custom.custom:nth-child(2) {
	position: absolute;
	bottom: 90px;
	display: flex;
	width: 65%!important;
	max-width: 65%!important;
	height: 220px;
	padding-right: 85px;
	font: normal normal normal 50px/55px var(--headings-font);
	background-color: var(--gruen-hell);
	border-top-right-radius: 110px;
	border-bottom-right-radius: 110px;
	opacity: 0.9;
}
.container-banner .mod-custom.custom:nth-child(2) p {
/*	align-self: last baseline;*/
	align-self: center;
	color: #fff;
}
.container-banner .mod-custom.custom:nth-child(2) {
	padding-left: var(--grid-margin);
}
.header, .site-grid {
	display: grid;
	grid-gap: 0;
}
.site-grid {
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

/*-----------------------------------------*/
/*------ Header & Content Structure -------*/
/*------ content starts in col 2 ----------*/
/*-----------------------------------------*/
.header .grid-child {
	height: var(--header-height);
}
.header .container-nav, .metismenu.mod-menu .metismenu-item {
	font: var(--menu-font-style);
	letter-spacing: var(--menu-letter-spacing);
}
@media (min-width: 1921px) {
/*	.header {   /* hatte keine Wirkung
		height: 165px;
	}*/
	.header, .site-grid {
		grid-template-columns: 1fr var(--grid-margin) var(--logo-width) calc(1920px - var(--logo-width) - 2 * (var(--grid-margin))) var(--grid-margin) 1fr ;
	}
	.header .grid-child:first-child {
		grid-column-start: 3;
		grid-column-end: 3;
	}
	.header .container-nav {
		grid-column-start: 4;
		grid-column-end: 5;
	}
	.metismenu.mod-menu .metismenu-item {
		font: normal normal normal 25px/31px var(--menu-font);	
		letter-spacing: 0.7px;
	}
	.site-grid .container-banner {
		grid-column-start: 2 !important;
		grid-column-end: 6 !important;
	}
	.site-grid .container-component {
		grid-column-start: 3 !important;
		grid-column-end: 5 !important;
	}
	.container-banner img {
		border-bottom: 83px solid #C9DCE2;
	}
}
/*@media (min-width: 768px) and (max-width: 1920px) {*/
@media (max-width: 1920px) {
	.header, .site-grid {
		grid-template-columns: var(--grid-margin) var(--logo-width) 1fr var(--grid-margin);
/*		grid-template-columns: var(--grid-margin) var(--logo-width) 1fr calc(var(--grid-margin) + 10px);*/
	}
	.header .grid-child:first-child {
		grid-column-start: 2;
		grid-column-end: 3;
	}
	.header .container-nav {
		grid-column-start: 3;
		grid-column-end: 5;
		padding-right: var(--grid-margin);
	}
}
@media (min-width: 992px) {
	.container-component > * + *, .mod-wer-sind-wir {
		margin-top: 60px!important; /*100px;*/
	}
	.container-header .mod-menu {
		justify-content: flex-end;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.container-component > * + *, .mod-wer-sind-wir {
		margin-top: 30px!important;
	}
	.header .container-nav {
		grid-column-end: 4;
	}
}
/*@media (max-width: 991px) {
	.header .container-nav {
		grid-column-end: 4;
	}
}*/
@media (max-width: 767px) {
	.header, .site-grid {
/*		grid-template-columns: var(--grid-margin) 1fr var(--toggle-width) 20px var(--toggle-width) var(--grid-margin);*/
	}
	.header .grid-child:first-child {
/*		grid-column-start: 2;
		grid-column-end: 3;*/
	}
	.header .container-nav {
		/*grid-column-end: 4;*/
/*		grid-column-start: 5;*/
/**		grid-column-end: 6;**/
/*		padding-right: var(--grid-margin);*/
	}
	.container-component > * + *, .mod-wer-sind-wir {
		margin-top: 30px!important;
	}
}


/*---------------------------------------------------*/
/*-------------- Main Menu 1st level ----------------*/
/*---------------------------------------------------*/
/* TEST deaktivieren Member-Area */
.member-area {
/*cursor: default;
pointer-events: none;*/
}
/*END TEST */
/*.logged-in .login-link {*/
body.logged-in .metismenu.mod-menu a.member-area ~ ul > li:first-child {	
	display: none;
}
.metismenu.mod-menu .metismenu-item.level-1 {
  line-height: 1;
}
@media (min-width: 992px) {
	.metismenu.mod-menu > .metismenu-item.level-1.active::before, 
	body.logged-in.einzelmitglied .metismenu.mod-menu > .metismenu-item.level-1:last-of-type::before,
	body.logged-in.firmenmitglied .metismenu.mod-menu > .metismenu-item.level-1:last-of-type::before {
		content: " ";
		position: absolute;
		top: 8px; /*10px;*/
		left: 11px; /*21px;*/
		width: 34px;
		height: 34px;
		background-color: var(--gruen);
		border-radius: 17px;
	}
}
@media (max-width: 991px) {
	.metismenu.mod-menu > .metismenu-item.level-1.active::before, 
	body.logged-in.einzelmitglied .metismenu.mod-menu > .metismenu-item.level-1:last-of-type::before,
	body.logged-in.firmenmitglied .metismenu.mod-menu > .metismenu-item.level-1:last-of-type::before {
/* ??? */
	}
}
@media (max-width: 1400px) {
	.metismenu.mod-menu > .metismenu-item.level-1.active::before {
		top: 8px;
		left: 11px;
		width: 30px;
		height: 30px;
	}
}

/*-- fixe Breiten um Untermenü farbig zu hinterlegen --*/
@media (min-width: 1921px) {
	.metismenu.mod-menu .metismenu-item.level-1 {
		/*padding: 10px 20px 40px;*/
		padding: 10px 17px 40px;
	}
/*	.metismenu.mod-menu > li:nth-child(1) {
		width: var(--menu-item1-width-1920);
	}
	.metismenu.mod-menu > li:nth-child(2) {
		width: var(--menu-item2-width-1920);
	}
	.metismenu.mod-menu > li:nth-child(3) {
		width: var(--menu-item3-width-1920);
	}*/
/*	.metismenu.mod-menu > li:nth-child(4) {
		width: var(--menu-item4-width-1920);
	}*/
}
@media (min-width: 1651px) and (max-width: 1920px) {
	.metismenu.mod-menu .metismenu-item.level-1 {
		padding: 10px 20px 40px;
	}
	.metismenu.mod-menu > li:nth-child(3) {
		padding-right: 40px!important;
	}
/*	.metismenu.mod-menu > li:not(last-child) {
		padding-right: 40px;
	}*/
}
@media (min-width: 1581px) and (max-width: 1650px) {
/*.metismenu.mod-menu .metismenu-item.level-1:not(:last-of-type) {
  padding: 10px 10px 40px !important;
}
	.metismenu.mod-menu > .metismenu-item.level-1.active:not(:last-of-type)::before {
  left: 10px;
}*/
}
@media (min-width: 1401px) and (max-width: 1650px) {
	.metismenu.mod-menu .metismenu-item.level-1:not(:last-of-type) {
		padding: 10px 10px 40px !important;
	}
	.metismenu.mod-menu > .metismenu-item.level-1.active:not(:last-of-type)::before {
		left: 10px;
	}
	.metismenu.mod-menu .metismenu-item.level-1:last-of-type {
		padding: 10px 20px 40px!important;
	}
	.metismenu.mod-menu > li:nth-child(3) {
		padding-right: 40px!important;
	}
}
@media (min-width: 1201px) and  (max-width: 1400px) {
	.metismenu.mod-menu .metismenu-item.level-1:not(:last-of-type) {
		padding: 10px 6px 40px !important;
	}
	.metismenu.mod-menu > .metismenu-item.level-1.active:not(:last-of-type)::before {
		left: 10px;
	}
	.metismenu.mod-menu > .metismenu-item.level-1.item-111::after {
		top: -26px;  /* Button besser platzieren */
	}
}
@media (min-width: 1281px) and (max-width: 1400px) {
	.metismenu.mod-menu .metismenu-item.level-1:last-of-type {
		padding: 10px 10px 35px!important;
	}
}
@media (min-width: 1101px) and (max-width: 1200px) {
	.metismenu.mod-menu .metismenu-item.level-1:not(:last-of-type) {
		padding: 10px 0 28px!important;
	}
}
@media (min-width: 1101px) and (max-width: 1281px) {  /* 1281 instead of 1280: avoid error in pixeling */
	.metismenu.mod-menu .metismenu-item.level-1:last-of-type {
		padding: 10px 10px 35px!important;
	}
}
@media (min-width: 992px) and (max-width: 1100px) {
	.metismenu.mod-menu .metismenu-item.level-1:not(:last-of-type) {
		padding: 10px 0 34px!important; /*40px!important;*/
	}
	.metismenu.mod-menu .metismenu-item.level-1:last-of-type {
		padding: 10px 10px 34px!important; /*40px!important;*/
	}
}
@media (min-width: 992px) and  (max-width: 1400px) {
	.metismenu.mod-menu > li:nth-child(3) {
		padding-right: 40px!important;
	}
	.metismenu.mod-menu > .metismenu-item.level-1.active:not(:last-of-type)::before {
		left: 0;
	}
}
/*.metismenu.mod-menu > li:nth-child(3) {
	margin-right: 40px;
}*/

/*.metismenu.mod-menu .metismenu-item.level-1:not(.active):not(:hover) > a:not(:hover),
.metismenu.mod-menu .metismenu-item.level-1.active.deeper.parent > a {
  padding-bottom: 20px;
}
.metismenu.mod-menu .metismenu-item.level-1 > a:hover, 
.metismenu.mod-menu .metismenu-item.current.active.level-1 > a,
.metismenu.mod-menu .metismenu-item.level-1:hover > a {
  padding-bottom: 15px;
}
.metismenu.mod-menu > .metismenu-item > a:hover, .metismenu.mod-menu > .metismenu-item > a:focus,
.metismenu.mod-menu > .metismenu-item.current.active > a,
.metismenu.mod-menu > .metismenu-item:hover > a {
	color: #D97A07;
	padding-bottom: 10px;
	border-bottom: 5px solid #D97A07;
}*/
.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {
  outline: none;
}

/*@media (min-width: 1921px) {
	.metismenu.mod-menu > .metismenu-item.level-1.active::before {
		left: 38px;
	}
}
@media (max-width: 1920px) {
	.metismenu.mod-menu > .metismenu-item.level-1.active::before {
		left: 21px;
	}
}*/
/* Aktiver Menüpunkt braucht zusätzlich Kreis-Grafik. Diese muss über dem petrol Button liegen */
.metismenu.mod-menu > .metismenu-item > a.member-area {
/*	background-color: var(--petrol);
	border-radius: 27px;
	padding: 10px 20px;*/
/*	margin-top: -40px;
	padding: 15px;*/
}
.metismenu.mod-menu > .metismenu-item > a.member-area::before {
/*	position: absolute;*/
/*	top: -20px;
	bottom: -20px;*/
/*	height: calc(100% + 40px);*/
/*	content: " ";
	position: relative;
	width: 100%;
	height: 54px;
	margin-top: 40px;
	background-color: var(--petrol);
	border-radius: 27px;
	z-index: -1;
	display: block;
	top: 40px;*/
}

.metismenu.mod-menu > .metismenu-item.level-1 a {
	padding: 5px 15px 0;
}
.metismenu.mod-menu > li > a.member-area {
	color: var(--body-color);
}
.metismenu.mod-menu > .metismenu-item.level-1.item-111 a {
	padding: 5px 10px 0;
}
.metismenu.mod-menu > .metismenu-item.level-1.item-111::after {
	content: " ";
	position: absolute;
	width: 100%;
	height: var(--menu-button-height); /*54px;*/
	top: -24px;
	left: 0;
	background-color: var(--petrol);
	border-radius: 27px;
	z-index: -1;
	opacity: 1;
}
@media (min-width: 1201px) and (max-width: 1400px) {
	.metismenu.mod-menu > .metismenu-item.level-1.item-111::after {
			top: -26px;
	}
	.metismenu.mod-menu > .metismenu-item.level-1.item-111 a {
		padding-top: 0;
		padding-bottom: 0px;
	}
}
/*@media (min-width: 1101px) and (max-width: 1200px) {
	.metismenu.mod-menu > .metismenu-item.level-1.item-111::after {
			top: -17px;
	}
}*/
@media (min-width: 992px) and  (max-width: 1200px) {
	.metismenu.mod-menu > .metismenu-item.level-1.item-111::after {
		top: -19px;
	}
}
@media (min-width: 1921px) {
	.metismenu.mod-menu > .metismenu-item.level-1.item-111::after {
/*		left: -40px;*/
		right: 0;
	}
}

/*---------------------------------------------------*/
/*-------------- Main Menu 2nd level ----------------*/
/*---------------------------------------------------*/
/* hide public lists when logged in */
/* no class possible for li menu-item in joomla */
body.logged-in.einzelmitglied .item-259, body.logged-in.firmenmitglied .item-259, 
body.logged-in.einzelmitglied .item-166, body.logged-in.firmenmitglied .item-166 { 
	display: none!important;
}
/* hide profile */
body:not(.einzelmitglied) .menu-profil-einzelmitglied {
	display: none!important;
}
body:not(.firmenmitglied) .menu-profil-firmenmitglied {
	display: none!important;
}
body.einzelmitglied .menu-profil-einzelmitglied {
	margin-bottom: -5px;
}
body.firmenmitglied .menu-profil-firmenmitglied {
	margin-top: -5px;
}

@media (min-width: 992px) {
	nav li.deeper.parent > button {  /* use button for clicking on menu item */
		position: absolute!important;
		left: 0;
		width: 100%;
		color: transparent !important;
	}
	.container-header .metismenu > li > a::after, .container-header .metismenu > li > button::before {
		display: none;
	}
	.metismenu.mod-menu .metismenu-item > ul {
		-webkit-box-shadow: none;
		box-shadow: none;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: transparent;
	}
	ul.mm-collapse.mm-show li {
		position: relative;
		z-index: 9;
	}
}
.metismenu.mod-menu .metismenu-item.level-2 {
	padding: 0;
}
.metismenu.mod-menu .metismenu-item.level-2:not(:nth-child(1)) {
	padding-top: 8px;
}
.metismenu.mod-menu .metismenu-item.level-2 > a {
	color: var(--weiss);
	text-decoration: none;
}
.metismenu.mod-menu .metismenu-item.level-1:nth-child(2) .metismenu-item.level-2:nth-child(3) {
/*	display: none;  /* hide registration history */
}

/*@media (min-width: 1921px) {
	ul.mm-collapse.mm-show::before {
		width: 100vw;		
	}
	/* Abstand vom linken Rand berechnen. Korrektur um 20px */
/***	#nav li:nth-of-type(1).deeper.parent.mm-active ul.mm-collapse.mm-show::before {
/**		left: calc((100vw - var(--menu-item1-width-1920) - var(--menu-item2-width-1920) - var(--menu-item3-width-1920) - var(--menu-item4-width-1920) - var(--grid-margin-1801) - ((100vw - 1920px) / 2) + 20px) * -1);**/
/***		left: calc((100vw - var(--menu-item1-width-1920) - var(--menu-item2-width-1920) - var(--menu-item3-width-1920) - var(--menu-item4-width-1920) - var(--grid-margin) - ((100vw - 1920px) / 2) + 20px) * -1);
/*		left: calc((100vw - var(--menu-item1-width-1920) - var(--menu-item2-width-1920) - var(--menu-item3-width-1920) - var(--menu-item4-width-1920) - var(--grid-margin-1801) - ((100vw - 1920px) / 2)) * -1);*/
/***	}
	#nav li:nth-of-type(2).deeper.parent.mm-active ul.mm-collapse.mm-show::before {
/*		left: calc((100vw - var(--menu-item2-width-1920) - var(--menu-item3-width-1920) - var(--menu-item4-width-1920) - var(--grid-margin-1801) - ((100vw - 1920px) / 2) - 16px) * -1);*/
/***		width: 300vw!important;
		left: -100vw;
	}
	#nav li:nth-of-type(3).deeper.parent.mm-active ul.mm-collapse.mm-show::before {
/*		left: calc((100vw - var(--menu-item3-width-1920) - var(--menu-item4-width-1920) - var(--grid-margin-1801) - ((100vw - 1920px) / 2) - 16px) * -1);*/
/**		left: calc((100vw - var(--menu-item3-width-1920) - var(--menu-item4-width-1920) - var(--grid-margin-1801) - ((100vw - 1920px) / 2)) * -1);**/
/***		left: calc((100vw - var(--menu-item3-width-1920) - var(--menu-item4-width-1920) - var(--grid-margin) - ((100vw - 1920px) / 2) + 20px) * -1);
	}
}*/


/*@media (min-width: 992px) and  (max-width: 1920px) {*/
/*TEST*/
	li.deeper.parent.mm-active ul.mm-collapse.mm-show {
		width: 200vw!important;
		margin-left: -100vw;
		padding-left: 100vw;
		background-color: var(--petrol);
		box-shadow: 0px 3px 6px #00000029;
		opacity: 0.95;
	}

/*TEST ---- Hintergrund im Header --- Bei Click auf Hauptmenüpunkt per Javascript ein- und ausblenden */
/*.container-header:after {
		content: " ";
		position: absolute;
		top: 100%;
		z-index: 1;
		width: 100vw;
		height: 150px;
		background-color: var(--petrol);
		box-shadow: 0px 3px 6px #00000029;
		opacity: 0.93;
}*/

/*	li.deeper.parent.mm-active ul.mm-collapse.mm-show::before {
		left: -100vw;
		width: 200vw!important;		
	}*/
/*TESTENDE*/
/*}*/

@media (max-width: 1920px) {
	.site-grid .container-banner {
		grid-column-start: 1 !important;
		grid-column-end: 5 !important;
	}
	.site-grid .container-component {
		grid-column-start: 2 !important;
		grid-column-end: 4 !important;
	}
}
/*@media (max-width: 767px) {
	.site-grid .container-banner {
		grid-column-start: 1 !important;
		grid-column-end: 6 !important;
	}
	.site-grid .container-component {
		grid-column-start: 2 !important;
		grid-column-end: 5 !important;
	}
}*/


/*----------------------------------------------*/
/*-------------- Menu small screen -------------------*/
/*----------------------------------------------*/
@media (max-width: 1400px) {

}
/*----------------------------------------------*/
/*-------------- Mobile Menu -------------------*/
/*----------------------------------------------*/
@media (max-width: 991px) {   /** anstatt 991. Ansonsten wurde bei 992 Menü falsch dargestellt */
	.container-nav {
		padding-right: 0!important;
	}
	.container-nav .navbar-collapse:not(.show) {
		display: none!important;
	}
	.container-nav .navbar {
		margin: 0 0 0 auto!important;
	}
	.container-nav .navbar-toggler	{
		display: block;
/*		position: absolute;
		top: 35px;
		right: var(--grid-margin);*/
		height: var(--toggle-width); /*40px;*/
		width: var(--toggle-width); /*40px;*/
		border: none!important;
		border-radius: 0!important;
		background-repeat: no-repeat;
		background-size: var(--toggle-width) var(--toggle-width); /*40px 40px;*/
		background-position: 0 0;	
/*margin-right: var(--grid-margin);*/
/*margin-left: auto;*/
		/*margin-bottom: calc((var(--header-height) - var(--toggle-width)) / 2); /*var(--logo-margin-top);*/
		margin: auto 0;
/*float: right!important;*/
	}
	.container-nav .navbar-toggler[aria-expanded="false"] {
		background-image: url("../images/hamburger.svg");
	}
	.container-nav .navbar-toggler[aria-expanded="true"] {
		background-image: url("../images/close.svg");
	}
	.navbar-toggler:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.container-nav .navbar-toggler .icon-menu {
		display: none;
	}
/*	.container-nav .navbar-toggler .icon-menu::before {
		content: "";
	}*/
	.container-nav .navbar-collapse.show {
		display: block!important;
		position: absolute;
		top: var(--header-height);
		background-color: var(--petrol);
		box-shadow: 0px 3px 6px #00000029;
		opacity: 0.95;
		margin: 0;
/*		min-width: 50%;
		max-width: 100%;*/
/*		overflow: hidden;*/
	}
	.container-nav .navbar-collapse.show ul {
		display: block!important;
		margin-inline-end: 0;
	}
	.container-nav .navbar-collapse.show ul ul {
		position: relative;
		background-color: transparent;
		box-shadow: none;
		max-width: 100%;
		padding-left: 15px;
	}
	.container-nav .navbar-collapse.show ul .mm-toggler {
		display: none;
	}
	.container-nav .navbar-collapse.show li {
		display: block;
	}
	.container-nav .navbar-collapse.show li a {
		color: var(--weiss);
		text-decoration: none!important;
	}
/*	.container-nav .navbar-collapse.show li a:hover {
		color: var(--grau);
	}*/
	.container-nav .navbar-collapse.show li.active > a {
		color: var(--petrol-dunkel);
	}
	.container-nav .navbar-collapse.show > ul > li:not(:last-of-type) {
		border-bottom: 1px solid var(--weiss);
	}
	.metismenu.mod-menu > .metismenu-item.level-1.active::before {
		display: none;
	}
	
	/* Login Menu Icon */
	.header .container-nav {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
	}
.container-nav .navbar {
  margin: 0 !important;
}
	#login-member-mobile {
		flex: none;
		position: relative;
	}
	#login-member-mobile li {
		padding: 0;
		margin: auto 20px auto 0;
	}
	#login-member-mobile li img {
		height: var(--login-icon-width); /*40px;*/
		width: var(--login-icon-width); /*40px;*/
		background-repeat: no-repeat;
		background-size: var(--login-icon-width) var(--login-icon-width); /*40px 40px;*/
		background-position: 0 0;
	}
	
	/*.container-nav .navbar-toggler:before	{
		background-image: url("../images/login_mobile.svg");
		height: 40px;
		width: 40px;
		background-repeat: no-repeat;
		background-size: 40px 40px;
		background-position: 0 0;
	}*/

}
@media (min-width: 768px) and (max-width: 991px) {
	.container-nav .navbar-collapse.show {
		/*right: 0;*/
		right: calc(var(--grid-margin) * -1);  /* TEST 31.08. */
		width: 550px;
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.container-nav .navbar-collapse.show li a {
		padding-left: var(--grid-margin)!important; /*30px!important;*/
		padding-right: var(--grid-margin)!important; /*30px!important;*/
	}
	.container-nav .navbar-collapse.show li.level-1 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.container-nav .navbar-collapse.show li.level-2 {
		padding: 8px 15px!important;
	}
	.container-nav .navbar-collapse.show li.level-2:first-child {
		padding-top: 20px!important;
	}
	.container-nav .navbar-collapse.show li.level-2 a {
		padding: 0 40px!important;
	}
}
@media (max-width: 767px) {
	.container-nav .navbar-collapse.show {
		width: 100vw;
		right: 0;
		/*right: calc(var(--grid-margin) * -1);*/
		/*left: calc((100vw - var(--toggle-width) - var(--grid-margin)) * -1);*/
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.container-nav .navbar-collapse.show {  
/*		padding-left: var(--grid-margin);   /* TEST 31.08. */
/*		padding-right: var(--grid-margin);   /* TEST 31.08. */
	}
	.container-nav .navbar-collapse.show li.level-1 {
		/*padding-left: 10px;*/   /* TEST 31.08. */
/*		padding-left: 0!important;  /* TEST 31.08. */
/*		padding-top: 20px;
		padding-bottom: 20px;*/
		padding: 20px 0;
	}
	.container-nav .navbar-collapse.show li.level-2 {
		/*padding-left: var(--grid-margin);  /* TEST 31.08. */
		padding: 7px 0 0!important;  /* TEST 31.08. */
	}
	.container-nav .navbar-collapse.show li.level-2:first-child {
		padding-top: 12px!important;
	}
	.container-nav .navbar-collapse.show li.level-1 a {  /* TEST 31.08. */
		padding-left: var(--grid-margin)!important;   /* TEST 31.08. */
		padding-right: var(--grid-margin)!important;   /* TEST 31.08. */		
	}
	.container-nav .navbar-collapse.show li.level-2 a {  /* TEST 31.08. */
		padding-left: calc(var(--grid-margin) * 2)!important;   /* TEST 31.08. */
		padding-right: var(--grid-margin)!important;   /* TEST 31.08. */		
	}
	.container-nav .navbar {
		/*margin-right: 6vw !important; /* %margin doesn't work in grid*/
	}
	/* Login Menu Icon */
	/* to have enough space for login icon */
	.header {
		/*display: block;*/
/**		display: grid;**/
	}
	.header .grid-child:first-child {
/*		max-width: calc(100% - 80px - 100px - var(--grid-margin));
		margin-left: var(--grid-margin);*/
/**		margin-right: 0;**/
	}
	.header .grid-child:last-child {
/**		max-width: 180px;
		margin: 0;
		justify-self: flex-end;**/
		/*margin-right: var(--grid-margin);*/
	}
	.header .container-nav .navbar {
		padding-right: 6vw;
	}
}
@media (max-width: 510px) {
/* Login Menu Icon */
/* to have enough space for login icon */
	.header {
		display: flex;
	}
	.header .grid-child:first-child {
		/*max-width: calc(100% - 80px - 100px - var(--grid-margin));*/
		margin-left: var(--grid-margin);
		margin-right: 0;
	}
	.header .container-nav {
		/*margin-right: var(--grid-margin);*/
		max-width: calc(130px + var(--grid-margin));
	}
}
/* Korrektur linker Rand beim Mobile Menu */
@media (min-width: 671px) and (max-width: 767px) {
	.container-nav .navbar-collapse.show li.level-1 > a {
		padding-left: calc(var(--grid-margin) + 2.4vw)!important;
	}
}
@media (min-width: 571px) and (max-width: 670px) {
	.container-nav .navbar-collapse.show li.level-1 > a {
		padding-left: calc(var(--grid-margin) + 2.9vw)!important;
	}
}
@media (min-width: 511px) and (max-width: 570px) {
	.container-nav .navbar-collapse.show li.level-1 > a {
		padding-left: calc(var(--grid-margin) + 3.3vw)!important;
	}
}
@media (min-width: 471px) and (max-width: 510px) {
	.container-nav .navbar-collapse.show li.level-1 > a {
		padding-left: calc(var(--grid-margin) + 3.3vw)!important;
	}
}
@media (min-width: 421px) and (max-width: 470px) {
	.container-nav .navbar-collapse.show li.level-1 > a {
		padding-left: calc(var(--grid-margin) + 3.8vw)!important;
	}
}
@media (min-width: 371px) and (max-width: 420px) {
	.container-nav .navbar-collapse.show li.level-1 > a {
		padding-left: calc(var(--grid-margin) + 4.4vw)!important;
	}
}
@media (max-width: 370px) {
	.container-nav .navbar-collapse.show li.level-1 > a {
		padding-left: calc(var(--grid-margin) + 5vw)!important;
	}
}
/* Ende Korrektur */


body.logged-in #login-member-mobile::before {
	content: " ";
	position: absolute;
	background-color: var(--gruen);
	border-radius: 17px;
}
@media (min-width: 768px) and (max-width: 991px) {
	body.logged-in #login-member-mobile::before {
		top: 17px;
		left: 4px;
		width: 20px;
		height: 20px;
	}	
}
@media (min-width: 481px) and (max-width: 767px) {
	body.logged-in #login-member-mobile::before {
		top: 17px;
		left: 4px;
		width: 17px;
		height: 17px;
	}	
}
@media (max-width: 480px) {
	body.logged-in #login-member-mobile::before {
		top: 16px;
		left: 5px;
		width: 15px;
		height: 15px;
	}	
}

/*-----------------------------------------*/
/*----------- Article Container -----------*/
/*-----------------------------------------*/
.item-page .container {
	padding: 0;
	margin: 0;
	max-width: none;
}
.item-page .row {
	margin: 30px 0;
/*margin-top: calc(var(--gutter-y)*-1);*/
}
.item-page .container .row .col-sm-8 {
	flex-basis: 100%;
	padding: 0;
}
/*@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,9.875rem) minmax(0,29.875rem) minmax(0,29.875rem) minmax(0,9.875rem) [main-end] minmax(0,1fr) [full-end]
    }
  }
}*/

/*.noPaddingLeft  {
	padding-left: 0;
}
.noPaddingRight {
	padding-right: 0;
}*/
.page-header {
	margin-top: 0; /*50px;*/
}
/*@media (min-width: 1201px) and (max-width: 1800px) {*/
@media (min-width: 1201px) {
	.short-content .com-content-article__body, .wer-sind-wir .com-content-article__body,
	.reduced-width, .view-registrationcancel main, .com_eventbooking.view-complete main,
	.view-registrant main, .view-saveregisters	main {
/*.wer-sind-wir .com-content-article__body > *:not(.cblist) {*/
        margin-left: 10vw; /*13%;*/
        margin-right: 10vw; /*13%;*/
    } 
	
	.impressum.short-content .com-content-article__body { /*TEST*/
        margin-left: 15vw;
        margin-right: 5vw;
    } 	
/*	.wer-sind-wir hr.vorstand, .wer-sind-wir hr.vorstand ~ * {*/
	.wer-sind-wir .cblist,  /* cb list module nicht mehr aktiv */
	.mod-member-list-vorstand {
		margin-left: -10vw!important;
		margin-right: -10vw!important;
	}
}
@media (max-width: 1200px) {
	.short-content .com-content-article__body, .wer-sind-wir .com-content-article__body,
	.reduced-width, .view-registrationcancel main, .com_eventbooking.view-complete main,
	.view-registrant main, .view-saveregisters	main {
		margin-left: 0!important;
		margin-right: 0!important;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.impressum.short-content .com-content-article__body { /*TEST*/
		margin-left: 15vw !important;
		margin-right: 5vw !important;
    } 
}
@media only screen and (min-width: 1920px) {
}
@media only screen and (min-width: 1800px) and (max-width: 1919px) {
}
@media only screen and (min-width: 1400px) and (max-width: 1799px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}

/*---------------------------------------*/
/*--------------- Home ------------------*/
/*---------------------------------------*/

/* *****position main-bottom *****
.card, .card-body {
  padding: 0;
  border: none;
  border-radius: 0;
}*/
/* ***** Box 50% breit, alles untereinander *****
.ebm-upcoming-events {
	background-color: var(--gruen);
	padding: 30px!important;
	text-align: center;
}
.ebm-upcoming-events [class*="button-"] {
	margin-top: 20px;
}
.ebm-upcoming-events .ebm-event-link:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}
*/
/*---  upcoming event ---*/
/*.event-upcoming {*/   /* NEU nach Änderung Override ist diese class weg */
.ebm-upcoming-events {
	padding: var(--box-padding-top) var(--box-padding-left-right) var(--box-padding-bottom)!important;
	background-color: var(--gruen);
}
/*.event-upcoming a {*/
.ebm-upcoming-events a {
	text-decoration: none!important;
}
/*.event-upcoming a:hover {*/
.ebm-upcoming-events a:hover {
	color: inherit!important;
}
@media (min-width: 768px) {
	/*.ebm-upcoming-events {*/  /* WICHTIG: Struktur in php anders, Problem ungelöst */
	.ebm-upcoming-events > a {
		display: grid!important;
		grid-template-columns: 50% 50%!important;
		grid-template-rows: min-content min-content!important;
	}
	.ebm-upcoming-events .event-upcoming-title {
/*		grid-column-start: 1;
		grid-column-end: 1;
		grid-row-start: 1;
		grid-row-end: 1;*/
	}
/*	.event-upcoming .up-event-item {*/
	.ebm-upcoming-events .up-event-item {
/*	display: flex;  /* date before title */
/*   -webkit-flex-direction: column-reverse; 
	flex-direction: column-reverse;*/
		padding-right: 35px!important;
	}
	.ebm-upcoming-events .up-event-item {
/*		grid-column-start: 1;
		grid-column-end: 1;
		grid-row-start: 2;
		grid-row-end: 2;*/
	}
	/*.event-upcoming .event-upcoming-button {*/
	.ebm-upcoming-events .event-upcoming-button {
/*		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 3;
		margin-top: auto;
		margin-bottom: auto;*/
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media (max-width: 767px) {
	.ebm-upcoming-events .event-upcoming-button {
		text-align: center;
		margin-top: 27px!important;
		margin-bottom: 10px !important;
	}
	.ebm-upcoming-events .event-upcoming-button .button-gross { /* show as button-klein */
		border-radius: 26px !important;
		padding: 13px 26px 14px !important;
		font: var(--font-button-small) !important;
		letter-spacing: 0.25px !important;
	}
}
/*.event-upcoming li, .ebm-upcoming-events > div {*/
/*.ebm-upcoming-events li, .ebm-upcoming-events > div {*/
.ebm-upcoming-events .up-event-item {
	padding: 0!important;
	margin: 0!important;
	border: none!important;
	font: var(--font-text) !important;
}
/*.event-upcoming .event-upcoming-title {*/
.ebm-upcoming-events .event-upcoming-title {
	font-weight: 600;
	padding-bottom: 10px;
}
/*.event-upcoming .event-upcoming-title p {*/
.ebm-upcoming-events .event-upcoming-title p {
	margin-bottom: 0;
}
.ebm-upcoming-events .ebm-event-title {
	display: block;
	font: var(--font-h2);
	color: var(--weiss);
	padding-top: 20px;
	padding-right: 25px; /* correction don't break line for » */
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
}
@media (min-width: 768px) {
	.ebm-upcoming-events .ebm-event-title {
		padding-top: 40px;
	}
}
@media (max-width: 767px) {
	.ebm-upcoming-events .ebm-event-title {
		padding-top: 27px;
	}
}
.ebm-upcoming-events .ebm-event-title::before {
	content: "«";
	margin-right: -7px;
}
.ebm-upcoming-events .ebm-event-title:after {
	content: "»";
	display: inline-block;
	margin-left: -7px;
	margin-right: -25px; /* don't break line for » */
}

.ebm-upcoming-events .ebm-event-link {
	text-decoration: none;
/*??	font: var(--font-h2)!important;   /* Überprüfen ob nötig nach Problemlösung in EB-Modul-php */
/*??	color: var(--weiss);
	margin-top: 12px; **/
}
.ebm-upcoming-events .fa-calendar {
	display: none;
}
.ebm-upcoming-events .ebm-event-date {

}
.ebm-upcoming-events .ebm-event-date:after {
	content: " Uhr";
}
.ebm-upcoming-events .ebm-event-link {
	position: relative;
	width: 100%;
	display: inline-block;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
}
.ebm-upcoming-events .ebm-event-link:after {
/*	position: absolute;
	content: "";
	top: -80px;
	left: 0;
	width: 205%;
	height: 230px;*/
}

/* don't show button if no event (save-the-date events don't show) */
.event-upcoming-button {
	display: none;
}
@media (min-width: 768px) {
	.ebm-upcoming-events .event-upcoming-button {
		display: flex;
	}
}
@media (max-width: 767px) {
	.ebm-upcoming-events .event-upcoming-button {
		display: block;
	}
}


/*--- past event box (eb) ---*/
.moduletable.event-last a {
	text-decoration: none!important;
}
.last-events-row {
	background-color: var(--petrol);
}
@media (min-width: 768px) {
	.last-events-row {
		margin: 35px 0;
	}
}
@media (max-width: 767px) {
	.last-events-row {
		margin: 35px 0;
	}
}
.last-events-row a {   /* NEU 08.09.23 */
	text-decoration: none!important;
}

.last-events-row .last-event-header {
	padding: var(--box-padding-top) var(--box-padding-left-right) 10px;
}
.last-events-row .last-event-header {
	color: var(--weiss);
	font-weight: 600;
}
.last-events-row .last-event-date {
	color: var(--weiss);
}
@media (min-width: 768px) {
	.last-events-row .last-event-date {
		padding: 0 var(--box-padding-left-right) 40px;
	}
}
@media (max-width: 767px) {
	.last-events-row .last-event-date {
		padding: 0 var(--box-padding-left-right) 25px;
	}
}
.last-events-row .last-event-title {
	padding: 0 calc(var(--box-padding-left-right) + 25px) 15px var(--box-padding-left-right); /* correction don't break line for » */
	font: var(--font-h2);
	color: var(--body-color);
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
}
.last-events-row .last-event-title:before {
	content: "«";
	margin-right: -7px;
}
.last-events-row .last-event-title:after {
	content: "»";
	display: inline-block;
	margin-left: -7px;
	margin-right: -25px; /* don't break line for » */
}
.last-events-row .last-event-button {
/*	padding: 0 var(--box-padding-left-right);*/
}
@media (max-width: 767px) {
	.last-events-row .last-event-button {
		margin: 20px 0 30px;
	}
}
.last-events-row .last-event-button span {
/*	padding: 21px 50px !important;*/
	white-space: pre;
	display: inline-block;  /* expand parent to button-height */
}
@media (min-width: 768px) {
	.last-events-row {
		display: flex;
	}
	.last-event-wrapper {
		position: relative;
		padding-bottom: calc(var(--box-padding-bottom) + 14px);
	}	
	.last-events-row > * {
		width: 50%;
	}
	.last-event-wrapper a {	
		display: flex;
		flex-direction: column;
		height: 100%;	
	}	
	.last-events-row .last-event-button {
/*		margin-top: auto;*/
		position: absolute;
		bottom: var(--box-padding-bottom);
		left: var(--box-padding-left-right);
	}
	.last-event-image {
		height: 100%;
	}
	.last-events-row img {
		height: 100%;
		object-fit: cover;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.last-events-row .last-event-date {
		padding-bottom: 20px;
	}
	.last-events-row .last-event-button {
/*		bottom: 0;*/
	}
}
@media (max-width: 767px) {
	.last-events-row {
		display: flex;
		flex-direction: column-reverse;
	}
	.last-events-row .last-event-button {
		text-align: center;
		margin: 25px 0 25px;
	}
	.last-events-row img {
		width: 100%;
	}
}


/*--- past event box (joomla archive) ---*/
/*.last-event-wrapper a {
	text-decoration: none!important;
}
.last-event-wrapper a:hover {
	color: inherit!important;
}
@media (min-width: 768px) {
	.last-event-container {
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: min-content min-content min-content 1fr min-content;
	}
}
@media (max-width: 767px) {
	.last-event-container .last-event-button {
		margin-top: 50px;
		text-align: center;
	}
	.last-event-container .last-event-wrapper a {
	}
}
.last-event-container li, .last-event-container > div {
	margin: 0!important;
	border: none!important;
}
.last-event-container .last-event-header {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
	padding: 65px 65px 15px;
	color: var(--weiss);
	font-weight: 600;
}
.last-event-container .last-event-date {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
	padding: 0 65px 15px;
	color: var(--weiss);
}
.last-event-container .last-event-title {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 3;
	grid-row-end: 3;
	padding: 0 65px 15px;
	font: normal normal normal 120%/120% var(--headings-font);
	color: var(--body-color);
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
}
.last-event-container .last-event-filler {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 4;
	grid-row-end: 4;
}
.last-event-container .last-event-button {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 5;
	grid-row-end: 5;
	padding: 0 65px;
	margin: 20px 0 40px;
}
.last-event-container .last-event-image {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 6;
	text-align: right;
}
*/

/*--- member news (Platzhalter) TEST ---*/
.member-news {
	padding: var(--box-padding-top) var(--box-padding-left-right) var(--box-padding-bottom)!important;
	font: var(--font-text);
	position: relative;
}

.member-news .spalten-2 {
/*grid-template-columns: repeat(2, 1fr);*/
grid-template-columns: 40% calc(60% - var(--2-col-gap))!important;
margin: 0!important;
/*grid-column-gap: var(--2-col-gap);*/
}
.member-news .col:first-child {
	position: relative;
}
.member-news .col:first-child p:first-child {
	margin-bottom: 0;
	font-weight: 600;
	margin-bottom: 10px;
}
.member-news h2 {
/*	font: var(--font-h3);*/
}
@media (min-width: 992px) {
	.member-news .button-klein {
		position: absolute;
		bottom: 30px;
		left: 35px;
	}
}
@media (max-width: 991px) {
	.member-news * {
/*		text-align: left;*/
	}
	.member-news .button-klein {  /* span */
		display: inline-block;
		margin-top: 30px;
		text-align: center;
	}
}
/*--------------------------------------------*/
/*--------------- Wer sind wir ---------------*/
/*--------------------------------------------*/
.unsere-mission div[class*="box-"] {
	padding-top: calc(4% + 15px) !important;
}


/*--------------------------------------------*/
/*--------------- Impressum ------------------*/
/*--------------------------------------------*/
.impressum .spalten-3 {
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: calc(var(--3-row-gap) - 10px)!important;
	grid-row-gap: calc(var(--3-row-gap) + 10px)!important;
}
@media (max-width: 991px) {
	.impressum .spalten-3 .col {
		margin-bottom: 30px!important;
	}
}
/*---------------------------------------------------------*/
/*--------------- Datenschutz ------------------*/
/*---------------------------------------------------------*/
.datenschutz h2 {  /* Titel nummerieren */
/**	position: relative;
	counter-increment: mycounter 1;
	/*text-indent: -40px;*/
/**	padding-left: 33px;**/
}
.datenschutz h2::before { 
/*  content: counter(mycounter) ". ";
  position: absolute;
  height: 100%;
  left: 0;*/
}


/*---------------------------------------------------------*/
/*--------------- Events (column layout) ------------------*/
/*---------------------------------------------------------*/
.main-top.card {
	border: none;
}
.eb-columns-layout-container {
	column-gap:  var(--events-gap);	
	row-gap: var(--events-gap);
}
@media (min-width: 992px) {
	.eb-columns-layout-container {
		/*margin: 65px 0 35px 0;*/
		margin: 0 0 35px 0;
	}
}
@media (max-width: 992px) {
	.eb-columns-layout-container {
		margin: 0;
	}
}
.row.eb-columns-layout-container > * {
	padding: 0;
}
@media (min-width: 581px) {
/*@media (min-width: 768px) {*/
	.row.eb-columns-layout-container > * {
		flex: 0 0 calc(50% - (var(--events-gap) / 2));
		max-width: calc(50% - (var(--events-gap)) / 2);
	}
/* css aus EB */
.eb-columns-layout-container .eb-event-wrapper > div, .eb-columns-layout-container .eb-event-wrapper > h2,
.eb-columns-layout-container .eb-event-wrapper > h3 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
}
@media (min-width: 1201px) { /* 3-spaltig */
	.row.eb-columns-layout-container .col-md-6 {
		width: 32.5%;
	}
	.row.eb-columns-layout-container > * {
		flex: 0 0 calc(32.5% - (var(--events-gap) / 3));
		max-width: calc(33% - (var(--events-gap)) / 3);
	}
}
@media (max-width: 580px) {
/*@media (max-width: 767px) {*/
	.eb-columns-layout-container {
		display: block;
	}
	.row.eb-columns-layout-container > * {
		width: 100%;
		margin-bottom: 20px;
	}
	.eb-columns-layout-container .eb-event-wrapper > div, .eb-columns-layout-container .eb-event-wrapper > h2,
	.eb-columns-layout-container .eb-event-wrapper > h3, 
	.eb-columns-layout-container .eb-event-wrapper .eb-event-date-time, .eb-columns-layout-container .eb-event-wrapper .eb-event-short-description,
	.eb-columns-layout-container .eb-event-wrapper .eb-taskbar	{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.eb-columns-layout-container .eb-event-wrapper > div, .eb-columns-layout-container .eb-event-wrapper > h2
	
}
.eb-columns-layout-container .eb-event-wrapper {
/*  background-color: #C9DCE2!important;*/
  border: none!important;
  border-radius: 0!important;
  box-shadow: none!important;
  margin: 0!important;
}
/*.eb-columns-layout-container .eb-event-wrapper { display: flex; flex-direction: row; }
.eb-event-wrapper > h2 { order: 3; }
.eb-event-date-time { order: 2; }*/
/* TEST changing order of items */
/*.eb-columns-layout-container .eb-event-wrapper { 
    display: grid;
    grid-template-columns: repeat(1fr); 
}
.eb-columns-layout-container .eb-event-wrapper > a {
	grid-row: 1;
	margin-left: -45px;
	margin-right: -45px;
}
.eb-columns-layout-container .eb-first-child-of-new-row .eb-event-wrapper > a {
	width: calc(100% - 45px);
}
.eb-columns-layout-container div:not(.eb-first-child-of-new-row .eb-event-wrapper) > a {
	width: calc(100% + 98px);
}

.eb-columns-layout-container .eb-event-wrapper > h2 {
	grid-row: 2;
}
.eb-columns-layout-container .eb-event-date-time {
	grid-row: 3;
}*/
/*--- ENDE TEST ---*/

.eb-columns-layout-container .eb-event-wrapper {
	box-sizing: border-box;
/*	padding-left: 45px;
	padding-right: 45px;*/
	padding: var(--events-padding);
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
/* TEST 3-spaltig */	
	height: 100% !important;
/* ENDE TEST 3-spaltig */
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-3) .eb-event-wrapper {
  background-color: var(--gruen)!important;
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-2) .eb-event-wrapper {
  background-color: var(--petrol)!important;
  color: var(--weiss);
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-1) .eb-event-wrapper {
  background-color: var(--petrol-dunkel)!important;
  color: var(--weiss);
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n+0) .eb-event-wrapper {
  background-color: var(--grau)!important;
}
/*.eb-columns-layout-container .eb-event-wrapper > a {
	display: inline-block;
	margin-left: -45px;
	margin-right: -45px;
	width: calc(100% + 90px)!important;
}*/
/*.eb-columns-layout-container .eb-event-wrapper > a + a {
	margin-top: -35px;  /* Korrektur Bildhöhe wenn verlinkt */
/*}*/
.eb-columns-layout-container .eb-event-wrapper > h2, .eb-columns-layout-container .eb-event-wrapper > h3 {
/*	font: normal normal normal 32px/35px var(--headings-font);*/
font: var(--font-h3);
	margin-top: 15px;
}

.eb-columns-layout-container .eb-event-wrapper > h3 {
	margin-top: 10px;
}
@media (min-width: 1201px) and  (max-width: 1400px) {
	.eb-columns-layout-container .eb-event-wrapper > h3 {
		margin-top: 7px;
	}
}
@media (min-width: 992px) and  (max-width: 1200px) {
	.eb-columns-layout-container .eb-event-wrapper > h3 {
		margin-top: 6px;
	}
}


.eb-columns-layout-container .eb-event-wrapper > h2 a, .eb-columns-layout-container .eb-event-wrapper > h3 a {
	text-decoration: none;
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-3) .eb-event-wrapper > h2,
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-3) .eb-event-wrapper > h3 {
  color: var(--body-color);
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-2) .eb-event-wrapper > h2,
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-2) .eb-event-wrapper > h3 {
  color: var(--weiss);
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-1) .eb-event-wrapper > h2,
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-1) .eb-event-wrapper > h3 {
  color: var(--weiss);
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n+0) .eb-event-wrapper > h2,
.eb-columns-layout-container div[class*="col-"]:nth-child(4n+0) .eb-event-wrapper > h3 {
  color: var(--body-color);
}
.eb-columns-layout-container .eb-event-date-time {
/*	font: normal normal normal 28px/35px var(--body-font)!important;*/
font: var(--font-text)!important;
}
.eb-columns-layout-container .eb-event-wrapper img {
	width: calc(100% + 90px)!important;
	max-width: calc(100% + 90px);
	/*margin: 0!important;*/  
	margin: 0 -45px 0 !important;
	object-fit: cover;
}
/* respect image in other formats */
@media (min-width: 1401px) {
	.eb-columns-layout-container .eb-event-wrapper img {
		height: 22vw;
	}
}
@media (min-width: 1201px) and (max-width: 1400px) {
	.eb-columns-layout-container .eb-event-wrapper img {
		height: 24vw;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.eb-columns-layout-container .eb-event-wrapper img {
		height: 38vw;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.eb-columns-layout-container .eb-event-wrapper img {
		height: 40vw;
	}
}
@media (max-width: 575px) {
	.eb-columns-layout-container .eb-event-wrapper img {
		height: 72vw;
	}
}
/*.eb-columns-layout-container .fa-calendar, .eb-columns-layout-container .eb-time {
	display: none;
}*/
.eb-notice-message {
  font-size: 100%!important;
/*  font-weight: 700;
  margin-top: 8px;*/
}
/*@media only screen and (max-width: 1650px) {*/
/*@media only screen and (max-width: 1400px) {
	.eb-columns-layout-container .vorschau {
		display: block;
	}
}*/
.eb-columns-layout-container .vorschau {
	margin-right: 15px;
	display: block;
}
.eb-columns-layout-container .title-event-date-time {
	display: inline-block;
}
@media (min-width: 768px) {
	.eb-columns-layout-container .eb-event-wrapper img {
		padding-bottom: 35px !important;
	}
	.eb-columns-layout-container .eb-event-wrapper div:nth-last-child(2) {
		padding-bottom: 59px;
	}
	.eb-columns-layout-container .eb-taskbar {
		position: absolute;
		bottom: 25px;
	}
}
@media (max-width: 767px) {
	.eb-columns-layout-container .eb-event-wrapper img {
		padding-bottom: 25px !important;
	}
	.eb-columns-layout-container .eb-event-wrapper div:nth-last-child(2) {
		padding-bottom: 55px;
	}
	.eb-columns-layout-container .eb-taskbar {
		position: absolute;
		bottom: 15px;
	}
}
.eb-columns-layout-container .eb-register-button {
	display: none;
}
.eb-columns-layout-container .eb-taskbar .event-detail-button {
	width: 40px; /*45px;*/
	height: 40px; /*45px;*/
	border-radius: 50%;
	background-size: 40px 40px; /*45px 45px;*/
	background-repeat: no-repeat;
	background-color: transparent;
	color: transparent;
	border: none;
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-3) .eb-taskbar .event-detail-button {
	background-image: url("../images/pfeil_r_petrol.svg");
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-2) .eb-taskbar .event-detail-button {
	background-image: url("../images/pfeil_r_gruen.svg");
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n-1) .eb-taskbar .event-detail-button {
	background-image: url("../images/pfeil_r_gruen.svg");
}
.eb-columns-layout-container div[class*="col-"]:nth-child(4n+0) .eb-taskbar .event-detail-button {
	background-image: url("../images/pfeil_r_petrol.svg");
}
.eb-columns-layout-container .eb-event-wrapper {
	position: relative;
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
	/* 1 col */
}
.clickable {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;     
  z-index: 1;
}

/*---------------------------------------------------------*/
/*--------------- Event (detail layout) ------------------*/
/*---------------------------------------------------------*/
/* back to program link */
@media (min-width: 768px) {
	.view-event .back-link.back-link-mobile {
		display: none;
	}
}
@media (max-width: 767px) {
	.view-event .back-link:not(.back-link-mobile) {
		display: none;
	}
}
.view-event .back-link {
	display: flex;
	align-items: center;
/*	margin-bottom: 30px;
	margin-top: -35px; */ /* temporäre Korrektur, später paddings richtig stellen */
	position: absolute;
	top: 25px;
}
/**.view-event **/
.back-link:before {
	content: "";
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background-image: url("../images/pfeil_l_petrol.svg");
	background-size: 37px 37px;
	background-repeat: no-repeat;
	background-color: transparent;
	color: transparent;
	border: none;
	padding-right: 25px;
	display: inline-block;
	margin-right: 15px;
}
@media (min-width: 1401px) and (max-width: 1800px) {
/**	.view-event **/
	.back-link {
		top: 15px; /*10px;*/
		font-size: 90%;
	}
/**	.view-event **/
	.back-link:before {
		width: 30px;
		height:30px;
		background-size:30px 30px;
	}
}
@media (min-width: 981px) and (max-width: 1400px) {
/**	.view-event **/
	.back-link {
		top: 15px; /*10px;*/
		font-size: 90%;
	}
/**	.view-event **/
	.back-link:before {
		width: 25px;
		height: 25px;
		background-size: 25px 25px;
	}
}
@media (min-width: 768px) and (max-width: 980px) {
/**	.view-event **/
	.back-link {
		top: 15px;
		font-size: 95%;
	}
/**	.view-event **/
	.back-link:before {
		width: 30px;
		height: 30px;
		background-size: 30px 30px;
	}
}
@media (max-width: 768px) {
/**	.view-event **/
	.back-link {
		position: relative;
		top: 0;
		margin-top: -20px;
		padding-bottom: 40px;
		font-size: 95%;
	}
}
.view-event .container-component > * + * {
	margin-top: 0!important;
}
#eb-event-page > .container {
	max-width: 100%;
	margin: 0;
	padding: 0;
}
#eb-event-page > .container > .row.event-header {
	background-color: var(--petrol);
}
@media (min-width: 1921px) {
	#eb-event-page > .container > .row.event-header {
		position: relative;
	}
	#eb-event-page > .container > .row.event-header:before {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: calc(((100vw - 1920px) / 2) * -1);
/*	width: 100vw;
	margin-left: calc(((100vw - 1920px) / 2) * -1)!important;
	padding-left: calc((100vw - 1920px) / 2);
	padding-right: calc((100vw - 1920px) / 2);*/
		background-color: var(--petrol);
	}	
	body.view-event {
		background-color: transparent;
	}
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:first-child {
		background-color: var(--weiss);
	}	
	#eb-event-page .row:nth-of-type(2) {
		position: relative;
	}
	#eb-event-page .row:nth-of-type(2):after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;		
		left: 0;
		background-color: var(--gruen);
		z-index: -1;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#eb-event-page > .container > .row.event-header {
		min-height: 250px;
	}
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:last-child img {
		height: 100%;
		object-fit: cover;
		object-position: center top;
		max-height: 270px;
	}
}
@media (min-width: 768px) {
	#eb-event-page > .container > .row {
		margin: 0 calc(var(--grid-margin) * -1) !important;
	}
	#eb-event-page > .container > .row > div[class*="col-"]:first-child {
		padding-left: var(--grid-margin);
		padding-right: 55px;
	}
}
@media (max-width: 767px) {
	#eb-event-page > .container > .row {
		margin: 0 calc((var(--grid-margin) * -1) - 5px) !important; /* correction 5px */
		overflow-x: hidden;
	}
	#eb-event-page > .container > .row > div[class*="col-"]:first-child {
		padding-left: var(--grid-margin);
		padding-right: var(--grid-margin);
	}
}
#eb-event-page > .container > .row > div[class*="col-"]:last-child {
	/*padding-right: var(--grid-margin);*/
/*	padding-right: 70px;*/
}

#eb-event-page > .container > .row.event-header > div[class*="col-"]:first-child {
	position: relative;
/*	padding-top: 50px;*/
/*	padding-bottom: 50px;*/
/*	background-color: var(--graugruen);*/
}

#eb-event-page > .container > .row.event-header > div[class*="col-"]:last-child {
	padding: 0;
}
#eb-event-page > .container > .row.event-header > div[class*="col-"]:last-child img {
	margin: 0;
	z-index: 1;
	position: relative;
	width: 100%;
	object-fit: cover;
}
/* respect image in other formats */
@media (min-width: 1921px) {
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:last-child img {
		height: 468px;
	}
}
@media (min-width: 1201px) and (max-width: 1920px) {
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:last-child img {
		height: 24.1vw;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:last-child img {
		height: 27vw;
	}
}
@media (max-width: 767px) {
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:last-child img {
		max-height: 72vw;
	}
}
#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"] {
	padding-bottom: 50px;
}
@media (min-width: 1801px) {
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(1) {
		padding-top: 59px;
	}
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(2) {
		padding-top: 95px;
	}
}
@media (min-width: 1651px) and (max-width: 1800px) {
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"] {
		padding-bottom: 45px;
	}
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(1) {
		padding-top: 55px;
	}
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(2) {
		padding-top: 90px; /*70px;*/
	}
}
@media (min-width: 1581px) and (max-width: 1650px) {
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(1) {
		padding-top: 50px;
	}
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(2) {
		padding-top: 85px; /*65px;*/
	}
}
@media (min-width: 992px) and  (max-width: 1580px) {
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(1) {
		padding-top: 40px;
	}
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(2) {
		padding-top: 80px; /*55px;*/
	}
}
@media (min-width: 768px) and  (max-width: 991px) {
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(1) {
		padding-top: 35px;
	}
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(2) {
		padding-top: 95px;
	}
}
@media (max-width: 767px) {
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"] {
		padding-bottom: 30px;
	}
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(1) {
		padding-top: 35px;
	}
	#eb-event-page > .container > .row:not(.event-header) > div[class*="col-"]:nth-of-type(2) {
		padding-top: 35px;
	}
	#eb-event-page .event-header-text .event-header-kat {
		margin-bottom: 25px;
	}
}
@media (min-width: 768px) {
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:first-child .event-header-text {
		position: absolute;
		left: var(--grid-margin);
		padding-right: 55px;
	}
	#eb-event-page .event-header-text .event-header-kat {
		margin-bottom: 35px;
	}
	#eb-event-page h1.eb-page-heading {
		/*font: var(--font-h2);*/
	}
}
@media (min-width: 1601px) {
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:first-child .event-header-text {
		bottom: 60px; /*70px;*/
	}
}
@media (min-width: 992px) and (max-width: 1600px) {
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:first-child .event-header-text {
		bottom: 40px; /*50px;*/
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:first-child .event-header-text {
		bottom: 30px;
	}
	
/*** TEST zoom info-col ***/
	#eb-event-page .event-info-col > * {
	/*	scale: 80%;
		transform-origin: top left;
		margin-right: -30px;*/
	}
/*** END TEST zoom info-col ***/
}
@media (max-width: 767px) {
	#eb-event-page > .container > .row.event-header {
		flex-direction: column-reverse;
	}
	#eb-event-page > .container > .row.event-header > div[class*="col-"]:first-child {
		/*padding: 65px var(--grid-margin);	 */
		padding: 75px var(--grid-margin) 35px;
	}
}
#eb-event-page .event-header-text > div {
/*	font: normal normal 600 30px/36px var(--body-font);*/
	font: var(--font-text-big);
	color: var(--petrol-dunkel);
	margin-bottom: 15px;
}
#eb-event-page h1.eb-page-heading {
/*	font: normal normal normal 45px/55px var(--headings-font);*/
 	color: var(--weiss);
	text-align: left;
}
/* right info column */
#eb-event-page .event-info-col {
	position: relative;
	background-color: var(--gruen);
}
/*#eb-event-page .event-info-col a:not(.btn):hover {
	color: var(--petrol)!important;
}*/
/*#eb-event-page .event-info-date {
	font-weight: 600;
}*/
#eb-event-page .event-info-title, #eb-event-page .event-info-date, #eb-event-page .event-info-col h2, #eb-event-page .event-info-col h3 {
	font: var(--font-text-heading)!important;
	font-size: calc(20px + (22 - 20) * ((100vw - 993px) / (1600 - 993)));
	margin-bottom: 8px;
}
#eb-event-page .event-info-title {
	margin-top: calc(20px + (30 - 20) * ((100vw - 993px) / (1600 - 993)));
}
#eb-event-page .time-from, #eb-event-page .time-to {
	display: inline-block;
}
/* location map*/
#eb-event-page .event-location-description, #eb-event-page .event-location-map {
	margin: 15px 0 20px;
}
#eb-event-page .event-location-description p {
	margin: 0;
}
#eb-event-page .event-more-location {
	margin-top: 15px;
}
@media (min-width: 1201px) {
	#eb-event-page .event-info-col {
		padding-left: 30px;
		padding-right: 30px; /*70px;*/
/*	font: normal normal normal 25px/32px var(--body-font);*/
		font: var(--font-text-small);
	}
	#eb-event-page .eb-speaker-name, #eb-event-page .eb-speaker-title {
		font: var(--font-text-small);
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	#eb-event-page .event-info-col {
		padding-left: 25px;
		padding-right: 25px;	
		font: var(--font-text-x-small);
	}
	#eb-event-page .eb-speaker-name, #eb-event-page .eb-speaker-title {
		font: var(--font-text-x-small);
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#eb-event-page .event-info-col {
		padding-left: 20px;
		padding-right: 20px;
		font: var(--font-text-x-small);
	}
	#eb-event-page .eb-speaker-name, #eb-event-page .eb-speaker-title {
		font: var(--font-text-x-small);
	}
}
@media (max-width: 767px) {
	#eb-event-page .event-info-col {
		padding-left: var(--grid-margin);
		padding-right: var(--grid-margin);
	}
	.tingle-modal-box {
		width: 100%!important;
	}
}
#eb-speakers-list {
	padding-top: 0!important;
}
.eb-speaker-container {
	width: 100%;
	text-align: left !important;
}
.eb-speaker-container .eb-speaker-name, .eb-speaker-container .eb-speaker-title {
	margin: 0!important;
	display: inline-block;
}
.eb-speaker-description {
	margin: 0!important;
}

/*-- location map --*/
.tingle-modal-box {
	border-radius: 0!important;
}
.tingle-modal__close {
	width: 40px!important;
	height: 40px!important;
}
.tingle-modal__closeLabel {
	display: none!important;
}
@media (max-width: 540px) {
	.tingle-modal__close {
		background: none;
		margin-top: 10px !important;
		margin-left: 10px;
	}
  .tingle-modal__closeIcon {
    width: 100%!important;
  }
  .tingle-modal__closeIcon svg * {
	  display: none;
  }
}
.tingle-modal__closeIcon svg {
	background-image: url("../images/close.svg");
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 0 0;
	color: transparent;	
}
.tingle-modal-box__content {
  padding: 10px!important;
}
@media (min-width: 768px) {
	#eb-event-page .event-info-cut-off {
		margin-top: 50px;
	}
}
@media (max-width: 767px) {
	#eb-event-page .event-info-cut-off {
		margin-top: 30px;
	}
}
/*.view-event #eb-plugins {
	background-color: var(--gruen);
}*/
/*.view-event .event-registrant-list {
	margin-top: 50px;
}*/
/*.view-event table.eb-registrants-list-table {*/
.view-event .event-agenda table {
	border: none;
	color: var(--body-color);
  --table-bg: transparent;
  --table-accent-bg: transparent;
  --table-striped-bg: transparent;
  --table-active-bg: transparent;
	margin: 0;
}
/*.view-event .eb-registrants-list-table thead {*/
.view-event table thead {
	display: none!important;
}
.view-event table tbody, .view-event table tr, .view-event table td {
	border: none;
}
.view-event table td {
	padding: 0 0 8px;
	vertical-align: top;
}

/*  Registrants List */
body:not(.einzelmitglied):not(.firmenmitglied) #eb-plugins {
	display: none;
}
#eb-plugins {
	padding: 45px 0 150px;
	background-color: var(--grau);
	width: 100vw;
}
@media (min-width: 1921px) {
	#eb-plugins {
		margin-left: var(--margin-left-oversize);
	}
	#eb-plugins h3, .eb-plugin-output {
		margin-left: calc(var(--margin-left-oversize) * -1);
		margin-right: calc(var(--margin-left-oversize) * -1);
	}
}
@media (max-width: 1920px) {
	#eb-plugins {
		margin: 0 calc(var(--grid-margin) * -1);
	}
	#eb-plugins h3, .eb-plugin-output {
		margin-left: var(--grid-margin);
		margin-right: var(--grid-margin);
	}
}
#eb-plugins h3 {
	margin-bottom: 20px;
}
.registrants-list {
	display: flex!important;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0;
	font: var(--font-text-x-small);
	column-gap: var(--registrants-col-gap);
	row-gap: var(--registrants-row-gap);	
}
.registrants-list > * {
/*	flex-basis: calc ((100% - (5 * var(--registrants-col-gap))) / 6);*/
flex-basis: 225px;
	padding: 0;
}
.registrants-list img {
  object-fit: cover;
/*	max-width: calc ((100% - (5 * var(--registrants-col-gap))) / 6);*/
  height: auto;
  vertical-align: middle;
  padding-bottom: 10px;
}

@media (min-width: 1601px) {
/*	.registrants-list {
		column-gap: 25px;
		row-gap: 30px;
	}*/
	.registrants-list > * {
		flex-basis: 225px;
	}
	.registrants-list img {
		max-width: 225px;
		width: 225px;  /*NEU 17.01.24*/
		height: 257px;  /*NEU 17.01.24*/
	}
}
@media (min-width: 1201px) and (max-width: 1600px) {
/*	.registrants-list {
		column-gap: 20px;
		row-gap: 25px;
	}*/
	.registrants-list > * {
		flex-basis: 200px;
	}
	.registrants-list img {
		max-width: 200px;
		width: 200px;  /*NEU 17.01.24*/
		height: 230px;  /*NEU 17.01.24*/
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
/*	.registrants-list {
		column-gap: 15px;
		row-gap: 20px;
	}*/
	.registrants-list > * {
		flex-basis: 175px;
	}
	.registrants-list img {
		max-width: 175px;
		width: 175px;  /*NEU 17.01.24*/
		height: 202px;  /*NEU 17.01.24*/
	}
}
@media (min-width: 461px) and (max-width: 767px) {
/*	.registrants-list {
		column-gap: 15px;
		row-gap: 20px;
	}*/
	.registrants-list > * {
		flex-basis: 175px;
	}
	.registrants-list img {
		max-width: 175px;
		width: 175px;  /*NEU 17.01.24*/
		height: 202px;  /*NEU 17.01.24*/
	}
}
@media (max-width: 460px) {  /*NEU 14.03.24 */
	.registrants-list > * {
		flex-basis: 40vw;
	}
	.registrants-list img {
		height: 46.17vw;
	}
}

#eb-event-map-page h1 {
	font: var(--font-h2);
	font-weight: normal;
	margin: 10px 0 30px;
}
#eb-event-map-page .eb-location-description {
	padding: 0 20px 20px;
}
#eb-event-map-page p {
	margin: 0;
}

/*---- */

.view-event .eb-agenda-time {
	width: 145px;
	padding-right: 10px;
}
@media (min-width: 851px) and (max-width: 1200px) {
	.view-event .eb-agenda-time {
		width: 125px;
	}
}
@media (min-width: 768px) and (max-width: 850px) {
	.view-event .eb-agenda-time {
		width: 115px;
	}
}
.view-event table h4 {
/*	font: normal normal normal 25px/32px var(--body-font);*/
font: var(--font-text-small);
	color: var(--body-color);
	margin: 0;
}
.view-event .eb-notice-message {
	display: none;
}
.view-event .footer {
	margin: 0;
}
/*.logged-in */
.event-register-buttons {
	position: relative;
	display: inline-block;
}
/*body:not(.logged-in) .event-register-buttons {
	display: none;
}*/
body.firmenmitglied.logged-in .event-register-buttons .eb-individual-registration-button {
	display: none;
}
body:not(.logged-in) .event-register-buttons .eb-group-registration-button,
body:not(.firmenmitglied) .event-register-buttons .eb-group-registration-button {
	display: none;
}
/*body.einzelmitglied .event-register-buttons li:nth-last-of-type(3),*/
body:not(.firmenmitglied) .event-register-buttons.cancel-enabled li:nth-last-child(4) { /* don't show register if there is cancel button | respect 2 cancel buttons */
	display: none;
}
body:not(.firmenmitglied) .event-register-buttons:not(.cancel-enabled) li:nth-child(1):nth-last-child(3) { /* same, but event doesn't allow cancel */
	display: none;
}
.event-register-buttons > li:nth-of-type(3) { /* don't show cancel button if there is no default cancel button || hide default cancel button */
	display: none;
}
.event-register-buttons > li:nth-of-type(1).eb-cancel-button { /* don't show cancel button if there is no other button */
	display: none;
}
.event-register-buttons:not(.cancel-enabled) .eb-cancel-button {
	display: none;
}
.event-register-buttons .cancel-hide {
	display: none;
}
.firmenmitglied .eb-cancel-button {
	display: none;
}
/* don't show first register button if there are two 29.10.24 */
.firmenmitglied .event-register-buttons > li + li .eb-group-registration-button {
  display: none;
}
/* don't show EB cancel button 29.10.24 */
.event-register-buttons a[href*="javascript:cancelRegistration"] {
  display: none;
}


.event-register-buttons li {
/*  float: left;*/
	display: inline;
  list-style-type: none;
  background-image: none;
  padding: 0 5px 0 0;
/*  margin: .5em 0 2px;*/
/*  margin: 50px 0;*/
}
@media (min-width: 768px) {
	.event-register-buttons {
		margin: 50px 0;
	}
}
@media (max-width: 767px) {
	.event-register-buttons {
		margin: 35px 0 25px;
	}
	.event-register-buttons li {
		margin: 30px 0!important;
	}
}
.event-register-buttons li a {
	background: var(--petrol-dunkel);
/*	height: 52px;*/
	border-radius: 26px;
	margin-bottom: 10px;
/*	padding: 12px 45px;*/
/*	font: normal normal normal 25px/28px var(--headings-font);*/
font: var(--font-button-small);
	letter-spacing: 0.25px;
	color: #fff;
	text-decoration: none!important;
/*TEST Anmelde-Link temporär deaktiviert */	
/*cursor: default;
pointer-events: none;*/
/* ENDE TEST */
}

.view-registrationcancel #btn-submit {
	vertical-align: top;
	margin-right: 20px;
}


/*------------------------------------------------*/
/*--------------- Event Archive (EB events) ------------------*/
/*------------------------------------------------*/
body:not(.event-archive) #eb-event-search {
	display: none;
}

@media (min-width: 1801px) {
	 :root {
		--lines-count: 5;
	 }
}
@media (min-width: 1401px) and (max-width: 1800px) {
	 :root {
		--lines-count: 4;
	 }
}	
@media (min-width: 992px) and (max-width: 1400px) {
	 :root {
		--lines-count: 3;
	 }
}
@media (max-width: 991px) {
	 :root {
		--lines-count: 5;
	 }
}

/*- Filter & Search -*/
.event-archive #eb-event-search label {
/*  display: inline-block;*/
  cursor: pointer;
/*  position: relative;*/
}
.event-archive .filters {
	display: flex;
	margin-bottom: 50px;
}
@media (min-width: 768px) {
	.event-archive .filters {
		
	}
	.event-archive .filter-year select {
		width: calc(100% - 50px)!important;
	}
	.event-archive .filter-content {
		display: flex;
	}
	.event-archive .filter-content .filter-search input {
		width: 100%;
	}
	.event-archive .filter-button {
		text-align: right;
	}
}
@media (max-width: 767px) {
	.event-archive .filters {
		flex-direction: column;		
	}
	.event-archive .filter-year {
		margin-bottom: 20px;
	}
	.event-archive .filter-year select {
		width: 100%!important;
	}
/*	.event-archive .filter-content .filter-search {*/
	.event-archive .filter-content {
		width: 100%;
	}
	.event-archive .filter-search {
		display: inline-block;
		max-width: calc(100% - 170px);
	}
	.event-archive .filter-search input {
		padding-bottom: 0!important;
		overflow: hidden;
		width: 100%;
	}
	.event-archive .filter-button {
		/*text-align: right;*/
		float: right;
	}
}
.event-archive .filter-year {
	position: relative;
}
.event-archive .filter-year select {
	margin-top: 11px;
	border-radius: 0;
}
.event-archive .filter-content {
	border-bottom: 2px solid var(--petrol-dunkel)!important;
}

/*@media (min-width: 768px) and (max-width: 970px) {*/
@media (max-width: 970px) {
	.event-archive .filter-content .filter-search input::placeholder {
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
/*TEST */
.event-archive ::-webkit-input-placeholder,  /* Edge */
.event-archive :-ms-input-placeholder, /* Internet Explorer 10-11 */
.event-archive ::placeholder {
  color: var(--body-color)!important;
  opacity: 0.5!important;
}
.event-archive #yearplaceholder {
	position: absolute;
	top: 11px;
	left: 0;
	max-width: calc(100% - 100px);
	color: var(--body-color);
	opacity: 0.5;
}
.event-archive select:focus + #yearplaceholder {  /* NOCH ANPASSEN */
	display: none;
}
/*TESTENDE*/

@media (min-width: 581px) {
	.event-archive .filter-content {
		/*display: flex;*/
/*	width: 67%;*/
	}
	.event-archive .filter-button {
/*	width: 33%;*/
		/*text-align: right;*/
/*	padding-bottom: 8px;
	margin-top: -10px;*/
/*		border-bottom: 2px solid var(--petrol-dunkel);*/
	}
}
@media (max-width: 580px) {
	.event-archive .filter-button {
/*		margin-top: 20px;*/
	}
}
.event-archive .filter-button .btn {
/*	padding-bottom: 8px;*/
}


/*- Title -*/
.event-archive .page-header {
	margin: 0;
}
/* Rows */
.event-archive #eb-events .row {
/*	height: var(--event-archiv-row-height);
	max-height: var(--event-archiv-row-max-height);*/
	padding: 0;
	margin: 0 0 10px;
}

/*TEST float-Text*/
/*@media (min-width: 768px) {
	.event-archive #eb-events .row {
		display: block;
		overflow: hidden;
	}
	.event-archive .col-md-7.event-text {
		width: 100%;
	}
}*/
/*END TEST float-Text*/

.event-archive #eb-events .row:nth-child(even) {
 /* flex-direction: column-reverse;*/
   -webkit-flex-direction: row-reverse; 
  flex-direction: row-reverse;
}
.event-archive #eb-events .row:nth-child(4n-0) {
  background-color: var(--gruen);
}
.event-archive #eb-events .row:nth-child(4n-1) {
  background-color: var(--petrol);
  color: var(--weiss);
}
.event-archive #eb-events .row:nth-child(4n-2) {
  background-color: var(--petrol-dunkel);
  color: var(--weiss);
}
.event-archive #eb-events .row:nth-child(4n-3) {
  background-color: var(--grau);
}
/*.event-archive #eb-events .row:nth-child(4n-3) a:hover {
  color: var(--link-hover-color-dark);
}*/
.event-archive #eb-events .row:nth-child(4n-1) h2, .event-archive #eb-events .row:nth-child(4n-2) h2,
.event-archive #eb-events .row:nth-child(4n-1) h3, .event-archive #eb-events .row:nth-child(4n-2) h3 {
  color: var(--weiss);
}
.event-archive .intro-img {
	padding: 0;
	overflow: hidden;
}
/* TEST Bilder mit Navigation */
.event-archive .slideplus-navigation {
	margin-top: -35px;
	position: relative;
}
.event-archive #eb-events .slideplus-first, .event-archive #eb-events .slideplus-previous, .event-archive #eb-events .slideplus-next, .event-archive #eb-events .slideplus-last {
	display: none;
}
.slideplus-navigation > a, .slideplus-paging > a {
	width: 16px!important;
	height: 16px!important;
	margin: 0 3px;
	background-size: 16px 16px!important;
	background-color: var(--weiss);
	opacity: 0.5;
	color: transparent!important;
	text-decoration: none!important;
	border: none;
}
.slideplus-pager.slideplus-current {
	background-color: var(--grau);
}
/* ENDE TEST */
/* TEST statische Punkte im Bild */
/*.event-archive .slideplus-content:before, .event-archive .slideplus-content:after, .event-archive .sigplus-image:after {
	content: "  ";
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: var(--weiss);
	opacity: 0.5;
}
.event-archive .slideplus-content:before {
	bottom: 10px;
	left: 10px;
	z-index: 10;
}
.event-archive .slideplus-content:after {
	bottom: 10px;
	left: 37px;
}
.event-archive .sigplus-image:after {
	bottom: 10px;
	left: 64px;
}*/
/* ENDE TEST */


/*TEST float-Text*/
/*@media (min-width: 768px) {
	.event-archive #eb-events .row:nth-child(odd) .intro-img {
		float: left;
		position: relative;
		padding-right: 20px;
		z-index: 1000;
	}
	.event-archive #eb-events .row:nth-child(even) .intro-img {
		float: right;
		padding-left: 20px;
		z-index: 1000;
	}
	.event-archive .intro-img img {*/
/*	height: calc((var(--lines-count) * var(--line-height) + 81px));*/
/*	}
}*/
/*END TEST float-Text*/

.event-archive .intro-img img {
/*	height: var(--event-archiv-row-height);
	max-height: var(--event-archiv-row-max-height);*/
	width: 100%; /*TEST float-Text*/
	max-width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.event-archive .intro-img, .event-archive .intro-img img {
		width: 100%;
	}
}
/* sigplus image gallery */
.event-archive .row:nth-child(2n-0) .sigplus-gallery {
	text-align: right!important;
	margin-bottom: -6px;  /* correction small margin below image */
}
.event-archive .row:nth-child(2n-1) .sigplus-gallery {
	text-align: left!important;
	margin-bottom: -6px;  /* correction small margin below image */
}
.event-archive .slideplus-slot {
  margin: 0!important;
  width: 100%!important;
}
.slideplus-container {
  width: 100%;
}
/* fallback for iPad Safari < 15 and other old browsers */
@media (min-width: 768px) {
	.event-archive .slideplus-slot {
		height: calc(100vw / 4.6);
	}
	.slideplus-bottom .slideplus-content > div {
		margin-bottom: auto;
	}
	@supports (aspect-ratio: 620 / 415) {
		.event-archive .slideplus-slot {
			height: auto!important;
		}	
	}
}
@media (min-width: 1801px) { /* avoid margin around image on large screens */
	.slideplus-bottom .slideplus-content > div {
		height: 100%;
		margin-bottom: 0;
	}	
	a.sigplus-image {
		height: 100%;
		width: 100%;
	}
	.event-archive .intro-img img {
		/*height: 100%;*/
	}
}
/* sigplus lightbox */
html > body > .boxplusx-container {
  background-color: rgba(0,51,51,0.94)!important;
/*  animation: fadein 0.8s;*/
}
/*, .boxplusx-close*/
.boxplusx-controls, .boxplusx-caption, .boxplusx-description, .boxplusx-rewind, .boxplusx-forward {
	display: none!important;
}
.boxplusx-dialog {
	background: none!important;
	padding: 0!important;
	overflow: visible!important;
}
.boxplusx-viewport > .boxplusx-previous,
.boxplusx-viewport > .boxplusx-next {
/*bottom: 66px;  /* leave space for <video> element controls */
/*top: 66px;  /* use same value as for CSS bottom */
/*width: 58px;*/
	width: 50%!important;
/* NEU 01.11.23 */	
	/*height: 100%!important;*/
height: calc(100% + 60px) !important;
/* END NEU 01.11.23 */
	top: 0!important;
	bottom: 0!important;
	/*background-image: none !important;*/
}
/* NEU 01.11.23 */
.boxplusx-expander {
	display: none;
}
.boxplusx-viewport {
  overflow: visible!important;
  max-height: calc(100vh - 180px);
}
/* dieser Button existiert nicht im Code ??? */
/*.boxplusx-close {
  display: block !important;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
}*/
.boxplusx-container {
	background-image: url("../images/close.svg");
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 96% 5%;
}
.boxplusx-container .boxplusx-navigation {
  width: calc(100% - 120px);
  margin-left: auto;
  margin-right: auto;
}
/*.boxplusx-viewport > .boxplusx-rewind {*/
.boxplusx-viewport > .boxplusx-previous {
	background-image: url("../images/gallery_back_w.svg")!important;
	background-size: 40px 40px!important;
	background-repeat: no-repeat;
	background-position: bottom left !important;
}
.boxplusx-viewport > .boxplusx-next {	
	background-image: url("../images/gallery_forward_w.svg")!important;
	background-size: 40px 40px!important;
	background-repeat: no-repeat;
	background-position: bottom right !important;
}
@media (max-width: 767px) {
	.boxplusx-viewport > .boxplusx-previous, .boxplusx-viewport > .boxplusx-next {
		background-size: 30px 30px!important;
	}
	.boxplusx-container {
		background-size: 30px 30px;
		background-position: 94% 4%;
	}
}
/* END NEU 01.11.23 */

.boxplusx-navigation.boxplusx-top,
.boxplusx-navigation.boxplusx-bottom {
	visibility: visible!important;
}
/***@media (hover) and (pointer: fine), (-moz-touch-enabled: 0) {  /* rules for desktop devices */
.boxplusx-navigation.boxplusx-top,
.boxplusx-navigation.boxplusx-bottom {
	visibility: visible!important;
	opacity: 1!important;
	margin-bottom: -60px;
}
.boxplusx-navbar {
	width: 100%!important;
	text-align: center!important;
}
.boxplusx-navitem {
	display: inline-block!important;
	position: relative!important;
	overflow: visible!important;
	opacity: 1!important;
/*transition: opacity 0.1s;*/
	background-color: #fff!important;
	margin: 40px 8px 0 !important;
}
@media (min-width: 992px) {
	.boxplusx-navitem {
		width: 16px!important;
		height: 16px!important;
		border-radius: 8px!important;
	}
}
@media (max-width: 991px) {
	.boxplusx-navitem {
		width: 12px !important;
		height: 12px !important;
		border-radius: 6px!important;
	}
}
.boxplusx-navitem.boxplusx-current,
.boxplusx-navitem:hover {
	opacity: 0.5!important;
}
.boxplusx-navimage {
	background-image: none!important;
	border: none!important;
	color: transparent!important;
}
.boxplusx-current > .boxplusx-navimage {
	border: none!important;
	background-image: none!important;
	color: transparent!important;
}
.boxplusx-caption {
max-height: 40px!important;
}
/* Korrektur Anzeige Bild mobile */
@media (max-width: 767px) { /*TEST float-Text*/
.slideplus-content > div, a.sigplus-image {
	width: 100%;
}
}

/* Event Rückblick Texte */
.event-archive .row h2, .event-archive .row h3 {
	margin-top: 20px;
	font: var(--font-h3);
}
.event-archive .row h3 {
	margin-top: 10px;
}
@media (min-width: 1201px) and  (max-width: 1400px) {
	.event-archive .row h3 {
		margin-top: 7px;
	}
}
@media (min-width: 992px) and  (max-width: 1200px) {
	.event-archive .row h3 {
		margin-top: 6px;
	}
}

@media (min-width: 1581px) {
	.event-archive .row .event-text {
		padding: 35px 100px 25px 40px;
	}
}
/*@media (min-width: 768px) {*/
@media (min-width: 1401px) and  (max-width: 1580px) {
	.event-archive .row .event-text {
		padding: 30px 80px 25px 30px;
	}
}
@media (min-width: 1201px) and  (max-width: 1400px) {
	.event-archive .row .event-text {
		padding: 25px 80px 25px 25px;
	}
}
/*@media (min-width: 891px) and (max-width: 1200px) {*/
@media (min-width: 992px) and  (max-width: 1200px) {
	.event-archive .row .event-text {
		padding: 25px 70px 25px 25px;
	}
}
/*@media (min-width: 768px) and (max-width: 890px) {*/
@media (min-width: 768px) and (max-width: 991px) {
	.event-archive .row .event-text {
		padding: 35px 55px 25px 40px;
	}
}
@media (max-width: 767px) {
	.event-archive .row .event-text {
		padding: 30px 25px 5px; /*15px;*/
	}
}
.event-archive .row .event-text .intro {
	overflow: hidden;
	max-height: calc(var(--lines-count) * var(--line-height));
	line-height: var(--line-height);
	text-overflow: ellipsis;
/*  display: -webkit-box;
  -webkit-line-clamp: var(--lines-count);
  line-clamp: var(--lines-count);
  -webkit-box-orient: vertical;*/
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
	z-index: 999; /*9999;*/
	position: relative;
}
/* Falls in den ersten Linien mehrere Absätze stehen, ist dort ein margin. */
/* Dieser Platz wird mit der max-height in der untersten Zeile abgeschnitten */
/* Darum für die Kurztext-Anzeige margin auf 0 setzen */
.event-archive .row .event-text .intro p {
	margin: 0;
}

@media (min-width: 768px) {
	.event-archive .event-show-row {
		display: flex;
		padding: 0;
	}
	.event-archive .row:nth-child(even) .event-show-row {
		-webkit-flex-direction: row-reverse; 
		flex-direction: row-reverse;
	}
	/*.event-archive .row:nth-child(even) .button-up-down {*/
	.event-archive .row .button-up-down {
		margin-right: 21px;
	}
	.button-up-down {
		margin-bottom: 10px;
	}
}
@media (min-width: 1201px) {
	.event-archive .event-show-row {
		margin-top: -63px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.event-archive .event-show-row {
		margin-top: -55px;
	}
}
@media (max-width: 767px) {
	.event-archive .event-show-row {
		padding: 0 10px 10px;
	}
	.button-up-down {
		margin: 5px 25px 20px;
		/*margin: 20px 25px 30px;*/
	}
}
.button-up-down {
	width: 40px!important;
	height: 40px;
	float: right;
	border-radius: 50%;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	color: transparent;
	line-height: 40px;
/*	margin-right: -70px;
	margin-top: -20px;*/
}
@media (max-width: 1200px) {
	.button-up-down {
		width: 35px!important;
		height: 35px;
		background-size: 35px 35px;
		line-height: 35px;
	}
}
.event-archive .row:nth-child(4n-0) .button-up-down:not(.button-up), .event-archive .row:nth-child(4n-3) .button-up-down:not(.button-up) {
	background-image: url("../images/pfeil_u_petrol.svg");
}
.event-archive .row:nth-child(4n-1) .button-up-down:not(.button-up), .event-archive .row:nth-child(4n-2) .button-up-down:not(.button-up) {
	background-image: url("../images/pfeil_u_gruen.svg");
}
.event-archive .row:nth-child(4n-0) .button-up-down.button-down, .event-archive .row:nth-child(4n-3) .button-up-down.button-down {
	background-image: url("../images/pfeil_u_petrol.svg");
}
.event-archive .row:nth-child(4n-1) .button-up-down.button-down, .event-archive .row:nth-child(4n-2) .button-up-down.button-down {
	background-image: url("../images/pfeil_u_gruen.svg");
}
.event-archive .row:nth-child(4n-0) .button-up-down.button-up, .event-archive .row:nth-child(4n-3) .button-up-down.button-up {
	background-image: url("../images/pfeil_o_petrol.svg");
}
.event-archive .row:nth-child(4n-1) .button-up-down.button-up, .event-archive .row:nth-child(4n-2) .button-up-down.button-up {
	background-image: url("../images/pfeil_o_gruen.svg");
}


/*.event-archive .row:nth-child(4n-0) .intro[style*="overflow: visible;"] ~ .button-up-down, .event-archive .row:nth-child(4n-3) .intro[style*="overflow: visible;"] ~ .button-up-down {
	background-image: url("../images/pfeil_o_petrol.svg")!important;
}
.event-archive .row:nth-child(4n-1) .intro[style*="overflow: visible;"] ~ .button-up-down, .event-archive .row:nth-child(4n-2) .intro[style*="overflow: visible;"] ~ .button-up-down {
	background-image: url("../images/pfeil_o_gruen.svg")!important;
} */
.button-up-down:hover {
	color: transparent;
}

/*-------------------------------------------------------*/
/***--- Event Archive / CB Pagination ---***/
/*-------------------------------------------------------*/
/**
  --pagination-bg: var(--weiss);
  --pagination-active-bg: var(--gruen);
  --pagination-disabled-bg: var(--weiss);
  --pagination-border-width: 2px;
  --pagination-border-color: #707070;
  --pagination-active-border-color: #707070;
  --pagination-disabled-border-color: transparent;
  --pagination-color: var(--body-color);
  --pagination-active-color: var(--body-color);
  --pagination-disabled-color: var(--body-color);
  --pagination-font-size: 20px;
  --pagination-padding-y: 0;
  --pagination-padding-x: 8px;
 **/
.event-archive .com-content-archive__counter {
	display: none;
}
.event-archive .pagination, .view-category .pagination {
	justify-content: center;
	margin-top: 35px;
	margin-left: 0;
	margin-right: 0;
}
@media (max-width: 767px) {
	.event-archive .pagination, .view-category .pagination {
		margin-top: 25px;
	}
	.event-archive ul.pagination, .view-category ul.pagination {
		display: block;
		text-align: center;
	}
	.event-archive .pagination .page-item, .view-category .pagination .page-item {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		margin-bottom: 10px;
	}
}
.pagination__wrapper {
	width: 100%;
}
.event-archive .pagination .page-item {
	
}
.page-link {
	display: flex!important;
	align-items: center;
	justify-content: center;		
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin-right: 15px;
	padding: 0!important;
/*	background-color: var(--weiss);*/
	background-color: var(--grau);
/*	border: 2px solid #707070;*/
	border: none!important;
	color: var(--body-color)!important;
	font-size: 20px;
	text-align: center;
	text-decoration: none!important;
	transition: none;
	line-height: 1;
}
.page-link:focus {
	box-shadow: none;
}
.active > .page-link, .page-link.active, .page-link:not(.cbPageNavLink):hover, .page-link:not(.cbPageNavLink):focus {
	background-color: var(--gruen)!important;
	color: var(--weiss)!important;
/*	border: 2px solid #707070;*/
/*	color: var(--body-color)!important;*/
}
.active > .page-link:hover, .page-link.active:hover {
	background-color: var(--gruen)!important;
/*	border: 2px solid #707070;*/
/*	color: var(--weiss)!important;*/
}
.page-link:focus {
  box-shadow: none!important;
}
.page-item:first-child .page-link, .page-item:nth-child(2) .page-link, .page-item:last-child .page-link, .page-item:nth-last-child(2) .page-link,
.page-item:first-child .page-link:hover, .page-item:nth-child(2) .page-link:hover, 
.page-item:last-child .page-link:hover, .page-item:nth-last-child(2) .page-link:hover {
	border: none;
	background-color: var(--weiss)!important;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center; 
	color: transparent !important;
}
.page-item:first-child .page-link, .page-item:last-child .page-link, .page-item:nth-last-child(2) .page-link {
	margin: 0;
	width: 45px;
}
@media (max-width: 767px) {
	.page-item:first-child .page-link, .page-item:nth-child(2) .page-link, .page-item:last-child .page-link, .page-item:nth-last-child(2) .page-link {
		width: 30px;
	}
	.page-link {
		margin-right: 10px;
	}
}
.page-link span:before {
	content: "";
}
.page-item:first-child .page-link {
	background-image: url("../images/pagination-begin-l.svg");
}
.page-item:nth-child(2) .page-link {
	background-image: url("../images/pagination-one-l.svg");
}
.page-item:last-child .page-link {
	background-image: url("../images/pagination-end-r.svg");
}
.page-item:nth-last-child(2) .page-link {
	background-image: url("../images/pagination-one-r.svg");
}
#eb-registration-history-page .pagination {
  margin: 10px auto 0!important;
}
/* CB */
.page-item.cbPageNavPage .page-link {
/*, .page-item.cbPageNavActive .page-link {*/
	color: var(--body-color);
}
/*.page-item:not(.cbPageNavStart):not(.cbPageNavPrev):not(.cbPageNavNext):not(.cbPageNavEnd) .page-link {*/
.page-item.cbPageNavPage .page-link:not(:hover) {
	background-color: var(--grau);
}
.page-item.cbPageNavPage .page-link:hover {
	background-color: var(--gruen)!important;
	color: var(--weiss) !important;
}
.cbPageNavStart a, .cbPageNavPrev a, .cbPageNavNext a, .cbPageNavEnd a {
	color: transparent!important;
}

@media (max-width: 767px) {
  .cb_template .page-item.d-md-block {
    display: block !important;
  }
}
  

/*-------------------------------------------------------*/
/*------------------- Member Area -----------------------*/
/*-------------------------------------------------------*/
.members-area .grid-child {
	position: relative;
}
.members-area .link-logout {
	display: none;
}
/*.members-area .link-logout {
	position: absolute;
	top: 20px;
	right: 0;
}
.members-area .link-logout a {
	background-image: url("../images/pfeil_r_gruen.svg");
	background-size: calc(var(--line-height) + 5px) calc(var(--line-height) + 5px);
	background-repeat: no-repeat;
	line-height: calc(var(--line-height) + 5px);
	padding: 0 calc(var(--line-height) + 20px) 9px 0;
	background-position: 100% 0;
}*/
.members-area .page-header, 
/*.view-category h1, */
.member-article-new .page-header {
	margin-top: 21px;
}

#system-message-container joomla-alert[type="message"], 
#system-message-container joomla-alert[type="success"] {
  --alert-accent-color: var(--petrol)!important;
  --alert-heading-text: var(--petrol)!important;
  --alert-close-button: var(--petrol)!important;
}

#system-message-container joomla-alert {
	border: none!important;
	color: var(--petrol)!important;
}
joomla-alert[type="success"] {
	border: none!important;
}


/*-------------------------------------------------------*/
/*------------------- Member Projects -----------------------*/
/*-------------------------------------------------------*/
/*TEST*/
.container-banner {
/*	display: none;*/
}
/*------------------------------------------------------*/
/*-------- Member Projects news box (home) -------------*/
/*------------------------------------------------------*/
/*.member-news-container .member-news2:nth-of-type(1) {
	background-color: var(--petrol-dunkel);
}
.member-news-container .member-news2:nth-of-type(2) {
	background-color: var(--grau);
}
.member-news-container .member-news2:nth-of-type(3) {
	background-color: var(--petrol);
}*/
.member-news2 {
	position: relative;
	display: grid;
	grid-template-columns: 40% calc(60% - var(--2-col-gap));
	grid-row-gap: var(--2-row-gap);
	grid-column-gap: var(--2-col-gap);
	width: 100%;
	margin-bottom: 20px;
	padding: var(--box-padding-top) var(--box-padding-left-right) var(--box-padding-bottom)!important;
	font: var(--font-text); 
}
.member-news2:nth-child(4n-3) {
/*  background-color: var(--grau);*/
}
a.member-news-link {
	text-decoration: none!important;
}
.member-news2 .member-news-info {
	position: relative;
}
.member-news2 .mod-articles-category-category {
	font-weight: 600;
	margin-bottom: 10px;
}
.member-news2 .mod-articles-category-date {
}
.member-news2 .mod-articles-category-writtenby {
	padding: 45px 0 90px;
}
.member-news2 .mod-articles-category-article-title  {
	font: var(--font-h2);
	margin-bottom: 10px;
}
/*.logged-in .member-news-container > div.mod-custom {*/
.logged-in.home .member-news-container-public {
	display: none;
}
body:not(.logged-in).home .member-news-container {
	display: none;
}
.logged-in.home .moduletable.member-article, body:not(.logged-in).home .member-news-container-public {
	border-top: 5px solid var(--petrol-dunkel);
	padding-top: 5px;
}
.moduletable.member-article h2 {
    padding-bottom: 7px;
}
@media (min-width: 992px) {
	.member-news2 .button-klein {
		position: absolute;
		bottom: var(--box-padding-bottom);
		left: var(--box-padding-left-right);
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.member-news2 .mod-articles-category-writtenby {
/*		padding-bottom: 50px;*/
	}
	.member-news2 .button-klein { 
/*		display: inline-block;
		margin-top: 30px;
		text-align: center;*/
	}
}
@media (max-width: 991px) {
	.member-news2 {
		display: block;
/*		grid-template-columns: 100%;*/
	}
	.member-news2 .mod-articles-category-writtenby {
		padding: var(--line-height) 0;
	}
	.member-news2 .button-klein {
		display: inline-block;
		/*margin-top: 30px;*/
		margin-top: 3vw;
/*		text-align: center;*/
	}
}
@media (max-width: 767px) {
	.member-news2 .button-klein {
		margin-bottom: 10px;
	}
}

/*------------------------------------------------------*/
/*-------- Member Projects news box (home) with slider OL Article Show -------------*/
/*------------------------------------------------------*/
.owl-stage {
/*	pointer-events: none;*/
	display: flex;
/*	height: 100%; 
  align-items: stretch;*/
}
.owl-carousel .owl-item {
	display: flex;
	flex: 1 0 auto;
	min-height: 100px;
}
.owl-carousel div[class*="nspost_sett"] {
	display: flex;
	min-height: 100px;
}
.blog-entry {
	transition: none!important;
	border: none!important;
}
@media (min-width: 576px) {
	.blog-entry {
		display: flex;
	}
	.nspost_sett .blog-entry-image {
		width: 33.33333%;
	}
	.nspost_sett .entry-content {
		width: 66.66666%;
	}
}
.blog-entry:hover, .blog-entry:focus, .blog-entry:active {
  transform: none!important;
}
.member-news-container div[class*="slider"]:nth-of-type(1) > div[id*="npost"],
.member-news-container div[class*="slider"]:nth-of-type(3) > div[id*="npost"] {
	background-color: var(--grau);
}
.member-news-container div[class*="slider"]:nth-of-type(2) > div[id*="npost"],
.member-news-container div[class*="slider"]:nth-of-type(4) > div[id*="npost"] {
	background-color: var(--petrol);
}
div[id*="npost"] {
	margin: 15px 0 40px !important;
}
div[id*="npost"] .nspost_sett {
  margin: 0!important;
}
.nspost_sett .blog-entry-image img {
/*	width: 100%;*/
	object-fit: cover;
	object-position: center center;
	height: 100%;
	margin-left: -1px; /* Korrektur */
	margin-top: -1px;
}
@media (min-width: 992px) {
	.nspost_sett .blog-entry-image img {
		max-height: 450px; /*350px;*/
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.nspost_sett .blog-entry-image img {
		max-height: 330px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.nspost_sett .blog-entry-image img {
		max-height: 250px;
	}
}
@media (max-width: 575px) {
	.nspost_sett .blog-entry-image img {
		width: 100%;
		height: 75vw;
		max-height: 75vw;
	}
}

.nspost_sett .entry-content {
	margin: 0;
	padding: var(--box-padding-top) var(--box-padding-left-right) var(--box-padding-bottom) !important;
	border: none!important;
	background: transparent!important;
}
.nspost_sett .entry-title h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.nspost_sett .entry-date, .nspost_sett .entry-author {
	display: inline-block;
}
.entry-title a:hover, .entry-description a {
  color: inherit!important;
}

/*------------------------------------------------------*/
/*-------- TEST Member Projects news box (home) with slider JM Article category -------------*/
/*------------------------------------------------------*/
/*.jm-category-module.default.carousel {
  margin: 0!important;
}
.jm-category-module:nth-of-type(1) .jmm-item {
	background-color: var(--grau);
}
.jm-category-module:nth-of-type(2) .jmm-item {
	background-color: var(--petrol);
}
.jm-category-module.default .jmm-rows > div > .jmm-item {
	padding: 0 15px 0 0!important;
}
.jm-category-module.default .mod-article-image {
	width: 33%;
	max-height: 20vw;
	object-fit: cover;
	margin-bottom: 0!important;
}
.jmm-title.mod-articles-category-title {
	display: block;
	width: 100%;
	padding-top: var(--box-padding-top);
	font: var(--font-h2);
	margin-bottom: 10px;
}
.jmm-author.mod-articles-category-writtenby:after {
	content: " | ";
}
.jmm-date.mod-articles-category-date {
	
}
.jmm-intortext {
	padding-bottom: var(--box-padding-bottom);
}*/
/*.jmm-readmore {
	padding-bottom: 15px;
}*/

/*---------------------------------------------------------------*/
/*-------- Member Projects view categories (static) | Memberbereich-Seite -------------*/
/*---------------------------------------------------------------*/
/*.box-mitglieder-projekte {
	background-image: url("../../../../../images/design/wif-frauen-projekte.png");
}
.box-mitglieder-empfehlungen {
	background-image: url("../../../../../images/design/wif-frauen-empfehlungen.png");
}
.box-mitglieder-vorstellung {
	background-image: url("../../../../../images/design/wif-frauen-stellen-sich-vor.png");
}*/
div[class^="box-mitglieder-"] {
	position: relative;
	width: 100%;
	padding: 0 !important;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	/*overflow: hidden;*/
	background-repeat: no-repeat, no-repeat;
	background-size: auto 38%, 100% 100%;
	background-position: center 33%, 0 0;
}
@media (min-width: 1921px) {
	div[class^="box-mitglieder-"] {
		height: 410px!important;
	}
}
@media (min-width: 768px) and (max-width: 1920px) {
	div[class^="box-mitglieder-"] {
		height: 23.58vw!important;
	}
}
@media (max-width: 767px) {
	div[class^="box-mitglieder-"] {
		height: 45vw!important;
	}
}
div[class^="box-mitglieder-"] img {
display: none;
/*	width: 100%;*/
/*	height: 23.58vw;*/
/*   visibility: hidden; */
/*		object-fit: cover;
		object-position: 0% 0%;*/
}
.box-mitglieder-projekte {
	background-image: url("../../../../../images/design/text_projekt.svg"), url("../../../../../images/design/box-bg01.jpg");
}
.box-mitglieder-empfehlungen {
	background-image: url("../../../../../images/design/text_empfehlung.svg"), url("../../../../../images/design/box-bg02.jpg");
}
.box-mitglieder-vorstellung {
	background-image: url("../../../../../images/design/text_vorstellen.svg"), url("../../../../../images/design/box-bg03.jpg");
}
.article-buttons {
/*	padding: 0 10px;*/
		/*text-align: center;*/
/*	display: grid;
	grid-template-columns: auto auto;*/
	display: flex;
	justify-content: space-between;
/*	margin-bottom: 20px;*/
	margin-bottom: 30px;
}
div[class^="box-mitglieder-"] .all-articles, div[class^="box-mitglieder-"] .my-articles {
	position: relative!important;
	display: inline-block;
	white-space: nowrap;
/*	margin-bottom: 15px;*/
/*	left: 0!important;
	right: 0!important;*/
}
div[class^="box-mitglieder-"] .all-articles {
	text-align: left;
}
div[class^="box-mitglieder-"] .my-articles {
    text-align: right;
}
/*** Hinweis: button-Stil muss auf a gelegt werden, damit Button nicht zu breit wird ***/
@media (min-width: 768px) and (max-width: 1000px), (max-width: 490px), (min-width: 1181px) and (max-width: 1220px) {
	div[class^="box-mitglieder-"] {
		background-position: center calc((100% - 70px) * 0.33), 0 0;
		background-size: auto calc((100% - 70px) * 0.38), 100% 100%;
	}
	div[class^="box-mitglieder-"] .all-articles, div[class^="box-mitglieder-"] .my-articles {
		text-align: center!important;
	}
	.article-buttons {
		display: grid;
		grid-template-columns: 100%;
		row-gap: 10px;
	}
	.article-buttons .button-klein {
		display:inline-block
	}
}
@media (max-width: 490px) {
	div[class^="box-mitglieder-"] {
		height: calc(45vw + 70px) !important;
	}
}
@media (min-width: 768px) and (max-width: 1000px), (min-width: 1181px) and (max-width: 1220px) {
	div[class^="box-mitglieder-"] {
		height: calc(23.58vw + 70px) !important;
	}
}
@media (min-width: 1571px)  {
	div[class^="box-mitglieder-"] .article-buttons { 
		margin-left: 9%;
		margin-right: 9%;
	}
}
@media (min-width: 1401px) and (max-width: 1570px)  {
	div[class^="box-mitglieder-"] .article-buttons { 
		margin-left: 2%;
		margin-right: 2%;
	}
}
@media (min-width: 1251px) and (max-width: 1400px) {
	div[class^="box-mitglieder-"] .article-buttons { 
		margin-left: 5%;
		margin-right: 5%;
	}
}
@media (min-width: 1101px) and (max-width: 1250px)  {
	div[class^="box-mitglieder-"] .article-buttons { 
		margin-left: 2%;
		margin-right: 2%;
	}
}
@media (min-width: 951px) and (max-width: 1100px) {
	div[class^="box-mitglieder-"] .article-buttons { 
		margin-left: 2%;
		margin-right: 2%;
	}
}
@media (min-width: 581px) and (max-width: 950px) {
	div[class^="box-mitglieder-"] .article-buttons { 
		margin-left: 2%;
		margin-right: 2%;
	}
}
@media (min-width: 381px) and (max-width: 580px) {
	div[class^="box-mitglieder-"] .article-buttons { 
		margin-left: 5%;
		margin-right: 5%;
	}
}
@media (max-width: 380px) {
	div[class^="box-mitglieder-"] .article-buttons { 
		margin-left: 2%;
		margin-right: 2%;
		row-gap: 5px;
		margin-bottom: 15px;
	}
/*	div[class^="box-mitglieder-"] .all-articles { 
		padding: 13px 18px 14px !important;
	}
	div[class^="box-mitglieder-"] .my-articles { 
		padding: 13px 18px 14px !important;
	}*/
}

div[class^="box-mitglieder-"] .button-gruen {
  background: var(--gruen) !important;
}
.box-mitglieder-beitrag-neu {
	position: relative;
}
.box-mitglieder-beitrag-neu h3 {
	padding-top: 10%;
}
.box-mitglieder-beitrag-neu [class^="button-"] {
	position: absolute; 
	left: 50%;
	transform: translateX(-50%);
    bottom: 10%;
}
body.einzelmitglied .link-profil-firmenmitglied {
	display: none;
}
body.firmenmitglied .link-profil-einzelmitglied {
	display: none;
}

.member-article-view-categories.my-articles .alert .all-articles,
.member-article-view-categories.all-articles .alert .my-articles {
	display: none;
}
.member-article-view-categories .alert-info {
  --alert-color: var(--petrol-dark);
  --alert-bg: transparent;
  --alert-border-color: transparent;
}
.member-article-view-categories .alert-info .icon-info-circle {
	display: none;
}

/*---------------------------------------------------------------*/
/*-------- Member Projects view categories (module/db) -------------*/
/*---------------------------------------------------------------*/
/**************** Kann gelöscht werden, da Verlinkung neu statisch **************/
.members-area .mod-articlescategories {
	 display: grid;
  grid-template-columns: calc(50% - (var(--2-col-gap) / 2)) calc(50% - (var(--2-col-gap) / 2));
  grid-row-gap: var(--2-row-gap);
  grid-column-gap: var(--2-col-gap);
  width: 100%;
  margin-bottom: 20px;
	font: var(--font-h3);
}
.members-area .mod-articlescategories li {
	list-style-type: none;
	padding: 0!important;
}
.members-area .mod-articlescategories li:before {
	display: none;
}
.members-area .mod-articlescategories li a {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 75px var(--box-padding-left-right);
	text-align: center;
}
.members-area .mod-articlescategories li a:hover {
	text-decoration: none;
}
.members-area .mod-articlescategories li:nth-child(4n-3) a {
  background-color: var(--grau);
}
.members-area .mod-articlescategories li:nth-child(4n-2) a {
  background-color: var(--petrol-dunkel);
  color: var(--weiss);
}
.members-area .mod-articlescategories li:nth-child(4n-1) a {
  background-color: var(--petrol);
  color: var(--weiss);
}
.members-area .mod-articlescategories li:nth-child(4n) a {
  background-color: var(--gruen);
}
.members-area .mod-articlescategories li:nth-child(4n-3) a:hover, .members-area .mod-articlescategories li:nth-child(4n) a:hover {
	color: var(petrol-dunkel)!important;
}
.members-area .mod-articlescategories li:nth-child(4n-2) a:hover, .members-area .mod-articlescategories li:nth-child(4n-1) a:hover {
  color: var(--weiss)!important;
}

/*---------------------------------------------------------------*/
/*-------------- Member Projects view articles ------------------*/
/*---------------------------------------------------------------*/
@media (min-width: 1801px) {
	 :root {
		/*--lines-count-articles: 6.5;*/
		--lines-count-articles: 6.5;
	 }
}
@media (min-width: 1581px) and (max-width: 1800px) {
	 :root {
		/*--lines-count-articles: 7;*/
		--lines-count-articles: 5;
	 }
}
@media (min-width: 1401px) and (max-width: 1580px) {
	 :root {
		/*--lines-count-articles: 6;*/
		--lines-count-articles: 5.2;
	 }
}
@media (min-width: 1301px) and (max-width: 1400px) {
	 :root {
		/*--lines-count-articles: 7;*/
		--lines-count-articles: 5.2;
	 }
}
@media (min-width: 992px) and (max-width: 1300px) {
	 :root {
		/*--lines-count-articles: 6;*/
		--lines-count-articles: 4;
	 }
}
@media (min-width: 951px) and (max-width: 991px) {
	 :root {
		/*--lines-count-articles: 5;*/
		--lines-count-articles: 3;
	 }
}
@media (min-width: 821px) and (max-width: 950px) {
	 :root {
		/*--lines-count-articles: 4;*/
		--lines-count-articles: 3;
	 }
}
@media (min-width: 791px) and (max-width: 820px) {
	 :root {
		/*--lines-count-articles: 3;*/
		--lines-count-articles: 2;
	 }
}
@media (min-width: 768px) and (max-width: 790px) {
	 :root {
		/*--lines-count-articles: 2;*/
		--lines-count-articles: 2;
	 }
}
@media (max-width: 767px) {
	 :root {
		/*--lines-count-articles: 5.2;*/
		--lines-count-articles: 5;
	 }
}
.article-info .article-info-term {
	display: none;
}
.member-article-view-categories .blog {
	display: grid;
	grid-template-columns: 100%;
}
.member-article-view-categories h1 {
	order: 2;
}
@media (min-width: 1201px) {
	.member-article-view-categories h1 {
		margin-bottom: 20px;
	}
}
.member-article-view-categories .cat-children {
	order: 3;
	margin-bottom: 30px;
}
.member-article-view-categories .blog-items {
	order: 4;
}
.member-article-view-categories .cat-children .item-title {
	font: var(--font-text);
}

/*--- Version mit default-Layout (Tabelle) ---*/
/*.member-article-view-categories-1.content-category {
	display: grid;
	grid-template-columns: 100%;
}
.member-article-view-categories-1.content-category h1 {*/
/*	order: 1;*/
/*}
.member-article-view-categories-1.content-category > div {
	order: 2;
}
.member-article-view-categories-1.content-category > form {
	order: 3;
}
.member-article-view-categories-1.content-category > form .btn {
	margin-top: 30px;
}
.member-article-view-categories-1.content-category .item-title {
	font: var(--font-text);
}*/
/*--- Ende Version default-Layout ---*/

/*--- Tabellen Layout (default) angepasst ---*/
.member-article-view-categories h1 ~ h1 {  /*TEST Titel wird bei erster Kat nicht angezeigt*/
	display: none;
}
.com-content__filter {
	border-bottom: 2px solid var(--petrol-dunkel);
	border-radius: 0;
}
.com-content__filter input {
	border: none !important;;
}
/*.member-article-view-categories-1 .com-content__filter .btn[type="submit"] {
	margin-bottom: 10px !important;
}
.member-article-view-categories-1 .com-content__filter .btn[type="reset"] {  /* TEST Filter Zurücksetzen Button versteckt */
/*	display: none;
}
.member-article-view-categories-1 .category.table {
	position: relative;
}
.member-article-view-categories-1 thead {
	position: absolute;
	right: 0;
	top: -86px;
}
.member-article-view-categories-1 #categorylist_header_title, .member-article-view-categories-1 #categorylist_header_date {
	padding-right: 15px;
}
.member-article-view-categories-1 #categorylist_header_author {
	padding-right: 0;
}
.member-article-view-categories-1 .category.table thead tr {
	display: flex;
	margin-bottom: 20px;
}
.member-article-view-categories-1 #categorylist_header_edit, .member-article-view-categories-1 #categorylist_header_intro,
.member-article-view-categories-1 #categorylist_header_intro_image, .member-article-view-categories-1 #categorylist_header_full_image {
	display: none;
}*/
/*.member-article-view-categories-1 .category.table tbody, */
/*.member-article-view-categories-1 .category.table tr {
	display: grid;
	grid-template-columns: 50% 50%;
	margin-bottom: 30px;
	margin-top: 30px;
}
.member-article-view-categories-1 .category.table tbody tr:not(:last-of-type) {
	border-bottom: 2px solid var(--petrol-dunkel);
}
.member-article-view-categories-1 .category.table tr > * {
	grid-column-start: 1;
	grid-column-end: 3;
}
.member-article-view-categories-1 .category.table td, .member-article-view-categories-1 .category.table th {
  background-color: var(--weiss)!important;
  font: var(--font-text);
}
.member-article-view-categories-1 tbody, .member-article-view-categories-1 td, .member-article-view-categories-1 tfoot,
.member-article-view-categories-1 th, .member-article-view-categories-1 thead, 
.member-article-view-categories-1 tr {
	border: none;
	--table-accent-bg: var(--weiss);
  color: var(--petrol-dunkel);
}*/
.table > :not(caption) > * > * {
   -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
}
/*.member-article-view-categories-1 tr:hover > * {
	background-color: var(--weiss);
}
.member-article-view-categories-1 .list-title {
	font: var(--font-h3)!important;
}
.member-article-view-categories-1 .list-title a {
	cursor: default;
    pointer-events: none;        
    text-decoration: none;
}
.member-article-view-categories-1 .article-show-text {
/*  overflow: hidden;
  max-height: calc(var(--lines-count) * var(--line-height));
  line-height: var(--line-height);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: var(--lines-count);
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  z-index: 999;*/
/*  position: relative;
}
.member-article-view-categories-1 .button-up-down {
	display: none;
/*	position: absolute;
	bottom: 0;*/
/*}
.member-article-view-categories-1 .back-link {
	text-align: right;
}
.member-article-view-categories-1 .back-link-text::before {
  content: "";
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-image: url("../images/pfeil_l_petrol.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-color: transparent;
  color: transparent;
  border: none;
  padding-right: 30px;
/*  display: inline-block;*/
/*float: left;*/
/*  margin-right: 15px;
}
.member-article-view-categories-1 .list-intro-image {
	grid-column-start: 1!important;
	grid-column-end: 2!important;
}
.member-article-view-categories-1 .list-full-image {
	grid-column-start: 2!important;
	grid-column-end: 3!important;
}
.member-article-view-categories-1 .list-intro-image img {
	max-height: 300px;
	width: auto;
}
.member-article-view-categories-1 .list-full-image img {
}*/

/*------------------------  TEST für Präsentation -----------------------------------------*/
/*----- Kategorieseiten ab 2. Kategorie haben andere CSS-Klasse ????????? -------------------*/
/*-----------------------------------------------------------------------------------------*/
.member-article-view-categories.content-category {
	display: grid;
	grid-template-columns: 100%;
}
.member-article-view-categories.content-category h1 {
/*	order: 1;*/
}
.member-article-view-categories.content-category > h2 {
	order: 3;
	text-align: center;
	margin-top: -15px;
}
.member-article-view-categories.content-category > form {
	order: 4;
	display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto auto auto;
}
.member-article-view-categories.content-category > form .btn {
/*	margin-top: 30px;*/
	justify-self: end;
	width: max-content;
}
.member-article-view-categories.content-category .article-new {
	text-align: right;
}
.member-article-view-categories.content-category .item-title {
	font: var(--font-text);
}
.member-article-view-categories .com-content__filter .btn[type="submit"] {
	margin-bottom: 10px !important;
}
.member-article-view-categories .com-content__filter .btn[type="reset"] {  /* TEST Filter Zurücksetzen Button versteckt */
	display: none;
}
.member-article-view-categories .category.table {
	position: relative;
}
.member-article-view-categories thead {
	position: absolute;
	right: 0;
	top: -86px;
}
.member-article-view-categories #categorylist_header_title, .member-article-view-categories-1 #categorylist_header_date {
	padding-right: 15px;
}
.member-article-view-categories #categorylist_header_author {
	padding-right: 0;
}
.member-article-view-categories .category.table thead tr {
	display: flex;
/*	display: grid;
  grid-template-columns: calc(33.333% - (var(--2-col-gap) * 3 / 2)) calc(33.333% - (var(--2-col-gap) * 3 / 2)) calc(33.333% - (var(--2-col-gap) * 3 / 2));
  grid-row-gap: var(--2-row-gap);
  grid-column-gap: var(--2-col-gap);*/
	margin-bottom: 20px;
}
.member-article-view-categories #categorylist_header_edit, .member-article-view-categories #categorylist_header_intro,
.member-article-view-categories #categorylist_header_intro_image, .member-article-view-categories #categorylist_header_full_image {
	display: none;
}
.member-article-view-categories .category.table tbody tr:not(:last-of-type) {
/*	border-bottom: 2px solid var(--petrol-dunkel);*/
}

.member-article-view-categories .category.table tbody tr.system-unpublished {
	display: none;
}

.member-article-view-categories .category.table td, .member-article-view-categories .category.table th {
/*  vertical-align: top;*/
/*  background-color: var(--weiss)!important;*/
  font: var(--font-text);
  background-color: inherit;
}
.member-article-view-categories tbody, .member-article-view-categories td, .member-article-view-categories tfoot,
.member-article-view-categories th, .member-article-view-categories-1 thead, 
.member-article-view-categories tr {
	border: none;
	--table-accent-bg: var(--weiss);
/*  color: var(--petrol-dunkel);*/
}

.member-article-view-categories tr:hover > * {
/*	background-color: var(--weiss);*/
}
.member-article-view-categories .list-title {
	font: var(--font-h3)!important;
}
.member-article-view-categories .list-title a {
	cursor: default;
    pointer-events: none;        
    text-decoration: none;
}

.member-article-view-categories > .back-link {
/*	display: none;*/
}
body:not(.logged-in):not(.view-event) .back-link, .view-saveregisters .back-link {
	display: none;
}
/*.member-article-view-categories */
.back-link {
/*	order: 1;
	text-align: right;
	margin-bottom: 20px;*/
	display: flex;
	align-items: center;
	color: inherit;
/*	font: var(--menu-font-style);
	letter-spacing: var(--menu-letter-spacing);*/
}
.member-article-view-categories .back-link-text,
.view-userdetails .back-link-text, 
.view-userprofile .back-link-text,
.layout-edit.member-article-new .back-link-text {
	font-family: var(--body-font);
	letter-spacing: 0;
}
/*.member-article-view-categories */
/**.back-link-text::before {
  content: "";
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-image: url("../images/pfeil_l_petrol.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-color: transparent;
  color: transparent;
  border: none;
  padding-right: 30px;
		/*  display: inline-block;*/
		/*float: left;*/
/**  margin-right: 15px;
}**/
@media (min-width: 992px) {
	.container-header .container-search {
		margin-top: 20px;
	}
}
@media (max-width: 991px) {
	.container-header .container-search {
		margin-top: 110px!important;
		right: var(--grid-margin);
		position: absolute;
	}
	.member-article-view-categories h1 {
		margin-top: 45px!important;
	}
} 
/*.member-article-view-categories-1 .category.table tbody, */
.member-article-view-categories .category.table tr[class^="cat-list-row"] {
	display: grid;
	grid-template-rows: auto auto auto auto 1fr;
	/*grid-row-gap: var(--2-row-gap);*/
	margin-bottom: 30px;
	margin-top: 30px;
	position: relative;
}

.member-article-view-categories .category.table tr[class^="cat-list-row"]:nth-of-type(1) {
	margin-top: 15px;
}
@media (min-width: 768px) {
/*  .member-article-view-categories .category.table tr[class^="cat-list-row"] {*/
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) {
		/*grid-template-columns: 41.66666667% 1fr;*/
		/*grid-template-columns: 31.5% 1fr;*/
		grid-template-columns: 31.5% 1fr; /* TEST 08.12.23 */
	}
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) {
		/*grid-template-columns: 1fr 41.66666667%;*/
		/*grid-template-columns: 1fr 31.5%;*/
		grid-template-columns: 1fr 31.5%; /* TEST 08.12.23 */
	}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-full-image {
	grid-column-start: 1!important;
	grid-column-end: 2!important;
	grid-row-start: 1!important;
	grid-row-end: 6!important;
	padding: 0;
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-title,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-date,
/*.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-author,*/
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-intro,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-button
/*.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-edit*/
{
	grid-column-start: 2!important;
	grid-column-end: 3!important;
}

.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-full-image {
	grid-column-start: 2!important;
	grid-column-end: 3!important;
	grid-row-start: 1!important;
	grid-row-end: 6!important;
	padding: 0;
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-title,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-date,
/*.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-author,*/
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-intro,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-button
/*.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-edit*/
{
	grid-column-start: 1!important;
	grid-column-end: 2!important;
}
.member-article-view-categories tr[class^="cat-list-row"] .list-title {
	grid-row-start: 2;
	grid-row-end: 3;
}
.member-article-view-categories tr[class^="cat-list-row"] .list-date {
	grid-row-start: 1;
	grid-row-end: 2;
}
.member-article-view-categories tr[class^="cat-list-row"] .list-intro {
	grid-row-start: 3;
	grid-row-end: 4;
}
}
@media (max-width: 767px) {
  .member-article-view-categories .category.table tr[class^="cat-list-row"] {
	grid-template-columns: 100%;
  }
  .member-article-view-categories td {
	  grid-col-start: 1;
	  grid-col-end: 2;
  }
}
@media (min-width: 768px) {
/*	.member-article-view-categories .article-show-text {*/
	.member-article-view-categories .intro > *:last-child {
		padding-bottom: 80px;
	}	
}
/*.member-article-view-categories tr[class^="cat-list-row"] .list-intro[style="overflow: hidden;"] p,
.member-article-view-categories tr[class^="cat-list-row"] .list-intro  p:first-child 
{
	margin: 0!important;
}*/

.member-article-view-categories tr[class^="cat-list-row"] .intro  p {
	margin-bottom: 0px;
}

/*.event-archive .row .event-text .intro p {
  margin: 0;
    margin-bottom: 0px;
}*/



.member-article-view-categories td.list-author {
	display: none;
}
.member-article-view-categories .list-full-image img {
/*	max-height: 300px;*/
	width: 100%;
	max-width: 100%;
	object-fit: cover;
	/*object-position: 0% 0%;*/
}
.member-article-view-categories .list-full-image {
/*		background-image: url("../../../../../images/users/mein-projekt.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 0 0;*/
}
.member-article-view-categories .list-full-image figure {
	margin: 0;
}
.button-up-down {
	margin: 0;
}
@media (min-width: 1921px) {
	.member-article-view-categories .list-full-image img {
		height: 415px;
	}
}

/***** TEST 08.12.23 *****/
/*@media (min-width: 768px) and (max-width: 1920px) {
	.member-article-view-categories .list-full-image img {
		max-height: 25vw;   
	}
}*/
@media (min-width: 768px) {
	.member-article-view-categories .category.table tr[class^="cat-list-row"] {
		/*padding-bottom: 20px;*/
	}
	.member-article-view-categories .list-full-image {
		/*margin-bottom: -20px;*/
	}
	.member-article-view-categories .list-full-image img {
		/*margin-bottom: -20px;*/
		width: 100%;
		max-width: 100%;
		object-fit: cover;
	}
	.member-article-view-categories tr[class^="cat-list-row"] .list-button {
		
	}
}
@media (min-width: 768px) and (max-width: 1921px) {
	.member-article-view-categories .list-full-image img {
		height: auto;
	}
}
@media (min-width: 1181px) and (max-width: 1920px) {
	.member-article-view-categories .list-full-image img {
		max-height: 23vw;
		min-height: 23vw;
	}
}
@media (min-width: 768px) and (max-width: 1180px) {
	.member-article-view-categories .list-full-image img {
		max-height: 25vw;
		min-height: 25vw;
	}
}
/* ENDE TEST 08.12.23 */


@media (max-width: 767px) {
	.member-article-view-categories .list-full-image img {
		max-height: 65vw;
	}
}
@media (min-width: 1581px) {
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:nth-of-type(2) {
    padding: 35px 100px 0 40px;
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(6)):not(:last-of-type) {
    padding: 0 100px 0 40px;
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:last-of-type {
    /*padding: 0 100px 25px 40px;*/
	padding-top: 0;
	padding-bottom: 15px;
	padding-left: 40px;
	margin-top: -30px;
  }
  .member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-button {
	/*left: 15px !important;*/
  }
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-edit {
		margin-left: 42px;
	}	
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-edit {
		margin-left: 40px;
	}
}
@media (max-width: 1580px) {
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-edit {
		margin-left: 25px;
	}
}
@media (min-width: 1401px) and (max-width: 1580px) {
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:nth-of-type(2) {
    padding: 30px 80px 0 30px;
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(6)):not(:last-of-type) {
    padding: 0 80px 0 30px;
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:last-of-type {
    /*padding: 0 80px 25px 30px;*/
	padding-top: 0;
	padding-bottom: 15px;
	padding-left: 30px;
    margin-top: -30px;
  }
  .member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-button {
	/*left: 5px !important;*/
  }
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-edit {
		margin-left: 30px;
	}
}
@media (min-width: 1201px) and  (max-width: 1400px) {
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:nth-of-type(2) {
    padding: 25px 80px 0 25px;
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(6)):not(:last-of-type) {
    padding: 0 80px 0 25px;
	/*margin-bottom: 5px;*/
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:last-of-type {
    /*padding: 0 80px 25px 25px;*/
	padding-top: 0;
	padding-bottom: 15px;
    padding-left: 25px;
    /*margin-top: -30px;*/
  }
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-edit {
		margin-left: 25px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:nth-of-type(2) {
    padding: 25px 70px 0 25px;
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(6)):not(:last-of-type) {
    padding: 0 70px 0 25px;
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:last-of-type {
    /*padding: 0 70px 25px 25px;*/
	padding-top: 0;
	padding-bottom: 25px;
	padding-left: 25px;
  }
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-edit {
		margin-left: 25px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:nth-of-type(2) {
    padding: 25px 55px 0 25px; /*40px;*/
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(6)):not(:last-of-type) {
    padding: 0 55px 0 25px;
  }
  .member-article-view-categories .category.table tr[class^="cat-list-row"] td:last-of-type {
    /*padding: 0 55px 25px 40px;*/
	padding-top: 0;
	padding-bottom: 25px;
	padding-left: 25px;
  }
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-edit {
		margin-left: 25px;
	}
}
@media (max-width: 767px) {
	.member-article-view-categories .category.table tr[class^="cat-list-row"] td:not(:first-of-type):not(.list-button) {
		padding: 0 25px;
	}	
	.member-article-view-categories .category.table .list-date {
		margin-top: 30px;
	}
	.member-article-view-categories .category.table .list-title {
		margin-top: 10px; /*20px;*/
		margin-bottom: 10px;
	}	
	.member-article-view-categories .category.table .list-intro[style*="hidden"] + .list-button {
		padding: 20px 25px 15px;	
	}
	.member-article-view-categories .category.table .list-intro[style*="visible"] + .list-button {
		padding: 10px 25px 15px;	
	}	
	.member-article-view-categories .list-full-image {
		padding: 0;
	}
}
.member-article-view-categories .list-date-create, .member-article-view-categories .list-author {
	display: inline-block;
}
@media (min-width: 768px) {
	.member-article-view-categories .category.table tr[class^="cat-list-row"] td.list-title {
		padding-bottom: calc(var(--line-height) * 0.25) !important;
	}
	.member-article-view-categories .category.table tr[class^="cat-list-row"] td.list-date {
		/*padding-bottom: calc(var(--line-height) * 0.6) !important;*/
		padding-bottom: calc(var(--line-height) * 0.25) !important;
	}
}
.member-article-view-categories .list-intro {
	max-height: calc(var(--lines-count-articles) * var(--line-height));
/*	max-height: calc(var(--lines-count) * var(--line-height)); */
	line-height: var(--line-height);
	text-overflow: ellipsis;
	overflow-wrap: break-word;
	hyphens: auto;
  z-index: 999;
  position: relative;
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-3) {
  background-color: var(--grau);
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-2) {
  background-color: var(--petrol-dunkel);
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-2) > *,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-2):hover > *,
/*.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-2) td:hover,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-2) th:hover,*/
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-1) > *,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-1):hover > *
/*,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-1) td:hover,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-1) th:hover*/
{
  color: var(--weiss);
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-1) {
  background-color: var(--petrol);
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n) {
  background-color: var(--gruen);
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n) .button-up-down:not(.button-up),
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-3) .button-up-down:not(.button-up)
{
  background-image: url("../images/pfeil_u_petrol.svg");
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n) .button-up-down.button-up,
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-3) .button-up-down.button-up
{
  background-image: url("../images/pfeil_o_petrol.svg");
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-1) .button-up-down:not(.button-up), 
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-2) .button-up-down:not(.button-up) 
{
  background-image: url("../images/pfeil_u_gruen.svg");
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-1) .button-up-down.button-up, 
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-2) .button-up-down.button-up 
{
  background-image: url("../images/pfeil_o_gruen.svg");
}
.member-article-view-categories .list-button {
/*	margin-top: -63px;*/
}
@media (min-width: 768px) {
	.member-article-view-categories tr[class^="cat-list-row"] .list-button {
		grid-row-start: 4;
		grid-row-end: 6;
	position: absolute;
	width: 100%;
	right: 15px;
	bottom: 15px!important; /*5px!important; TEST 08.12.23*/
/*	left: 25px;*/
	padding: 0!important;
    left: 0!important;
}
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-button {
/*	right: 15px;*/
/*	padding-right: 22px;*/
		/*display: flex;
		flex-direction: row-reverse;
		width: 100%;
		max-width: 100%;*/
	}
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-button {
/*	left: 15px;*/
		left: 0;
		padding-right: 0.5em;
	}
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .button-up-down:not(.button-up) {
		margin-right: 21px;
/*		position: absolute;
		margin-right: 15px;
		bottom: 0;
		left: 20px;*/
	}
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .button-up-down.button-up {
		order: 2;
		margin-top: 5px;
	}
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .button-up-down.button-up:last-child {
		margin-right: -20px;
	}
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-intro[style*="visible"] ~ .list-button {
		/*display: flex;
		flex-direction: row-reverse;*/
		display: grid;
		grid-template-columns: 1fr auto 1px;
		column-gap: 20px;
	}
	
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .button-up-down {
		right: 15px;
	}
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(odd) .list-edit {
		order: 1;
		justify-self: start;
/*		position: absolute;
		left: 25px;
		bottom: 0;*/
	}
	.member-article-view-categories tr[class^="cat-list-row"]:nth-child(even) .list-edit {
		position: relative;
	}
}
@media (max-width: 767px) {
	.member-article-view-categories .list-button {
		padding-bottom: 15px;
	}
	.member-article-view-categories .button-up-down {
	}
}
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-1) .list-edit, 
.member-article-view-categories tr[class^="cat-list-row"]:nth-child(4n-2) .list-edit {
	background-color: var(--gruen)!important;
	color: var(--petrol-dunkel)!important;
}

.member-article-view-categories .list-button .btn {
  position: relative;
  z-index: 9999;
}
.member-article-view-categories .list-edit {
  z-index: 9999;
}
.member-article-view-categories .button-up-down:not(.button-up) ~ .list-edit {
	display: none;
}
.member-article-view-categories .list-button {
/*	margin-top: 20px;*/
}
.member-article-view-categories .list-edit {
	display: inline;
}
.member-article-view-categories .list-edit .icon-edit {
	display: none;
}

/*----------------------- ENDE TEST -----------------------------------------------------*/


/*---------------------------------------------------------*/
/*---------------- Member Articles edit -------------------*/
/*---------------------------------------------------------*/
body:not(.member-article-new) .edit.item-page:before {
/*	display: block;
	content: "Mitgliederbeitrag bearbeiten";
	width: 100%;
	font: var(--font-h1);
	text-align: center;*/
}
.view-form.layout-edit h2 {
	text-align: center;
	margin-top: -15px;
}
.edit.item-page #adminForm {
	margin-top: 30px;
}
/*.view-form.layout-edit.logged-in button[aria-controls="publishing"],
.view-form.layout-edit.logged-in button[aria-controls="metadata"] {*/
.view-form.layout-edit div[role="tablist"] {
	display: none!important;
}
.media-browser-actions {  /* media actions don't work with plugin Restricted FS */
	display: none!important;
}
.view-form.layout-edit joomla-tab > joomla-tab-element {
	display: block;
	background-color: #fff;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}
.view-form.layout-edit #editor .control-group:nth-of-type(2),
/*.view-form.layout-edit #images .control-group:not(:nth-of-type(1)),
.view-form.layout-edit #images joomla-field-media input,*/
/*.view-form.layout-edit #images,*/
.view-form.layout-edit #images .control-group:not(:nth-of-type(6)),
.view-form.layout-edit #publishing .control-group:not(:nth-of-type(1)),
/*.view-form.layout-edit #publishing, */   /* 07.12.23 show Status */
.view-form.layout-edit #metadata
{
	display: none!important;
}
@media (min-width: 768px) {
	#publishing > .control-group:nth-of-type(1) {
		width: 50%;
	}
}
#publishing > .control-group:nth-of-type(1) option[value="0"],
#publishing > .control-group:nth-of-type(1) option[value="2"] {
	display: none; /* show only published and trash */
}
.view-form select option {
  font-family: verdana !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background-color: #fff !important;
}
.form-select.form-select-success, .form-select-success.custom-select, .form-select.custom-select-success, .custom-select-success.custom-select {
  color: var(--petrol);
}
/*#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="1"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="2"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="3"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="4"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="5"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="6"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="7"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="8"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="9"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="10"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="11"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="12"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="13"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="14"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="15"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="16"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="18"],
#publishing .control-group:nth-of-type(2) .choices__list > div[data-value="19"]
{
	display: none;
}*/
@media (max-width: 991px) {
	.view-form.member-article-new .page-header {
		margin-top: 25px;
	}
}
@media (max-width: 810px) { /* mobile-tabs erscheinen schon ab ca. diesem Breakpoint */
	.view-form.layout-edit #com-content-form > button {
		display: none;
	}
	.view-form.layout-edit #com-content-form .modal-dialog.jviewport-width80 {
		width: 95vw;
	}
}
.view-form.layout-edit .btn-danger:not(.button-clear), .btn-success, .button-select {
	background: var(--button-bg) !important;
	color: var(--button-color) !important;
	border-radius: 26px !important;
	padding: 13px 26px 14px !important;
	font: var(--font-button-small) !important;
	letter-spacing: 0.25px !important;
}
.view-form.layout-edit .btn-danger:hover, .btn-success:hover, .button-select:hover {
	background: var(--button-hover-bg) !important;
}
.view-form.layout-edit .input-group button {
	margin-top: 20px;
}
/*.view-form.layout-edit joomla-tab-element#images:after {
	content: "Der Autor bestätigt, dass er über die erforderlichen Urheberrechte für die im Beitrag verwendeten Bilder und Medien verfügt.";
	font-weight: bold;
	margin-top: 30px;
	display: block;
}*/
.view-form.layout-edit .urheberrecht-field .form-check {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 0;
}
.view-form.layout-edit .urheberrecht-field {
	margin-bottom: 0;
}
.view-form.layout-edit .urheberrecht-field label {
	padding-left: 10px;
}
joomla-tab-element[name="Mitgliederbeiträge Zusatzinfo"] .control-group {
	margin-bottom: 0;
}
joomla-tab-element[name="Mitgliederbeiträge Zusatzinfo"] legend,
.view-form.layout-edit .urheberrecht-label {
	display: none;
}
.urheberrecht-field.invalid:after {
	content: "Bitte bestätige die Urheberrechte";
	color: var(--error-color);
	font-size: 80%;
}
/* form-control-danger */
.form-control-feedback {
	color: var(--error-color);
	font-size: 80%;
/*	position: absolute;
	bottom: -30px;*/
}
.invalid {
  color: var(--body-color);
}
.options-form {
	border: none;
	padding: 0;
	color: var(--body-color);
}

.view-form.layout-edit .toggle-editor,
.view-form.layout-edit button[data-submit-task="article.save2copy"],
.view-form.layout-edit button[data-bs-target="#versionsModal"] {
	display: none;
}
.view-form.layout-edit .btn .icon-check {
/*, .view-form.layout-edit .btn .icon-times {*/
	display: none;
}
.view-form.layout-edit .button-clear {
	/*display: none!important;*/
	margin-left: 10px !important;
}
.view-form.layout-edit .button-clear .icon-times {
	display: none;
}
.view-form.layout-edit .button-clear .visually-hidden {
	position: relative!important;
}
.button-clear {
	background-color: transparent!important;
	border: none;
	color: var(--petrol-dunkel)!important;
}
.button-clear .icon-times {
	color: var(--petrol-dunkel)!important;
}
.btn-danger .icon-times {
	display: none;
}
/*-- TEST Darstellung Beitragsbild ---*/
.left.item-image {
	float: none;
}

/*--- image / pdf upload ---*/
.view-form.layout-edit .joomla-modal.show {
	z-index: 9999;
}
@media (min-width: 992px) {
	.modal-dialog {
		margin-top: 130px!important;
	}
}
@media (max-width: 991px) {
	.modal-dialog {
		margin-top: 90px!important;
	}
	.subhead {
		min-height: auto;
	}
}
.media-disk-name, joomla-field-mediamore {
	display: none!important;
}
joomla-toolbar-button .btn > span:not(.icon-times) {
/*, .subhead joomla-toolbar-button .dropdown-item > span {*/
	display: none!important;
}
.subhead joomla-toolbar-button {
	width: auto;
}


/* hide edit button in media manager - doesn't work with plugin restricted fs */
.site .media-browser-actions.active .media-browser-actions-list button:nth-of-type(4), 
.site .media-browser-actions.active .media-browser-actions-list a:nth-of-type(4) {
	display: none!important;
}


/*----------------------------------------------------------------*/
/*---------- EB Event History (Module EasyView) ------------------*/
/*----------------------------------------------------------------*/
#eb-registration-history-page .filters {
	display: none;
}
@media (min-width: 768px) {
	#eb-registration-history-page table {
		font-size: 80%;
	}
}
@media (min-width: 561px) and (max-width: 767px) {
	#eb-registration-history-page table {
		font-size: 80%;
	}
}
@media (min-width: 481px) and (max-width: 560px) {
	#eb-registration-history-page table {
		font-size: 70%;
	}
}
@media (max-width: 480px) {	
	#eb-registration-history-page table {
		display: grid;
		grid-template-columns: 100%;
	}
	#eb-registration-history-page table tbody {
		order: 1;
	}
	#eb-registration-history-page table tfoot {
		order: 2;
	}
	#eb-registration-history-page table tfoot .pagination {
		margin-top: 0;
	}
	#eb-registration-history-page table thead {
		order: 3;
	}	
	#eb-registration-history-page table tr {
		padding: 10px;
	}
	#eb-registration-history-page table td {
		padding: 0 0 5px!important;
	}
  #eb-registration-history-page table td::before {
    font-weight: normal;
  }
  #eb-registration-history-page table td:nth-of-type(3)::before {
    content: "";
  }
  #eb-registration-history-page table td:nth-of-type(4)::before {
    content: "Datum";
  }
  #eb-registration-history-page table td:nth-of-type(5)::before {
    content: "Anmeldung";
  }
  #eb-registration-history-page table td:nth-of-type(7)::before {
    content: "Status";
  }
}


#eb-registration-history-page th.list_registrant_number,
/*#eb-registration-history-page th.list_id,*/
#eb-registration-history-page tbody td:nth-of-type(6)
/*, #eb-registration-history-page tbody td:nth-of-type(8)*/
{
/*	display: none!important;*/
}
body.einzelmitglied #eb-registration-history-page th:nth-of-type(1),  /*name is linked to change register data */
/*body.einzelmitglied #eb-registration-history-page td:nth-of-type(1),*/
body.einzelmitglied #eb-registration-history-page td[data-content="Vorname"],*
body.einzelmitglied #eb-registration-history-page th:nth-of-type(2),
/*body.einzelmitglied #eb-registration-history-page td:nth-of-type(2)*/
body.einzelmitglied #eb-registration-history-page td[data-content="Nachname"]
{
	display: none!important;
}
#eb-registration-history-page thead td,
#eb-registration-history-page tbody th {
	border-bottom: 1px solid;
	border-top: none;
	border-left: none;
	border-right: none;
}
#eb-registration-history-page thead th, #eb-registration-history-page tbody td {
	border: none;
}
#eb-registration-history-page tfoot th, #eb-registration-history-page tfoot td, #eb-registration-history-page tfoot tr {
	border: none;
}
body.firmenmitglied #eb-registration-history-page th:not(:nth-of-type(1)), body.firmenmitglied #eb-registration-history-page td:not(:nth-of-type(1)),
body.einzelmitglied #eb-registration-history-page th:not(:nth-of-type(3)), body.einzelmitglied #eb-registration-history-page td:not(:nth-of-type(3)) {
	padding-left: 10px;
}
#eb-registration-history-page th a {
	text-decoration: none;
	pointer-events: none;
}
#eb-registration-history-page th a span {
	display: none!important;
}
#eb-registration-history-page tbody td:nth-of-type(8) {
/*	color: #fff;
	font-size:1px;*/
}

/*----------------------------------------------------------*/
/*---------- EB Event Edit Registration ------------------*/
/*----------------------------------------------------------*/
.view-registrant .eb-container {
	display: grid;
	grid-template-columns: 100%;
}
.view-registrant .page-header {
	order: 1;
}
.view-registrant #adminForm {
	order: 2;
	display: grid;
	margin-bottom: 25px;
}
@media (min-width: 768px) {
	.view-registrant #adminForm {
		grid-template-columns: 50% 50%;
		grid-row-gap: var(--2-row-gap);
		grid-column-gap: var(--2-col-gap);
	}
	.view-registrant #adminForm > .row:nth-of-type(1),
	.view-registrant #field_comment,
	.view-registrant #adminForm > .row:nth-last-of-type(2),
	.view-registrant #adminForm > .row:nth-last-of-type(1) {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.view-registrant.firmenmitglied #field_email + div {
		grid-column-start: 1;
	}
}
@media (max-width: 767px) {
	.view-registrant #adminForm {
		grid-template-columns: 100%;
	}
	.view-registrant #adminForm > * {
		grid-column-start: 1;
		grid-column-end: 2;
	}
}
.view-registrant #btn-toolbar {
	order: 3;
}
.view-registrant #btn-toolbar.no-edit .button-save {
	display: none;
}
.view-registrant #adminForm > .row:nth-of-type(2),
.view-registrant #field_member_category,
.view-registrant #field_clubabend_besucht
{
	display: none;
}
.view-registrant.firmenmitglied #field_first_name, .view-registrant.firmenmitglied #field_last_name {
	display: flex!important;
}
.view-registrant #toolbar-apply {
	display: none;
}	
.view-registrant #adminForm .row {
	--gutter-x: 0;
}
.view-registrant #adminForm fieldset {
  margin-bottom: 0;
}
.view-registrant .form-control-label {
  width: 100%;
  padding-left: 0;
  font-size: 80% !important;
}
.view-registrant [id^="field_"] label {
  margin-bottom: 10px;
}
.view-registrant .eb-form-control {
  position: relative;
  width: 100%;
  padding-left: 0;
}
.view-registrant #adminForm #field_comment {
  margin-left: 0;
  border-bottom: 2px solid var(--petrol-dunkel);
}
.view-registrant .info-amount {
	grid-column-start: 1;
	grid-column-end: 3;
}
.view-registrant.firmenmitglied #toolbar-delete {
	display: none;
}

/*-------------------------------------------------------*/
/*----------- Form Fields (cassiopeia & cb & eb) -------------*/
/*-------------------------------------------------------*/

.form-group, .mb-3 {
/*  margin-bottom: 1rem !important;*/
/* padding-bottom: ???*/
}
.view-register .form-group {
	margin-top: 10px;
}
@media (max-width: 767px) {
	.form-group {
		margin-bottom: 35px!important;
	}
}
.cb_template .col-form-label {
	font-size: 80%!important;
}
.form-control {
	width: 100%!important;
/*	height: auto!important;*/
	padding: .3rem 0 .2rem!important;   /* template: padding: .6rem 1rem; || CB  padding: 0.375rem 0.75rem; */
	background-color: transparent!important;
	color: inherit!important;
	font: var(--font-text)!important;
}
.cb_template {
	line-height: inherit;
}
.member-registration .cb_template, .cb_template .form-control, .view-saveregisters .cb_template {
	font: var(--font-text)!important;
	/*font-family: verdana-pro,sans-serif !important;*/
}
.cb_template .form-control {
	border-radius: 0!important;
	transition: none!important;
}
/*#cb_company_member_logo__choice {
	border-radius: 0!important;
	transition: none!important;
}
#cb_company_member_logo__choice option {
	background-color: transparent!important;
}
#cb_company_member_logo__choice option:checked {
	background-color: var(--gruen) !important;
}*/
.cb_template .cbft_multiselect .form-control {
	font-size: 90%!important;
}
/*.cb_template */
.form-control:focus {
  border: none;
  outline: none!important;
  box-shadow: none!important;
}
input:not(.form-check-input):not(.btn):not(.form-control):not(.checkbox) {      /* not checkbox, not button, not cb form-control */
/*, input:active, input:hover, input:focus { */
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none!important;
/*	padding: 0 0 20px!important;*/
	margin-top: 11px;
	background: none!important;
	background-color: transparent!important;
	border-radius: 0!important;
/*	border: none!important;*/
	color: var(--body-color);
}
input:not(.form-check-input):not(.btn):not(.form-control):not([name="search"]):not(.acym_form input) {
	padding: 0 0 20px!important;
}
.view-register #adminForm .row:not(:last-of-type), .view-saveregisters #adminForm .row:not(:last-of-type), .view-register #eb-login-form .row:not(:last-of-type) {
/*	padding-bottom: 20px;*/
	margin-left: 0;
	border-bottom: 2px solid var(--petrol-dunkel);
}
.view-register #adminForm fieldset .row, .view-saveregisters #adminForm fieldset .row { /* no line for option buttons */
	border-bottom: none!important;
}
.view-register #adminForm #field_comment + .row, .view-saveregisters #adminForm #field_comment + .row {
	grid-column-start: 1;
}
.view-register #adminForm #field_comment ~ .row, .view-saveregisters #adminForm #field_comment ~ .row { /* no line for all elements after comment */
	border-bottom: none!important;
	margin-bottom: 0!important;
}
.view-register #adminForm #field_comment ~ .row > div > fieldset, .view-saveregisters #adminForm #field_comment ~ .row > div > fieldset, .eb-form-group-members fieldset { 
	margin-bottom: 0!important;
}
/*div:not(.filter-search) input:not(.btn):not(.btn-primary) {*/
input:not(.form-check-input):not(.btn):not(.btn-primary) {	
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid var(--petrol-dunkel);
	border-radius: 0;
}
.cb_template #cbcheckedadminForm .row:not(.no-underline):not(.cbRegistrationButtons):not(.cbProfileEditButtons):not(.register-tab-header) {
	margin-left: 0;
/*	padding-bottom: 20px;*/
	border-bottom: 2px solid var(--petrol-dunkel);
}
.filter-search input {
	border: none!important;
}
input:focus, select:focus {
	outline: none!important;
}
.input-group-text {
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: var(--font-text);
}
.form-check-input:checked[type="radio"] {
  background-image: none;
}
input[type=radio], input[type="checkbox"] {
	width: 30px;
	height: 30px;
    padding: 10px;
	border: 1px solid var(--petrol-dunkel)!important;
	margin-right: 0.5rem !important;
}
label.radio, label.form-check-label {
	display: inline-flex;
	align-items: center;
}
input[type=radio]:checked, input[type="checkbox"]:checked {
    background-color: var(--gruen)!important;
	box-shadow: inset 0 0 0 5px white!important;
}
input[type="checkbox"] {
  border-radius: 0!important;
  margin-left: 0!important;
}
input[type="checkbox"]:checked {
	background-image: none!important;
}
.form-check-input:focus {
  box-shadow: none;
}
textarea {
	height: 40px;
	min-height: auto !important;
	border: none!important;
	transition: none!important;
}
select {
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none!important;
	padding: 0 30px 20px 0!important;
	background-color: transparent!important;
	outline: none!important;
	border: none!important;
}
select:not(.form-control) {
	border-bottom: 2px solid var(--petrol-dunkel)!important;
}
select.cbImageFieldChoice {
	border: none!important; /* TEST Noch überprüfen, ob für alle select border entfernen. Oder nur für einzelne anzeigen (EB) */
}
.custom-select, .form-select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: var(--body-color);
	transition: none;
/*-moz-padding-start: inherit;
	border-radius: 0;*/
}
.custom-select:focus, .form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*select:not[multiple] {*/
select {
/*	background-image: url(../images/select-arrow-down-dark.jpg)!important;*/
	background-image: url(../images/select-arrow-down-dark.svg)!important;
	background-position: calc(100% - 3px) center!important;
	background-repeat: no-repeat!important;
	background-size: 29px!important;
}
.hg-petrol select {
	background-image: url(../images/select-arrow-down-light.jpg)!important;
}
select[multiple] {  /*TEST*/
	border-top: 2px solid var(--petrol-dunkel)!important;
	border-bottom: none !important;
	border-radius: 0!important;
	background-image: none!important;
}
.cbft_multiselect select:not(#cb_company_industry__) {
	background: none!important;
	border: none!important;
}
/*select option:after {
	content: " ";
	position: absolute;
	left: 10px;
	background-color: var(--gruen-hell)!important;
}*/
/*select option {
	background-color: rgb(5, 26, 1);
}*/
.form-select option, select option {
/*  border-radius: 0;*/
  color: var(--body-color);
  padding-left: 0;
}
select option:hover {
	background-color: var(--grau);
}
select option:checked {
	background-color: var(--gruen-hell)!important;
}
.cbft_image .cbImageFieldUpload > div:nth-child(2) {
	margin: 15px 0;
}
/* Text neben Image Upload Button */
@media (min-width: 1801px) {
	.cbft_image .cbImageFieldUpload > div:nth-child(2) {
		/*--font-text: normal normal normal 23px/31px var(--body-font);*/
		--font-text: normal normal normal 18px/24.8px var(--body-font);
	}
}
@media (min-width: 1401px) and (max-width: 1800px) {
	.cbft_image .cbImageFieldUpload > div:nth-child(2) {
		/*--font-text: normal normal normal 22px/29px var(--body-font);*/
		--font-text: normal normal normal 18px/23px var(--body-font);
	}
}
@media (min-width: 992px) and  (max-width: 1400px) {
	.cbft_image .cbImageFieldUpload > div:nth-child(2) {
		/*--font-text: normal normal normal 20px/26px var(--body-font);*/
		--font-text: normal normal normal 16px/20.8px var(--body-font);
	}
}
@media (min-width: 581px) and  (max-width: 991px) { 
	.cbft_image .cbImageFieldUpload > div:nth-child(2) {
		/*--font-text: normal normal normal 19px/24px var(--body-font);*/
		--font-text: normal normal normal 15px/19px var(--body-font);
	}
}
@media (max-width: 580px) {
	.cbft_image .cbImageFieldUpload > div:nth-child(2) {
		/*--font-text: normal normal normal 17px/22px var(--body-font);*/
		--font-text: normal normal normal 13.6px/18px var(--body-font);
	}
}
.cbft_image .cbImageFieldUpload > div:nth-child(3) {
	margin-bottom: 15px;
}
.form-control::file-selector-button {
	height: 52px;
	border-radius: 40px !important;
	border: none !important;
	margin: 0 35px 0 0 !important;
	padding: 13px 26px 14px !important;
	font: var(--font-button-small) !important;
	letter-spacing: 0.25px !important;
	background: var(--button-bg) !important;
	color: var(--button-color) !important;
}
.cb_template .cbFieldIcons {
/*, .cb_template.qtip {*/ /* Tooltip in CB ausgeschaltet. Nicht per CSS, sonst geht Menü "Editieren Userprofil" nicht */
	display: none!important; /* hide icons & info text next to form control */
/*	position: absolute;
	right: 0;
	bottom: 0;*/
}
/*.cb_template #registrationTable .cbTooltip  .fa-star::before {
	content: "erforderlich"!important;
	font: var(--font-text-x-small)!important;
	font-family: var(--body-font)!important;
	opacity: 1;
}
.cb_template #registrationTable .cbTooltip .fa-eye, .cb_template #registrationTable .cbTooltip .fa-eye-slash {
	display: none;
}*/
/*.form-control::placeholder {
	color: var(--grau)!important;
}*/
[class^="view-"] ::-webkit-input-placeholder {
   color:transparent!important;
}
[class^="view-"] :-moz-placeholder { /* Firefox 18- */
   color:transparent!important; 
}
[class^="view-"] ::-moz-placeholder {  /* Firefox 19+ */
   color:transparent!important; 
}
[class^="view-"] :-ms-input-placeholder {  
   color:transparent!important;
}
[class^="view-"] ::placeholder {  
   color:transparent!important;
}
.btn:focus-visible {
	-webkit-box-shadow: none;
	box-shadow: none;
}


/*--- error message joomla ---*/
#system-message-container joomla-alert[type="danger"], 
#system-message-container joomla-alert[type="error"] {
	border: none;
	color: var(--rot);
}
#system-message-container joomla-alert .joomla-alert--close, 
#system-message-container joomla-alert .joomla-alert-button--close {
}
#system-message-container joomla-alert .alert-heading {
	display: none;
}
#system-message-container joomla-alert div .alert-message {
  margin-left: 0;
  padding: .3rem 2.8rem .3rem .9rem;
  /*background-color: var(--rot);*/
  color: var(--weiss);
  text-align: center;
	background-image: url("../images/close.svg");
	background-repeat: no-repeat;
	background-size: calc(var(--line-height) - 2px) calc(var(--line-height) - 2px);
	background-position: calc(100% - 9px) 6px;
}
#system-message-container joomla-alert[type="success"] div .alert-message {
  background-color: var(--gruen);
  color: var(--petrol-dunkel);
}
#system-message-container joomla-alert[type="primary"] div .alert-message,
#system-message-container joomla-alert[type="secondary"] div .alert-message {
  background-color: var(--grau);
}
#system-message-container joomla-alert[type="danger"] div .alert-message,
#system-message-container joomla-alert[type="warning"] div .alert-message {
  background-color: var(--rot);
}
#system-message-container joomla-alert[type="info"] div .alert-message {
  background-color: var(--petrol);
}

@media (min-width: 768px) {
	.members-area #system-message-container joomla-alert,
	.view-userprofile #system-message-container joomla-alert,
	.member-article-view-categories	#system-message-container joomla-alert,
	.member-article-new	#system-message-container joomla-alert	{
		width: calc(100% - 280px)!important;
	}
}
@media (max-width: 767px) {
	.members-area #system-message-container joomla-alert .alert-wrapper,
	.view-userprofile #system-message-container joomla-alert .alert-wrapper {
		margin-top: 25px;
		margin-bottom: -25px;
	}
}
joomla-alert .joomla-alert--close {
	font-size: 2.5rem;
	font-weight: 400;
	color: transparent!important;
	text-shadow: none;
}

/*--- error message cb- & eb ---*/
.cb_template .cbValidationMessage {
  position: absolute;
  bottom: -30px; /* position below form field */
}
.cb_template .form-control:invalid::placeholder, .cb_template .form-control.is-invalid::placeholder, .cb_template .custom-select:invalid::placeholder, .cb_template .custom-select.is-invalid::placeholder, .cb_template .custom-control-input:invalid::placeholder, .cb_template .custom-control-input.is-invalid::placeholder, .cb_template .custom-file-input:invalid::placeholder, .cb_template .custom-file-input.is-invalid::placeholder {
  /*color: var(--danger, #dc3545);*/
/*  color: var(--body-color)!important;*/
}
.cb_template label.text-danger {
  color: var(--body-color)!important;
}
.cb_template .col-form-label.text-danger {
	color: var(--error-color);
}
.cb_template .cbValidationMessage, .formError .formErrorContent {
  color: var(--error-color)!important;
}
.cbValidationMessage .cbValidationIcon {
	display: none!important;
}
.eb-form-control {  /* position error message below form control */
/*	display: flex;
	flex-direction: column-reverse;*/
}
.eb-form-control .formError {
	width: 100%;
	margin-top: 0!important;
	font-size: 80%;
	left: initial !important;
/*	left: -25px !important; /* hide * at begin of error message */
	top: initial !important;
	bottom: -35px;
}
/* 10.11.23 make space for multiline error message */
/*@media (max-width: 991px) {*/
	.view-register #field_email {
		border: none!important;
	}
	.view-register #field_email input {
		border-bottom: 2px solid var(--petrol-dunkel)!important;
	}
	.view-register #field_email .eb-form-control {
		/*display: flex;
		flex-direction: column-reverse;
		padding-bottom: 30px;*/
		display: table;
		transform: scaley(-1);
	}
	.view-register #field_email .eb-form-control > * {
		position: relative !important;
		display: table-row;
		transform: scaley(-1);
	}
	.eb-form-control #field_email .formError {
		/*margin-bottom: -80px;*/
		
		/*bottom: 0;*/
	}
	.view-register .eb-form-control .emailformError .formErrorContent {
		bottom: -35px;
		margin-bottom: -30px;
	}
/*}*/
/*@media (min-width: 581px) and (max-width: 991px) {*/
@media (min-width: 581px) {
	.view-register #field_address {
		border: none!important;
	}
	.view-register #field_address input {
		border-bottom: 2px solid var(--petrol-dunkel)!important;
	}
}
/* END 10.11.23 */
@media (max-width: 768px) {
	.eb-form-control .formError {
		font-size: 80%;
	}
}
.eb-form-control .formErrorContent {
  width: 100%;
  background: transparent!important;
  color: var(--error-color)!important;
  font-size: inherit!important;
  border: none!important;
  box-shadow: none!important;
  padding-left: 0!important;
}
.eb-form-control .formErrorContent br {
    display:none;
}
.view-register #adminForm, .view-saveregisters #adminForm, .view-register #eb-login-form {
	position: relative;
	overflow-x: hidden; /* hide * at begin of error message */
}
.eb-form-control .formErrorContent::first-letter {
/*	color: transparent;*/
}
.eb-form-control .formErrorArrow {
	display: none;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  background-image: none;
}
/*-------------------------------------------------*/
/*---------- Login Form (CB) -------------*/
/*-------------------------------------------------*/
.form-login-options-register {
	display: none;
}
.mod-login__userdata > div:not(.mod-login__remember) {
	margin-bottom: 1.5rem!important;
}
.mod-login__remember {
	margin-bottom: 1.7rem!important;
}
main > .cbLoginForm {
	display: grid;
	grid-template-columns: 1fr minmax(150px, 500px) 1fr;
	margin-top: 30px;
}
main > .cbLoginForm > * {
	grid-column-start: 2;
	grid-column-end: 3;
}
.mod-login__userdata label, .mod-login .mod-login__options {
	font-size: 80%;
}
.mod-login__userdata input {
	max-width: 500px;
}
.mod-login__userdata .form-check {
	padding-left: 0;
}
.mod-login .mod-login__submit {
	margin-top: 50px;
}
.view-login .logout-button {
	text-align: center;
}
.logged-in.einzelmitglied .mod-link-member-registration,
.logged-in.firmenmitglied .mod-link-member-registration
.logged-in.wif-webadmin .mod-link-member-registration,
.logged-in.superuser .mod-link-member-registration {
	display: none;
}
/*--- Interessentin eingelogged aber ohne Logout-Button, dafür mit Text ---*/
body.logged-in:not(.einzelmitglied):not(.firmenmitglied):not(.wif-webadmin):not(.superuser) .logout-button {
	display: none;
}
body.logged-in.einzelmitglied .mod-login-logout .pretext,
body.logged-in.firmenmitglied .mod-login-logout .pretext,
body.logged-in.wif-webadmin .mod-login-logout .pretext,
body.logged-in.superuser .mod-login-logout .pretext,
body:not(.logged-in) .mod-login-logout .pretext {
	display: none;
}
body.logged-in:not(.einzelmitglied):not(.firmenmitglied):not(.wif-webadmin):not(.superuser) .pretext p {
	text-align: center;
}
.login-message-interessentin p {
	font: var(--font-text);
}
.mod-link-member-registration {
	display: grid;
	grid-template-columns: 1fr minmax(150px, 500px) 1fr;
	margin-top: 30px;
	padding: 0;
	border-top: 4px solid var(--petrol-dunkel);
	border-left: none;
	border-bottom: none;
	border-right: none;
}
.mod-link-member-registration .card-body {
	grid-column-start: 2;
	grid-column-end: 3;
	padding: 30px 0 0;
}
.mod-link-member-registration a {
	background-image: url("../images/pfeil_r_gruen.svg");
	background-size: calc(var(--line-height) + 5px) calc(var(--line-height) + 5px);
	background-repeat: no-repeat;
	line-height: calc(var(--line-height) + 5px);
	padding: 0 0 9px calc(var(--line-height) + 15px);
}
/*--- login lost password form ---*/
/*.cbLostPassForm #adminForm {
	display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.cbLostPassForm #adminForm > div:nth-of-type(1) {
    order: 1;
}
.cbLostPassForm #adminForm > div:nth-of-type(6) {
    order: 2;
}
.cbLostPassForm #adminForm > div:nth-of-type(5) {
    order: 3;
}
.cbLostPassForm #adminForm > div:nth-of-type(7) {
    order: 4;
}*/
.cbLostPassForm .cb-page-header {
	padding-bottom: 40px;
}
.cbLostPassForm #adminForm {
	margin-top: -30px !important;
	background-color: #fff;
}
.cbLostPassForm input {
	max-width: 500px!important;
}
.cbLostPassForm #adminForm div label {
	font: var(--font-text)!important;
	font-size: 100%!important;
}
.cbLostPassForm.cb_template .cb_page_header.border-bottom {
	border-bottom: none !important;
}
#lostpassreminder {
	display: block;
}
#lostpassreminder label {
	margin-bottom: 0;
}
#lostpassreminder > label {
	max-width: 100%;
	margin-bottom: 20px;
	font-size: 100% !important;
}
#lostpassreminder .cb_field {
	display: inline-flex;
	align-items: center;
}
#lostpassreminder .cb_field > div, #lostpassdesc {
	display: none!important;
}
#lostpassusername, #lostpassemail, .cb_forgot_button {
	display: flex!important;
}
#lostpassemail label:after {
	content: "(bitte wiederholen)";
	display: block;
}
/*.btn.cbLostPassSend, */
.cb_forgot_button > div {
	max-width: 500px!important;
	text-align: right;
}



/*--------------------------------------------------*/
/*--------------- Event Anmeldung / Event Registration ------------------*/
/*--------------------------------------------------*/

/* NEU 17.01.24 / 19.02.24 */
.view-register.logged-in [id^="field_organization"] {
	display: none;
}
/**/

.view-register .mod-login-logout {
	display: none;
}
.view-register h1 {
	margin-bottom: 15px!important;
}
.view-register h1 .eb-register-event-date {
	font: var(--font-h2);
}
.view-register h2 {
	margin-bottom: 25px!important;
	text-align: center;
}
/* --- Anmeldung Interessentin --- */
.view-register:not(.logged-in) #field_clubabend_besucht {
	grid-column-start: 1;
	grid-column-end: 3;
	border-bottom: none !important;
}
/*.view-register:not(.logged-in) .interessentin-form #adminForm:not(.show-all-fields) #field_comment ~ div.row:not(#eb-amount-container) {*/
/*.view-register:not(.logged-in) .register-interessentin #adminForm:not(.show-all-fields) #field_phone ~ div.row,*/
.view-register:not(.logged-in) .register-interessentin #adminForm:not(.show-all-fields) .form-actions {	
	display: none;
}

/*NEU 27.03.24 */
.view-register:not(.logged-in) .register-interessentin #adminForm:not(.show-all-fields):not(.interessentin-logged-in) > .row:not(#field_clubabend_besucht) {
	display: none!important;
}
.view-register.logged-in .register-interessentin #adminForm.interessentin-logged-in #field_clubabend_besucht,
.view-register.logged-in .register-interessentin #adminForm.interessentin-logged-in #field_member_category,
.view-register.logged-in .register-interessentin #adminForm.interessentin-logged-in #field_organization {
	display: none!important;
}
.view-register .register-interessentin #adminForm > .row:nth-of-type(1), .view-register .register-interessentin #adminForm > .row:nth-of-type(2), 
.view-register .register-interessentin #adminForm > .row:nth-of-type(3), .view-register .register-interessentin #adminForm > .row:nth-of-type(4) {
/*NEU	display: none; */
}
.view-register:not(.logged-in) .register-interessentin #adminForm.show-all-fields > .row:nth-of-type(2),  /* Login-Form */
.view-register:not(.logged-in) .register-interessentin #adminForm.show-all-fields > .row:nth-of-type(3), 
.view-register:not(.logged-in) .register-interessentin #adminForm.show-all-fields > .row:nth-of-type(4) {
	display: none;
}
/* */

.view-register #adminForm #clubabend_besucht {
	margin-bottom: 0!important;
}
.view-register #adminForm #field_clubabend_besucht {
	order: 1;
	margin-bottom: 0!important;
}
.view-register .register-interessentin #adminForm .eb-message {
	order: 2;
}
.view-register #adminForm .eb-message {
	grid-column-start: 1;
	grid-column-end: 3;
}
.view-register #field_member_category, .view-register input[id^='field_member_category_'] {
  display: none;
}
.view-register div[id^='field_member_category'] {
/*NEU 27.03.24	display: none; */
}
.view-register:not(.logged-in) .register-interessentin #adminForm:not(.show-all-fields) .eb-message {
  display: none;
}
.view-register .register-interessentin #adminForm div.row:not(#field_clubabend_besucht) {
	order: 13;  /*NEU 27.03.24*/
	align-content: start; 
}
/*NEU 27.03.24*/
.view-register:not(.logged-in) .register-interessentin #field_first_name {
	order: 3;
}
.view-register:not(.logged-in) .register-interessentin #field_last_name {
	order: 4;
}
.view-register:not(.logged-in) .register-interessentin #field_address {
	order: 5;
}
.view-register:not(.logged-in) .register-interessentin #field_zip {
	order: 6;
}
.view-register:not(.logged-in) .register-interessentin #field_city {
	order: 7;
}
.view-register:not(.logged-in) .register-interessentin #field_phone {
	order: 8;
}
.view-register:not(.logged-in) .register-interessentin #field_organization {
	order: 9;
}
.view-register:not(.logged-in) .register-interessentin #field_comment {
	order: 10;
}
.view-register .register-interessentin #adminForm .form-actions {
	order: 13; /* 3 */
}
/* */
#eb-individual-registration-page.register-interessentin {
	display: grid;
	grid-template-columns: calc(50% - (var(--2-col-gap) / 2)) calc(50% - (var(--2-col-gap) / 2));
	grid-template-rows: auto;
	grid-row-gap: var(--2-row-gap);
	grid-column-gap: var(--2-col-gap);
}
#eb-individual-registration-page.register-interessentin .eb-heading {
	order: 1;
	grid-column-start: 1;
	grid-column-end: 3;
	margin-bottom: 0;
}
/*#eb-individual-registration-page.register-interessentin #field_clubabend_besucht {*/
#eb-individual-registration-page.register-interessentin #adminForm {
	order: 2;
	grid-column-start: 1;
	grid-column-end: 3;
	margin-top: 0;
}
#eb-individual-registration-page.register-interessentin #eb-login-form {
	order: 3;
	grid-column-start: 1;
	grid-column-end: 3;
}
#eb-individual-registration-page.register-interessentin #eb-login-form > div.row:nth-of-type(2) {
	display: none;
}
#eb-individual-registration-page.register-interessentin #eb-login-form > div.row:nth-of-type(1) {
	max-width: 500px;;
}
#eb-individual-registration-page.register-interessentin #address-lbl::after,
#eb-individual-registration-page.register-interessentin #zip-lbl::after,
#eb-individual-registration-page.register-interessentin #city-lbl::after,
#eb-individual-registration-page.register-interessentin #phone-lbl::after,
#eb-individual-registration-page.register-interessentin #organization-lbl::after {
	content: " | erforderlich";
	position: relative;
	margin-left: 8px;
	color: var(--body-color) !important;
	opacity: 0.5;
}

/* ------------------------------------*/
/* ----- EB Event Firmenanmeldung -----*/
/* ------------------------------------*/
.view-register.logged-in .login-firmenmitglied {
	display: none!important;
}
.view-register.firmenmitglied [id^="field_address_"], .view-register.firmenmitglied [id^="field_zip_"], 
.view-register.firmenmitglied [id^="field_city_"], .view-register.firmenmitglied [id^="field_phone_"] {
	display: none;
}
.view-register.firmenmitglied [id^="field_phone_"] + div {
	grid-column-start: 1;
}
.view-register .login-firmenmitglied {
	margin-top: 30px;
}
.view-register .cbLoginForm .userdata {
	display: grid;
	grid-template-columns: calc(50% - (var(--2-col-gap) / 2)) calc(50% - (var(--2-col-gap) / 2));
	grid-template-rows: auto;
	grid-row-gap: var(--2-row-gap);
	grid-column-gap: var(--2-col-gap);
	margin-top: 20px;
	width: 100%;
}
.view-register .cbLoginForm label.visually-hidden {
	position: relative!important;
	width: 100%!important;
	height: auto!important;
	font-size: 80% !important;
}
.view-register .cbLoginForm label:after {
/*	content: " | erforderlich";
	position: relative;
	color: var(--body-color)!important;
	opacity: 0.5;*/
}
.view-register .form-control::-webkit-input-placeholder, 
.view-register .form-control:-moz-placeholder, 
.view-register .form-control:-ms-input-placeholder {
	color:transparent!important; 
}
.view-register .form-control::placeholder {
	color:transparent!important; 
}
.input-group-text, .input-password-toggle {
	display: none;
}
.view-register .cbLoginForm .mod-login__remember, .view-register .cbLoginForm .mod-login__options {
	display: none;
}
/* hide and show eb elements */
body:not(.logged-in).task-group_registration .eb-message,
body:not(.logged-in).task-group_registration #eb-number-group-members,
body:not(.logged-in).task-group_registration #eb-group-members-information,
body:not(.logged-in).task-group_registration #eb-group-billing {
	display: none;
}
.logged-in.task-group_registration .eb-message,
.logged-in.task-group_registration #eb-number-group-members,
.logged-in.task-group_registration #eb-group-members-information,
.logged-in.task-group_registration #eb-group-billing {
	display: block;
}

#eb-group-billing .eb-heading, #eb-group-billing .row:not(#eb-amount-container) {
/*TEST 25.09.23 */
/*	display: none;*/
}
/* number of registrants */
.view-register.firmenmitglied .max-number-to-register {
	display: none;
}


/* selection member type */
.view-register .col.registerButtonInactive {
	cursor: default;
	pointer-events: none;
}
/*desactivate registration of non-member-type (logged-in) */
.view-register.einzelmitglied .col:not(:nth-of-type(1)) {
  cursor: default;
  pointer-events: none;
}
.view-register.firmenmitglied .col:not(:nth-of-type(3)) {
  cursor: default;
  pointer-events: none;
}

/*.view-register .col:not(.registerButtonInactive) {
	opacity: 0.7;
}*/
.view-register .col:not(.registerButtonInactive) .register-option-box {
	background-color: var(--grau);
}
.view-register .col.registerButtonInactive .register-option-box {
	background-color: var(--gruen-hell);
}
.view-register .register-options {
	margin-bottom: 30px;
}
.view-register.logged-in .register-options {
	display: none;
}

.view-register .register-options a {
	height: 100%;
	text-decoration: none;
}
.view-register .register-options .col {
	position: relative;
}
.view-register .register-option-box {
	/*padding: 7% 7% 80px!important;*/
	padding: 7% 7% 80px!important;
}
.view-register .register-option-box .button-klein {
	position: absolute;
/*	bottom: 15px;*/
	bottom: 12%;
	left: 50%;
	transform: translate(-50%, 0); /*center horizontally*/
	hyphens: none;
}
.view-register .eb-message {
	margin: 20px 0;
}
.view-register.logged-in.einzelmitglied .eb-message {
	display: none;
}
.view-register #adminForm, .view-register #eb-login-form, .view-register #eb-form-group-members {
	display: grid;
	grid-template-rows: auto;
	grid-row-gap: var(--2-row-gap);
	grid-column-gap: var(--2-col-gap);
	margin-top: 50px;
	width: 100%;
	font: var(--font-text)!important;
}
/*@media (min-width: 768px) {*/
@media (min-width: 581px) {
	.view-register #adminForm, .view-register #eb-login-form, .view-register #eb-form-group-members {
		grid-template-columns: calc(50% - (var(--2-col-gap) / 2)) calc(50% - (var(--2-col-gap) / 2));
	}
}
/*@media (max-width: 767px) {*/
@media (max-width: 580px) {
	.view-register #adminForm, .view-register #eb-login-form, .view-register #eb-form-group-members {
		grid-template-columns: 1;
	}
}
body:not(.logged-in) .register-einzelmitglied #adminForm, body:not(.logged-in) .register-einzelmitglied .eb-message, .register-einzelmitglied .eb-heading {
	display: none;
}
body.logged-in .register-einzelmitglied .login-message, body.logged-in #eb-group-registration-form .login-message {
/*TEST 25.09.23 */
	display: none;*/
}
.register-interessentin #eb-login-form, .register-interessentin .login-message, .register-interessentin .eb-heading:nth-of-type(1) {
	display: none;
}
/* don't show login fields and member category */
/*TEST eb-message in form - darum um 1 verschoben */
/*.view-register #adminForm > .row:nth-of-type(1), .view-register #adminForm > .row:nth-of-type(2), .view-register #adminForm > .row:nth-of-type(3) {*/
.view-register #adminForm > .row:nth-of-type(1), .view-register #adminForm > .row:nth-of-type(2), 
.view-register #adminForm > .row:nth-of-type(3), .view-register #adminForm > .row:nth-of-type(4) {
/*TEST 25.09.23 */
/*	display: none;*/
}
#eb-group-registration-form #last_name, #eb-group-registration-form #email, #eb-group-registration-form #address,
#eb-group-registration-form #zip, #eb-group-registration-form #city {
	pointer-events: none;
}

.view-register .register-einzelmitglied #field_clubabend_besucht {
	display: none;
}
#eb-group-registration-form #field_first_name, #eb-group-registration-form #field_last_name .form-control-label,
#eb-group-registration-form #field_phone {
	display: none;
}
#eb-group-registration-form #field_last_name {
  grid-column-start: 1;
  grid-column-end: 3;
}

.view-register .row {
	margin-left: 0;
}
@media (max-width: 580px) {
	.view-register .row {
		grid-column-start: 1;
		grid-column-end: 3;
		margin-bottom: 0 !important;
	}
}
.view-register #payment_method_container {
	display: none;
}
.view-register .eb-form-heading {
	background-color: var(--grau);
	border: none;
	padding-left: 10px;
	font: var(--font-text-small);
}
.view-register .eb-heading {
	grid-column-start: 1;
	margin-top: 20px;
}
.view-register #adminForm .row:nth-of-type(odd), .view-register #eb-login-form .row:nth-of-type(odd) {
/*	justify-self: end;*/
}
.view-register #adminForm .row input, .view-register #eb-login-form .row input, .view-register #adminForm #eb-amount-container {
	border: none;
}
.view-register .form-control-label {
	width: 100%;
	padding-left: 0;
	font-size: 80%!important;
}
.view-register [id^="field_"]  label {
	margin-bottom: 10px;
}
.view-register .eb-radio-container div {
	padding-left: 0;
}
span.required, span.star {
	color: transparent!important;
	padding: 0!important;
}
span.required:after, span.star:after {
	content: " | erforderlich";
	position: relative;
	margin-left: -12px;
	color: var(--body-color)!important;
	opacity: 0.5;
}
.view-register .eb-form-control {
	position: relative;
	width: 100%;
	padding-left: 0;
/*	overflow: hidden;*/
}
.view-register #number_registrants {
	text-align: center;
	width: 65px !important;
}
#eb-form-group-members .eb-heading, #eb-form-group-members .eb-heading + .row, #eb-form-group-members [id^='field_email'] + .row {
	grid-column-start: 1;
}
#eb-form-group-members .eb-heading {
	grid-column-end: 3;
}
#eb-form-group-members  [id^='field_email'] ~ .row fieldset {
  margin-bottom: 0 !important;
}
.view-register .form-actions, .view-register #eb-amount-container {
	grid-column-start: 1;
	grid-column-end: 2;
}
.view-register .form-actions {
	margin-top: 20px;
}
.view-register #eb-amount-container .eb-form-control {
	padding: 0;
}
.view-register #eb-amount-container .form-control-label {
	position: relative;
	color: transparent;
}
.view-register #eb-amount-container .form-control-label:after {
	content: "Kosten";
	position: absolute;
	left: 0;
	color: var(--body-color);
}
.view-register #total_amount {
	max-width: 95px !important;
	padding-left: 0;
}
.view-register #eb-amount-container .input-group:after {
	content: "CHF";
	position: relative;
	padding: .7rem 0;
}
.view-register #eb-amount-container .input-group-text {
	display: none;
}


/*-------------------------------------------------------*/
/*--------------- EB Registration Complete ------------------*/
/*-------------------------------------------------------*/

@media (min-width: 768px) {
  #eb-registration-complete-page .col-md-3 {
    width: 40%;
	text-align: right;
    padding-right: 25px;
  }
  #eb-registration-complete-page .col-md-9 {
    width: 60%;
  }
}
#eb-registration-complete-page .col-md-9 {
	font-weight: bold;
  }
#eb-registration-complete-page #adminForm {
	margin: 30px 0 40px;
}
#eb-registration-complete-page #adminForm .row {
	--gutter-x: 0;
}
/* NEU 17.01.24 */
body.einzelmitglied #eb-registration-complete-page #adminForm .row:nth-of-type(3) {
	display: none;
}
/*body.einzelmitglied #eb-registration-complete-page #adminForm .row:nth-of-type(3) {*/
body.einzelmitglied #eb-registration-complete-page #adminForm .row:nth-of-type(4) {
	border-bottom: 4px solid var(--petrol-dunkel);
	padding-bottom: 20px;
}
/**/
body:not(.einzelmitglied):not(.firmenmitglied) #eb-registration-complete-page #adminForm .row:nth-of-type(2),
body:not(.einzelmitglied):not(.firmenmitglied) #eb-registration-complete-page #adminForm .row:nth-of-type(10) {
	border-bottom: 4px solid var(--petrol-dunkel);
	padding-bottom: 20px;
}
body.einzelmitglied #eb-registration-complete-page #adminForm .row:nth-of-type(5) {
/*	display: none;*/
}
#eb-registration-complete-page #adminForm label:after, #eb-registration-complete-page .form-control-label:after {
	content: ":";
}
body.firmenmitglied  #eb-registration-complete-page .eb-member-title + .row + .row + .row + .row,
body.firmenmitglied  #eb-registration-complete-page .eb-member-title + .row + .row + .row + .row + .row,
body.firmenmitglied  #eb-registration-complete-page .eb-member-title + .row + .row + .row + .row + .row + .row,
body.firmenmitglied  #eb-registration-complete-page .eb-member-title + .row + .row + .row + .row + .row + .row + .row {
	display: none;
}
body.firmenmitglied #eb-registration-complete-page h3 {
	border-top: 4px solid var(--petrol-dunkel);
	padding-top: 20px;
	margin-top: 10px;
}
body.firmenmitglied #eb-registration-complete-page .eb-member-title {
	margin-top: 20px;	
}
#eb-registration-complete-page .form-group.form-row {
  margin-bottom: 15px !important;
}
@media (min-width: 768px) {
	body.firmenmitglied #eb-registration-complete-page .eb-member-title {
		margin-bottom: 0!important;
	}
}
@media (max-width: 767px) {
	body.firmenmitglied #eb-registration-complete-page .eb-member-title ~ .eb-member-title {
		margin-top: 40px;
	}
}
body.firmenmitglied #eb-registration-complete-page .eb-member-title h4 {
	font: var(--font-text);	
}

/*-------------------------------------------------------*/
/*--------------- EB Registration Cancel ------------------*/
/*-------------------------------------------------------*/
.view-registrationcancel #adminForm {
	margin-bottom: 40px;
}
.view-registrationcancel #btn-cancel {
	display:none;
}

/*-------------------------------------------------------*/
/*--------------- Mitglieder Anmeldung ------------------*/
/*-------------------------------------------------------*/
@media (min-width: 992px) {
  .member-registration .register-intro {
    margin-top: 60px;
  }
}
@media (max-width: 991px) {
  .member-registration .register-intro {
    margin-top: 30px;
  }
}
.register-select-member-type {
  margin-top: 40px;
}
.member-registration .register-select-member-type { /* module position blank lines */
  margin-top: 5px;
}
.member-registration main {
  margin-top: 0!important;
}
.member-registration .register-intro .card-header, .member-registration .register-select-member-type .card-header {
	border:none;
	background-color: transparent;
	margin-bottom: 65px;
	padding: 0;
}
.member-registration .register-intro .card-body, .member-registration .register-select-member-type .card-body {
	padding: 0;
}
.member-firm-registration .select-einzelmitglied, .member-registration:not(.member-firm-registration) .select-firmenmitglied {
/*	opacity: 0.7;*/
}
.member-registration:not(.member-firm-registration) .select-einzelmitglied .box-grau, .member-firm-registration .select-firmenmitglied .box-grau {
	background-color: var(--gruen);
}

.select-einzelmitglied a, .select-firmenmitglied a {
  text-decoration: none!important;
}
.select-einzelmitglied [class*="box-"], .select-firmenmitglied [class*="box-"] {
	position: relative;
	padding: 7% 7% 100px !important;
/*	padding: 9% 7% 20% !important;*/
}
.select-einzelmitglied [class*="box-"] .button-klein, .select-firmenmitglied [class*="box-"] .button-klein {
  position: absolute;
/*  bottom: 15px;*/
bottom: 20%;
  left: 50%;
  transform: translate(-50%, 0);
}
.member-registration .cb-page-header {
	display: none;
}
/* hide username & pw */
.member-registration .register-system-tab .row:not(.register-tab-header), 
.member-registration .password-tab,
.view-saveregisters .register-system-tab .row:not(.register-tab-header) {
	display: none!important;
}
/* hide tabs depending on member type */
/*.member-firm-registration #cbtf_11, .member-firm-registration #cbtf_23, .member-firm-registration #registrationTable > .cbFieldsContentsTab:nth-of-type(3),
.member-firm-registration #registrationTable > .cbFieldsContentsTab:nth-of-type(4), .member-firm-registration #registrationTable > .cbFieldsContentsTab:nth-of-type(5), .member-firm-registration #registrationTable > .cbFieldsContentsTab:nth-of-type(6),
.member-firm-registration #registrationTable > .cbFieldsContentsTab:nth-of-type(7), .member-firm-registration #registrationTable > .cbFieldsContentsTab:nth-of-type(8) {*/
.member-firm-registration .einzelmitglied {
	display: none!important;
}
.member-registration:not(.member-firm-registration) .firmenmitglied, .view-saveregisters:not(.member-firm-registration) .firmenmitglied {
	display: none!important;
}
.member-registration #cbcheckedadminForm .cbFieldsContentsTab {
	display: grid;
	grid-template-columns: calc(50% - (var(--form-col-gap) / 2)) calc(50% - (var(--form-col-gap) / 2));
	grid-template-rows: auto;
	grid-row-gap: var(--2-row-gap);
	grid-column-gap: var(--2-col-gap);
	margin-top: 20px;
	width: 100%;
}
@media (max-width: 767px) {
	.member-registration #cbcheckedadminForm .cbFieldsContentsTab {
		display: block;
	}
}
.member-registration .register-tab-header {
	grid-column-start: 1;
	grid-column-end: 3;
	border: none !important;
	padding: 0 !important;
	margin-top: 20px;
/*	font: var(--font-h3);*/  /* format title in field */
}
.cb_template #cbcheckedadminForm .row:not(.no-underline):not(.cbRegistrationButtons) .form-control {
	border: none;
/*width: 100%!important;
padding-bottom: 10px!important;
border-bottom: 2px solid var(--petrol-dunkel);*/
}
@media (max-width: 767px) {
	.view-userdetails .password-tab .cbPasswordUnmask .form-control {
		width: 50%!important;
	}
}
.member-registration .register-field-full-width {
	grid-column-start: 1;
	grid-column-end: 3;
}
.member-registration .register-field-full-width .form-control, .member-registration .form-control:not(.day):not(.month):not(.year), .cb_template:not(.select2-container) {
	width: 100%!important;
}
.member-registration .register-field-filler, .member-registration .register-field-filler .form-control-plaintext, .member-registration .register-field-filler p {
	color: transparent!important;
	border: none!important;
}
@media (max-width: 767px) {
	.member-registration .register-field-filler {
		display: none!important;
	}
}
.member-registration .cb_template h1 {
/*	font: var(--font-h1)!important;
	color: var(--headings-color)!important;
	margin-bottom: 65px!important;*/
}

/* show text next to label instead of icons next to form control */
.member-registration #cblabfirstname:after, #cblablastname:after, #cblabcb_private_street:after, #cblabcb_private_zip:after,
#cblabcb_private_zip:after, 
#cblabcb_private_location:after, 
#cblabcb_private_birthday:after, 
#cblabcb_private_email:after, 
#cblabcb_employment:after, 
#cblabcb_company_function:after, 
#cblabcb_company_name:after, 
#cblabcb_company_street:after, 
#cblabcb_company_zip:after, 
#cblabcb_company_location:after, 
#cblabcb_visited_event1_name:after, 
#cblabavatar:after, 
#cblabcb_company_member_name:after, 
#cblabcb_company_member_street:after, 
#cblabcb_company_member_zip:after, 
#cblabcb_company_member_location:after, 
#cblabemail:after, 
#cblabcb_company_member_contact_firstname:after, 
#cblabcb_company_member_contact_lastname:after, 
#cblabcb_company_member_logo:after {
	content: " | erforderlich";
	position: relative;
	color: var(--body-color)!important;
	/*font-size: 80%;*/
	opacity: 0.5;
}

.member-firm-registration #email[value] {
/*	display: none;*/
}

.member-registration select {
	padding-right: 35px!important;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;	
	box-shadow: none;
/*-webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            outline: 0;
            background: #fff;
            background-image: none;*/
            
	
	
}

.member-registration select option {
	font-family: verdana!important; /* Mozilla doesn't show verdana-pro in dropdown */
  box-shadow: none!important;
  border-radius: 0!important;
  background-color: #fff!important;
  border: 1px solid var(--petrol-dunkel);	
}




/* image upload & hidden image check field */
/* the same for profile view */
.member-registration .image-upload select,
.view-userdetails .image-upload select {
	display: none!important;
}
.member-registration .cbImageFieldUpload.hidden,
.view-userdetails .cbImageFieldUpload.hidden {
	display: block!important;
	visibility: visible!important;
}
.member-registration .form-control[type="file"],
.view-userdetails .form-control[type="file"] {
  cursor: pointer!important;
}
.member-registration .image-check,
.view-userdetails .image-check {
	border: none!important;
	margin: 0!important;
}
.member-registration .image-check input,
.view-userdetails .image-check input {
	display: none!important;
}
.member-registration .image-check .cbValidationMessage,
.view-userdetails .image-check .cbValidationMessage {
	padding-bottom: 35px;
}

/*--- cb register fields ---*/
input[type="date"] {
	padding-right: 45px;
}
.select-work-type .form-check {
	margin-right: 0!important;
}
@media (min-width: 768px) {
	.select-work-type .form-check {
/*	width: calc(25% - (var(--form-col-gap) / 2));*/
		width: calc(25% + 5px);
	}	
}
@media (max-width: 767px) {
	.select-work-type .form-check-label {
		font-size: 90%;
	}
	.select-work-type .form-check {
		width: auto;
		padding-right: 20px;
	}
}
.select-work-type .form-check_nth-child(2) {
/*	margin-right: calc(var(--form-col-gap) / 2));*/
}
.cb_template #registrationTable select:not[multiple] { 
	border: none!important;
}
.cb_template #registrationTable select.day, .cb_template #registrationTable select.month {
	min-width: 80px!important;
}
.cb_template #registrationTable select.year {
	min-width: 120px!important;
}

/*--- industry multiselect ----*/
/*.cbft_multiselect select {   /* 1. Variante dropdown */
/*	max-height: 80px!important;
}
body:not(.view-userslist) .cbft_multiselect select option:first-child {
	display: none;
}*/
/*.cb_template #registrationTable select:not(.day):not(.month):not(.year), .cb_template #registrationTable textarea {
	width: 100%!important;
}*/

.member-registration .cb_template .badge-primary, .view-userdetails .cb_template .badge-primary  {
	background-color: var(--gruen-hell)!important;
	border-radius: 0!important;
	color: var(--body-color)!important;
}
.member-registration .select2-container {
/*	max-width: 30vw!important;  /* überprüfen für mobile */
	background-image: url(../images/select-arrow-down-dark.svg)!important;
	background-position: calc(100% - 3px) center!important;
	background-repeat: no-repeat!important;
	background-size: 29px!important;
}
.member-registration .select2-container li[aria-selected="true"] {
	background-color: var(--gruen-hell) !important;
	color: var(--body-color)!important;
}
.member-registration .select2-container li {
	font: var(--font-text-x-small);
}
.member-registration .select2-container ul  li:last-of-type:not(:nth-of-type(1)) { /*.select2-search.select2-search--inline {*/
	display: none!important;
}
.select2-results li:nth-of-type(1) { /* don't show option 'all' on register */
	display: none!important;
}
.member-registration .cbft_tag option[value="*"] { /* don't show option 'all' on register */
	display: none;
}
.cb_template select.form-control:focus-visible {
	text-shadow: none;
}
.member-registration .cb_template .cbft_tag .form-control {
	border: none!important;
	box-shadow: none !important;
}
/*TEST  Ränder sind bisher nicht verschwunden */
/*.cb_template .select2-selection--multiple:focus, .cb_template .select2-selection--multiple:focus-visible {
	outline: none!important;
}*/
/*#cbfv_88, #cb_company_industry__, .select2-container, .selection, .select2-selection, */
/*.select2-selection ul {
	border: none !important;
	outline: none !important;
}*/
/* TESTENDE Ränder */


/*--- button ---*/
.cb_template #registrationTable .cbRegistrationButtons {
	margin-top: 30px;
}
.cb_template #registrationTable .btn {
	border-radius: 26px;
	padding: 12px 26px;
	background: var(--button-bg);
	color: var(--button-color)!important;
	font: var(--font-button-small);
	letter-spacing: 0.25px;
	text-decoration: none !important;
	width: auto;
}
.cb_template #registrationTable .btn:hover {
	background: var(--button-hover-bg)!important;
	color: var(--button-hover-color);
	border: none;
}

/*-----------------------------------------*/
/*------------ Members Lists  --------------*/
/*-----------------------------------------*/
/* lists have special classes:
/* - member-list-members (list 4)
/* - member-list-public (list 5)
/* - member-list-company (list 8)
/* - member-list-company-public (list 6)
/*------------------------------------------*/

/* background colors & full width */
.view-userslist .cbUserListHead, .view-userslist .cbUserListSearchTitle, .view-userslist .searchCriteriaTitleHtml {
	display: none;
}
.view-userslist .memberlist-header {
/*	background-color: var(--petrol);*/
	position: relative;
}
	.view-userslist .memberlist-header {
		margin-left: calc(var(--grid-margin) * -1);
		margin-right: calc(var(--grid-margin) * -1);
		padding-left: var(--grid-margin);
		padding-right: var(--grid-margin);
	}
	.view-userslist .a-z-filter {
		margin-left: calc(var(--grid-margin) * -1);
		margin-right: calc(var(--grid-margin) * -1);
		padding-left: var(--grid-margin);
		padding-right: var(--grid-margin);
	}
@media (min-width: 1921px) {
	.view-userslist .memberlist-header::before {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: calc(((100vw - 1920px) / 2) * -1);
		background-color: var(--petrol);
	}
}
@media (min-width: 992px) {
	.view-userslist .memberlist-header {
		margin-top: -60px;
		padding-top: 60px;
	}
}
@media (min-width: 300px) and (max-width: 991px) {
	.view-userslist .memberlist-header {
		margin-top: -30px;
		padding-top: 30px;
	}
}
@media (max-width: 768px) {
	.view-userslist .memberlist-header {
		margin-left: calc(var(--grid-margin) * -1 - 5px);
		margin-right: calc(var(--grid-margin) * -1);
	}
}
/*--------------------------------------------------*/
/*------------ Members List Search -----------------*/
/*--------------------------------------------------*/
.view-userslist:not(.member-list-vorstand) h1 {
	font: var(--font-h1)!important;
	color: var(--weiss);
	text-align: left;
}
.view-userslist .cbUserListSearch {
	padding-bottom: 30px;
	font: var(--font-text);
	color: var(--weiss);
}
.view-userslist .cbFieldsContentsTab .private-email {
	display: none;
}
@media (min-width: 768px) {
	.view-userslist:not(.wer-sind-wir) h1 {
		margin-bottom: 65px!important;
	}
	.view-userslist .cbFieldsContentsTab {
		display: flex;
	}
	.view-userslist .cbFieldsContentsTab > .row {
		width: 33%;
	}
	/*.view-userslist .cbFieldsContentsTab > .row:not(:nth-child(3)) {*/
	.view-userslist .cbFieldsContentsTab > .row:not(.company-industry) {
		padding-right: 20px;
	}
	.view-userslist .cbFieldsContentsTab > .row > * {
		flex: auto;
		width: 100%;
		max-width: 100%;
		line-height: 1;
	}
}
@media (max-width: 767px) {
	.view-userslist:not(.wer-sind-wir) h1 {
		margin-bottom: 35px!important;
	}
	.view-userslist .cbUserListSearch #cbtf_listsearch > div {
		width: 100%;
	}
}
.view-userslist .cbFieldsContentsTab label:after {
	display: none;
}
.view-userslist .cb_template .form-control, .view-userslist .cb_template .form-control::placeholder {
	color: var(--petrol-dunkel) !important;
}
.view-userslist .cbUserListSearch input, .view-userslist .cbUserListSearch input:focus {
	background-color: var(--petrol);
	border-bottom-color: var(--weiss)!important;
}
.view-userslist .cbFieldsContentsTab .form-control-plaintext {
	padding: 0;
}
/*--- industry multiselect ----*/
/***.view-userslist select {   /* 1. Variante Dropdown */
/*	margin-top: 8.5px !important;  /* Korrektur */
/*	width: 100% !important;
	border-radius: 0!important;
	border-bottom-color: var(--weiss)!important;
	color: var(--weiss);
	transition: none;
}
.view-userslist select option {
	background-color:  var(--weiss);
}***/
.view-userslist .cb_template .cbft_tag .form-control {
	border: none!important;
	box-shadow: none !important;
}
.view-userslist .cbft_tag .cbSearchContainer {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid var(--weiss) !important;
	border-radius: 0;
/*	background-image: url(../images/select-arrow-down-light.png) !important;*/
	background-image: url(../images/select-arrow-down-light.svg) !important;
	background-position: calc(100% - 3px) center !important;
	background-repeat: no-repeat !important;
	background-size: 29px !important;
}
.view-userslist .cbft_tag .badge {
	padding-right: 40px!important;
	text-overflow: ellipsis !important;
}
.view-userslist .cbUserListSearch select, .view-userslist .cbUserListSearch select:focus {
/*  background-color: var(--petrol);*/
  
}
.view-userslist .cb_template .badge {
	background-color: transparent!important;
	font: var(--font-text);
	color: var(--petrol-dunkel);
	text-align: left;
}
.view-userslist .cb_template.select2-container--bootstrap .select2-dropdown .select2-search__field {
	display: none;
}

/*--- button ---*/
.view-userslist .cbUserListSearchButtons {
	display: flex;
	justify-content: right;
}
.view-userslist .cbUserListSearchButtons > * {
	flex: none!important;
	margin-left: 0!important;
	width: auto !important;
/*	float: right!important;*/
}
.view-userslist .cbUserListSearchButtons .btn {
	background: var(--weiss) !important;
	color: var(--petrol) !important;
}
.view-userslist .cbUserListSearchButtons .btn:hover {
	background: var(--grau) !important;
}
.view-userslist .lastname-initial-field {
	display: none!important;
}
.view-userslist .cbUserListListAllButton {
	display: none!important;
}
.cb_template .btn:focus {
	box-shadow: none;
}
/*-- a-z filter --*/
.a-z-filter {
	position: relative;
	padding: 0 20px;
	font: var(--body-font);
	line-height: 1;
	font-weight: 600;
	/*font: var(--font-text-big);*/
	/*font: normal normal 600 30px/36px var(--body-font);*/
}
@media (min-width: 1921px) {
	.a-z-filter {
		font-size: 40px;
		padding-top: 37px;
		padding-bottom: 37px;
	}
	.a-z-filter-letters {
		margin-left: -10px;
	}
	.a-z-filter .a-z-link {
		padding: 0 10px;
	}
	.a-z-filter .a-z-link.active-initial {
/*		width: 37px;
		height: 37px;*/
		background-size: 37px 37px;
		background-position: center 0.45vw!important;
	}
}
@media (min-width: 1201px) and (max-width: 1920px) {
	.a-z-filter {
		font-size: 2.2vw;
		padding-top: 2.2vw;
		padding-bottom: 2.2vw;
		line-height: 2.7vw;
	}
	.a-z-filter-letters {
		margin-left: -0.65vw;
	}
	.a-z-filter .a-z-link {
		padding: 0 0.65vw;
		/*padding: 0.2vw 0.6vw 0.3vw;*/
	}
	.a-z-filter .a-z-link.active-initial {
/*		width: 2.6vw;
		height: 2.6vw;*/
/*		background-size: 2.6vw 2.6vw;*/
		background-size: 2.2vw 2.2vw;
		background-position: center 0.4vw!important;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.a-z-filter {
		font-size: 2.7vw;
		padding-top: 2.7vw;
		padding-bottom: 2.7vw;
		line-height: 3vw;
	}
	.a-z-filter-letters {
		margin-left: -0.65vw;
	}
	.a-z-filter .a-z-link {
		padding: 0 0.65vw;
	}
	.a-z-filter .a-z-link.active-initial {
/*		width: 2.4vw;
		height: 2.4vw;*/
/*		background-size: 2.9vw 2.9vw;*/
		background-size: 2.45vw 2.45vw;
		background-position: center 0.6vw!important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.a-z-filter {
		font-size: 2.8vw;
		padding-top: 2.8vw;
		padding-bottom: 2.8vw;
		line-height: 3.1vw;
	}
	.a-z-filter-letters {
		margin-left: -0.6vw;
	}
	.a-z-filter .a-z-link {
		padding: 0 0.7vw;
	}
	.a-z-filter .a-z-link.active-initial {
/*		width: 2.8vw;
		height: 2.8vw;*/
/*		background-size: 3vw 3vw;*/
		background-size: 2.5vw 2.5vw;
		background-position: center 0.7vw!important;
	}
}
@media (max-width: 767px) {
	.a-z-filter { /* break line */
		font-size: 30px;
		line-height: 35px;
		padding-top: 3.3vw;
		padding-bottom: 3.3vw;
		/*font-size: 3.3vw;
		line-height: 3.7vw;*/
	}
	.a-z-filter-letters {
		margin-left: -0.5vw;
	}
	.a-z-filter .a-z-link {
		/*padding: 0 0.5vw;*/
		padding: 0 9px;
	}
	.a-z-filter .a-z-link.active-initial {
/*		width: 2.8vw;
		height: 2.8vw;*/
		/*background-size: 33px 33px;*/
		background-size: 30px 30px;
		background-position: center 5px!important;
	}
	.a-z-filter .allMembersLink {
		padding-left: 30px;		
/* TEST Hintergrund für	ALL - geht nicht, weil Blend definiert */
/*	background-color: var(--petrol);
    background-size: 100vw 30px;
    margin-left: -90vw;
    padding-left: 90vw;
    margin-right: calc(var(--grid-margin) * -1);
    padding-right: var(--grid-margin);
    padding-bottom: 30px;
/*TESTENDE */		
	}
}
@media (min-width: 571px) and (max-width: 617px) {
	.a-z-filter { /* give space to All */
		padding-bottom: calc(3.3vw + 35px);	
	}
}
@media (min-width: 389px) and (max-width: 413px) {
	.a-z-filter { /* give space to All */
		padding-bottom: calc(3.3vw + 35px);
	}
}
@media (max-width: 322px) {
	.a-z-filter { /* give space to All */
		padding-bottom: calc(3.3vw + 35px);
	}
}
.a-z-filter-blend {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
	background-color: #CCCCCC;
    mix-blend-mode: multiply;
}
@media (min-width: 1921px) {
	.a-z-filter-blend {
		width: 100vw;
		left: calc(((100vw - 1920px) / 2) * -1);
	}
}
@media (max-width: 1920px) {
	.a-z-filter-blend {
		width: 100%;
		left: 0;
	}
}
.a-z-filter-letters {
	position: relative;
	z-index: 2;
}
.a-z-filter .a-z-link {
	position: relative;
}
.a-z-filter .a-z-link.member-exist {
	cursor: pointer;
}
.a-z-filter .a-z-link.active-initial {
/*	display: inline-block;*/
/*display: inline;*/
/*	border-radius:50%;
	background-color: var(--petrol-dunkel);*/
	background-image: url("../images/circle-petrol.png");
/*	background-size: 37px 37px;*/
	background-position: center 0.3vw;
	background-repeat: no-repeat;
	background-color: transparent;
	color: var(--weiss);
	text-align: center;
}
.a-z-filter .a-z-link:not(.member-exist) {
	color: var(--petrol);
}
.a-z-filter .a-z-member-count {
	display: none;
}
.a-z-filter .allMembersLink {
	cursor: pointer;
	float: right;
}
.clearfix:after {
    display: block!important;
}

/* members list body */
.view-userslist #cbUserTable {
	width: 100%;
	margin: 0!important;
	padding: 50px 0;
	background-color: var(--weiss);
}
.cb_template .card {
  background-color: var(--grau)!important;
  border: none!important;
  border-radius: 0!important;
}
.view-userslist .cb_template .card-body {
	padding: 0!important;
}
.view-userslist .cbUserListRow > div {
/*	background-color: var(--grau);*/
}
/*--------------------------------------------------*/
/*---------------- Members List --------------------*/
/*--------------------------------------------------*/
.view-userslist.member-list-members .cbUserListRow:not(:last-child) {
	margin-bottom: 10px;
}
.view-userslist .list-avatar {
	padding-right: 4%!important; /*40px!important;*/
}
.view-userslist .list-avatar > * {
	height: 100%;
}
.view-userslist .list-avatar img {
	height: 100%;
	object-fit: cover;
}
/*NEU 22.03.24 */
@media (min-width: 1921px) {
	.view-userslist .list-avatar img {
		min-height: 356px;
	}
}
@media (min-width: 1401px) and (max-width: 1920px) {
	.view-userslist .list-avatar img {
		min-height: 18.2vw;
	}
}
@media (min-width: 1201px) and (max-width: 1400px) {
	.view-userslist .list-avatar img {
		min-height: 18.8vw;
	}
}
@media (min-width: 1081px) and (max-width: 1200px) {
	.view-userslist .list-avatar img {
		min-height: 20.4vw;
	}
}
@media (min-width: 992px) and (max-width: 1080px) {
	.view-userslist .list-avatar img {
		min-height: 20.9vw;
	}
}
@media (max-width: 991px) {
	.view-userslist .list-avatar img {
		min-height: 22.6vw;
	}
}

.view-userslist .list-private {
	padding-right: 4%!important;
}
.cbUserListFL_cb_private_email a, .cbUserListFL_cb_company_website a {
	-webkit-hyphens: none;
	-moz-hyphens: none;
    hyphens: none;
}
/*.view-userslist .list-private .phone-type {*/
.view-userslist .phone-type {
	display: inline-block;
	width: 15px;
}
.view-userslist .list-private {
	position: relative;
	padding-right: 10px;
}
.view-userslist .list-private, .view-userslist .list-job {
	margin-top: 30px;
}
.view-userslist.member-list-members .cbUserListRowColumn:nth-child(3) {
	padding-bottom: 15px;
	padding-right: 55px !important;
}
.cbUsersList .cbUserListDiv {
	font: var(--font-text)!important;
}
.cbUsersList .cbUserListDiv h3 {
	font: var(--font-text)!important;
	font-weight: bold!important;	
}
.view-userslist.member-list-members .cbUserListFC_lastname {
	padding-bottom: 25%;
	font-weight: bold;
}
/*.view-userslist:not(.member-list-company) .cb_template:not(.cbPoweredBy) a:not(.page-link) {*/
.view-userslist:not([class*="member-list-company"]) .cb_template:not(.member-list-vorstand):not(.cbPoweredBy) a:not(.page-link) {
	color: var(--body-color)!important;
	text-decoration: underline;
}
@media (min-width: 576px) {
	.view-userslist .cbUserListFL_cb_social_media_info {
		position: absolute;
		bottom: 7.5%; /*30px;*/
	}	
}
.view-userslist .cbUserListFL_cb_social_media_info p {
	margin-bottom: 0!important;
}

@media (min-width: 768px) and (max-width: 991px) {
	.view-userslist .list-avatar {
		padding-right: 2% !important;
		flex: 0 0 23%;
	}
	.view-userslist .list-private, .view-userslist .list-job {
		margin-top: 20px;
	}
	.view-userslist .list-private {
		padding-right: 2% !important;
/*		flex: 0 0 35.33333333%;
		max-width: 35.33333333%;*/
	}
	.view-userslist .cbUserListRowColumn:nth-child(3) {
		padding-right: 35px !important;
	}
}
@media (max-width: 767px) {
	.view-userslist .list-avatar {
		padding-right: 2% !important;
		flex: 0 0 23%!important;
		max-width: 23%!important;
	}
	.view-userslist .list-private, .view-userslist .list-job {
		margin-top: 20px;
	}
	.view-userslist .list-private {
		flex: 0 0 34.33333333%;
		max-width: 34.33333333%;
		padding-right: 2% !important;
	}
	.view-userslist .cbUserListRowColumn:nth-child(3) {
		flex: 0 0 42.66666667%;
		max-width: 42.66666667%;
		padding-right: 35px !important;
	}
	.member-list-members .cbUsersList .cbUserListDiv {
		font: var(--font-text-small) !important;
	}
}
@media (max-width: 575px) {
.member-list-members #cbUserTable .row {
	display: grid!important;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto auto;
}
.member-list-members #cbUserTable .list-avatar {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
	width: auto;
	max-width: initial !important;
}
.member-list-members #cbUserTable .list-private {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	width: auto;
	max-width: initial;
}
.member-list-members #cbUserTable .list-job {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	width: auto;
	max-width: initial;
	padding-left: 10px!important;
}
	
	.cb_template .col-sm-4 {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
	.cb_template .col-sm-5 {
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}
	.view-userslist .cbUserListRowColumn:nth-child(3) {
		padding-right: 35px !important;
		padding-left: 0!important;
	}
	.view-userslist.member-list-members .accordion-button {
		margin-right: 0;
		margin-bottom: 10px !important;
	}
/*	.cbUserListRow .row > div:not(.list-avatar):not(#member-div0), .cbUserListRow .row .list-profile {*/
	.member-list-members .cbUserListRow .row > div:not(.list-avatar):not([id^="member-div"]), .member-list-members .cbUserListRow .row .list-profile {
		padding-left: 10px;
		/*padding-right: 20px;*/
	}
	.view-userslist .cbUserListFL_cb_social_media_info {
		bottom: 3.5%;
	}
	.view-userslist .accordion-button.collapsed {
		margin-top: -45px!important;
	}
	.member-list-members .cbUserListRow > * {
/*		padding-left: 0;
		padding-right: 0;*/
	}
	.view-userslist .list-avatar {
		padding: 0!important;
	}
	.view-userslist .list-avatar img {
/*		width: 100%;
		height: auto;*/
	}
	.view-userslist .cbUserListFL_cb_social_media_info {
/*		padding-top: 25px;*/
	}
	.member-list-members .view-userslist .cbUserListRowColumn:nth-child(3) {
/*		padding-right: 0 !important;
		padding-bottom: 25px;*/
	}
	.view-userslist [id^="member-div"] {
/*		padding: 0;*/
		grid-column-start: 1;
		grid-column-end: 3;
	}
}

/*.view-userslist .cb_template a:hover {
	color: var(--petrol)!important;
}*/

/*.view-userslist .social-media-icon img {
	width: 53px;
	height: 53px;
	margin-right: 10px;
}*/
@media (min-width: 1801px) {
	.view-userslist .social-media-icon img {
		width: 53px;
		height: 53px;
		margin-right: 10px;
	}
}
@media (min-width: 1201px) and (max-width: 1800px) {
	.view-userslist .social-media-icon img {
		width: 3vw;
		height: 3vw;
		margin-right: 10px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.view-userslist .social-media-icon img {
		width: 4.2vw;
		height: 4.2vw;
		margin-right: 10px;
	}
}
@media (max-width: 767px) {
	.view-userslist .social-media-icon img {
		width: 40px;
		height: 40px;
		margin-right: 8px;
		margin-bottom: 5px;
	}
/*	.view-userslist .list-private, .view-userslist .list-job {
		padding-left: 15px!important;
	}*/
}

@media (min-width: 576px) {
  .view-userslist .list-private, .view-userslist .list-job {
    flex: 0 0 37.5%;   /* same width 30.11.23 */
    max-width: 37.5%;
  }
}


@media (min-width: 576px) {
	.view-userslist .accordion-collapse.show .list-profile {
		padding: 0 25px 10px!important;
	}
	.view-userslist .accordion-collapse:not(.show) .list-profile {
		padding: 0 25px 30px!important;
	}
}	


/* layout accordion body 29.11.23 */
@media (min-width: 576px) and (max-width: 991px) {
	/* grid ruckelt 
	.view-userslist .accordion-collapse.show .list-profile {
		display: grid;
		grid-template-columns: calc((100% + 50px) * 0.25 - 25px) calc(37.5% - 20px) calc((100% + 50px) * 0.375);
	}
	.view-userslist .cbUserListFL_cb_company_industry {
		grid-column-start: 1;
		grid-column-end: 3;
		padding-right: 20px;
	}
	.view-userslist .cbUserListFL_cb_employment {
		grid-column-start: 3;
	}
	.view-userslist .cbUserListFL_cb_short_profile {
		grid-column-start: 1;
		grid-column-end: 4;
	}
	.view-userslist .cbUserListFL_cb_my_offer {
		grid-column-start: 1;
		grid-column-end: 4;
	}
	*/
	.view-userslist .cbUserListFL_cb_company_industry {
		float: left;
		width: calc(37.5% - 20px + ((100% + 50px) * 0.25 - 25px));
		padding-right: 20px;
	}
	.view-userslist .cbUserListFL_cb_employment {
		float: left;
		width: calc((100% + 50px) * 0.375);
	}
	.view-userslist .cbUserListFL_cb_short_profile {
		float: left;
		width: 100%;
	}
	.view-userslist .cbUserListFL_cb_my_offer {
		float: left;
		width: 100%;
	}	
}

@media (min-width: 992px) {
	/* grid ruckelt 
	.view-userslist .accordion-collapse.show .list-profile {
		display: grid;
		grid-template-columns: calc((100% + 50px) * 0.25 - 25px) calc(37.5% - 20px) calc((100% + 50px) * 0.375);
	}
	.view-userslist .cbUserListFL_cb_company_industry {
		grid-column-start: 2;
		grid-column-end: 3;
		padding-right: 20px;
	}
	.view-userslist .cbUserListFL_cb_employment {
		grid-column-start: 3;
	}
	.view-userslist .cbUserListFL_cb_short_profile {
		grid-column-start: 2;
		grid-column-end: 4;
	}
	.view-userslist .cbUserListFL_cb_my_offer {
		grid-column-start: 2;
		grid-column-end: 4;
	}
	*/
	
/* Lösung mit float */
	.view-userslist .cbUserListFL_cb_company_industry {
		float: left;
		width: calc(37.5% - 20px);
		margin-left: calc((100% + 50px) * 0.25 - 25px);
		padding-right: 20px;
	}
	.view-userslist .cbUserListFL_cb_employment {
		float: left;
		width: calc((100% + 50px) * 0.375);
	}
	.view-userslist .cbUserListFL_cb_short_profile {
		float: left;
		margin-left: calc((100% + 50px) * 0.25 - 25px);
	}
	.view-userslist .cbUserListFL_cb_my_offer {
		float: left;
		margin-left: calc((100% + 50px) * 0.25 - 25px);
	}
}
@media (max-width: 767px) {
	/* grid ruckelt 
	.view-userslist .cbUserListFL_cb_company_industry {
		grid-column-start: 1;
		grid-column-end: 4;
		padding-right: 0;
	}
	.view-userslist .cbUserListFL_cb_employment {
		grid-column-start: 1;
		grid-column-end: 4;
	}
	*/
	.view-userslist .cbUserListFL_cb_company_industry, .view-userslist .cbUserListFL_cb_employment {
		float: none;
		width: 100%;
	}
}

.view-userslist .hide {
	display: none;
	/*margin-top: -40px;*/
}
.view-userslist [id^="member-div"] {
	padding: 0;
}
.view-userslist .accordion-button {
	margin-right: 10px;
}
/* END layout accordion body 29.11.23 */



.view-userslist.member-list-members .cbUserListFL_cb_company_name {
	padding-top: 40px;
}
.view-userslist .cbUserListFL_cb_kurzprofil_header, .view-userslist .cbUserListFL_cb_was_biete_ich_header,  /* DIESE ZEILE LÖSCHEN */
.view-userslist .cbUserListFL_cb_industry_employment_header,   /* DIESE ZEILE LÖSCHEN */
.view-userslist .list-profile .cbUserListFieldLine {
	margin-top: 20px;
}
/*--- accordion ---*/
.accordion-item:last-of-type .accordion-collapse {  /* Korrektur template */
  width: 100%;
}
.view-userslist .accordion-item h2 {
	margin-bottom: 0;
}
.view-userslist .accordion-item {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
}
.view-userslist .accordion-button {
	width: 35px;
	height: 35px;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	line-height: 35px;
	color: transparent;
	margin-right: 5px;
}
.view-userslist .accordion-button.collapsed {
	background-image: url("../images/pfeil_u_petrol.svg");
	margin-top: -50px;
}
.view-userslist .accordion-button:not(.collapsed) {
	background-image: url("../images/pfeil_o_petrol.svg");
	margin-bottom: 20px;
}
/*.view-userslist .accordion-body {
	width: 100%;
}
.view-userslist .accordion-body .cbUserListFC_cb_short_profile {
	width: 100%;
}
.view-userslist .accordion-collapse {
/*	width: 100%;
}

/*--------------------------------------------------*/
/*------------- Members List (public) --------------*/
/*--------------------------------------------------*/
.member-list-public .cbUserListRow .card {
	/*padding: 40px 40px 25px;*/
	padding: var(--box-padding-top) var(--box-padding-left-right) var(--box-padding-bottom);
}
.member-list-public .cbUserListRow {
	margin-bottom: 20px;
}
.member-list-public .member-public {
	font-weight: 600;
}
@media (min-width: 1201px) {
	.member-list-public .member-public {
		height: 80px;
	}
	.member-list-public .member-company-public {
		height: 55px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.member-list-public .member-public {
		height: 90px;
	}
	.member-list-public .member-company-public {
		height: 75px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.member-list-public .member-public {
		height: 90px;
	}
	.member-list-public .member-company-public {
		height: 95px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.member-list-public .member-public {
		height: 80px;
	}
	.member-list-public .member-company-public {
		height: 75px;
	}
}
@media (max-width: 575px) {
	.member-list-public .member-public {
		/*height: 60px;*/
		height: auto;
		padding-bottom: 15px;
	}
	.member-list-public .member-company-public {
		height: 55px;
	}
}
@media (min-width: 768px) {
	.member-list-public .cb_template .col-md-4 {
		flex: 0 0 calc((100% - 40px) / 3);
		max-width: calc((100% - 40px) / 3);
	}
	.member-list-public .cbUserListRow:not(:nth-child(3n+3)) {
		margin-right: 20px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.cb_template .col-sm-6 {
		flex: 0 0 calc((100% - 20px) / 2)!important;
		max-width: calc((100% - 20px) / 2)!important;
	}
	.member-list-public .cbUserListRow:not(:nth-child(2n+2)) {
		margin-right: 20px;
	}
}
@media (max-width: 575px) {
/*	.cb_template .col-sm-6 {
		flex: 0 0 calc((100% - 20px) / 2);
		max-width: calc((100% - 20px) / 2);
	}
	.member-list-public .cbUserListRow:not(:nth-child(2n+2)) {
		margin-right: 20px;
	}*/
}
/*--------------------------------------------------*/
/*-------- Members List Company (public) -----------*/
/*--------------------------------------------------*/
/* company list search */
/*.member-list-company .company-name-initial-field {*/
[class*="member-list-company"] .company-name-initial-field {
	display: none!important;
}
@media (min-width: 768px) {
	/*.member-list-company-public .cbFieldsContentsTab > .row {*/
	[class*="member-list-company"] .cbFieldsContentsTab > .row {
		width: calc((100% - 20px) / 2);
	}
	[class*="member-list-company"] .cbUserListSearchFields {
		display: flex;
	}
	[class*="member-list-company"] .cbUserListSearchButtons > div:nth-child(2) {
		max-width: none;
	}
/*	.view-userslist .cbFieldsContentsTab > .row:not(:nth-child(3)) {
		padding-right: 20px;
	}*/
	.view-userslist .cbFieldsContentsTab > .row > * {
/*		flex: auto;
		width: 100%;
		max-width: 100%;
		line-height: 1;*/
	}
}
@media (max-width: 767px) {
	.view-userslist .cbUserListSearch #cbtf_listsearch > div {
/*		width: 100%;*/
	}
}
/*TEST*/
.member-list-company-public .memberlist-header::after {
/*  position: absolute;
  content: "UNFORMATIERTE SEITE - LAYOUT ZU DEFINIEREN";
  bottom: -35px;
  color: red;
  font-size: 25px;
}
@media (max-width: 600px) {
	.member-list-company-public .memberlist-header::after {
		bottom: -25px;
		font-size: 18px;
	}*/
}
/*TESTENDE*/

/* company list body */

/***.member-list-company-public .company-website {
	position: absolute!important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%!important;
}***/
.member-list-company-public .cbUserListRow {
/*	margin-bottom: 20px;*/
}
@media (min-width: 1921px) {
	.member-list-company-public .company-logo img {
/*		padding-right: 20px;*/
	}
}
@media (max-width: 1920px) {
	.member-list-company-public .company-logo img {
/*		padding-right: 1vw;*/
	}
}
.member-list-company-public #cbUserTable {
	display: flex;
	gap: var(--company-list-col-gap);
	column-gap: var(--company-list-col-gap);
	row-gap: var(--company-list-row-gap);
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}
.member-list-company-public #cbUserTable .card {
	background-color: transparent !important;
}
.member-list-company-public #cbUserTable .cbUserListRowColumn {
	flex: none;
	max-width: 100%;
}
@media (min-width: 1921px) {
	.member-list-company-public #cbUserTable .cbUserListRow img {
		max-height: 180px;
	}
}
@media (min-width: 992px) {
	.member-list-company-public #cbUserTable .cbUserListRow {
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;		
		max-width: calc((100% - (var(--company-list-col-gap) * 3)) / 4 - 1px);
	}
}
@media (min-width: 992px) and (max-width: 1920px) {
	.member-list-company-public #cbUserTable .cbUserListRow img {
		max-height: 10vw;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.member-list-company-public #cbUserTable .cbUserListRow {
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;		
		max-width: calc((100% - (var(--company-list-col-gap) * 2)) / 3 - 1px);
	}
	.member-list-company-public #cbUserTable .cbUserListRow img {
		max-height: 10vw;
	}
}
@media (min-width: 381px) and (max-width: 767px) {
	.member-list-company-public #cbUserTable .cbUserListRow {
		max-width: calc((100% - var(--company-list-col-gap)) / 2 - 1px) !important;
	}
	.member-list-company-public #cbUserTable .cbUserListRow img {
		max-height: 15vw;
	}
}
@media (max-width: 380px) {
	.member-list-company-public #cbUserTable .cbUserListRow {
		max-width: 100%;
	}
	.member-list-company-public #cbUserTable .cbUserListRow img {
		max-height: 35vw;
	}
	.member-list-company-public #cbUserTable .card {
		text-align: center;
	}
}
/*--------------------------------------------------*/
/*------------ Members List Company  ---------------*/
/*--------------------------------------------------*/
.view-userslist.member-list-company .cbUserListRow:not(:last-child) .list-company-info,
.view-userslist.member-list-company .cbUserListRow:not(:last-child) .list-contact {
	border-bottom: 5px solid var(--grau);
	padding-bottom: 25px;
}
.cb_template.member-list-company .card {
  background-color: var(--weiss) !important;
}
.view-userslist .list-logo {
	padding-right: 4%!important; /*40px!important;*/
}
.view-userslist .list-logo > * {
	padding-right: 15px;
}
.cbUserListFC_cb_company_member_website a {
	-webkit-hyphens: none;
	-moz-hyphens: none;
    hyphens: none;
}
@media (min-width: 992px) {
/*	.view-userslist.member-list-company .row {*/
	.view-userslist.member-list-company .cbUserListRow {
		margin-top: 30px;
	}
}
@media (min-width: 1921px) {
	.view-userslist.member-list-company.logged-in .list-logo img {
		max-height: 300px;
	}
}
@media (min-width: 1701px) and  (max-width: 1920px) {
	.view-userslist.member-list-company.logged-in .list-logo img {
		max-height: 13vw;
	}
}
@media (min-width: 1401px) and  (max-width: 1700px) {
	.view-userslist.member-list-company.logged-in .list-logo img {
		max-height: 15vw;
	}
}
@media (min-width: 768px) and  (max-width: 1400px) {
	.view-userslist.member-list-company.logged-in .list-logo img {
		max-height: 20vw;
	}
}


.view-userslist.member-list-company .list-contact {
	padding-bottom: 15px;
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.view-userslist.member-list-company .cbUserListFL_cb_company_member_name {
  padding-bottom: 10px;
  font-weight: bold;
}
.view-userslist.member-list-company .cb_template:not(.cbPoweredBy) a:not(.page-link) {
	color: var(--body-color)!important;
	text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 991px) {
	.view-userslist .list-logo {
		padding-right: 2% !important;
		flex: 0 0 23%;
	}
	/*.view-userslist .list-company-info, .view-userslist .list-contact {*/
	.view-userslist.member-list-company .cbUserListRow {
		margin-top: 20px;
	}
	.view-userslist .list-company-info {
		padding-right: 2% !important;
/*		flex: 0 0 35.33333333%;
		max-width: 35.33333333%;*/
	}
	/*.view-userslist .cbUserListRowColumn:nth-child(3) {*/
	.view-userslist .list-contact {
		padding-right: 15px !important;
	}
}
@media (max-width: 767px) {
	.view-userslist .list-logo {
		padding-right: 2% !important;
		flex: 0 0 23%!important;
		max-width: 23%!important;
	}
	/*.view-userslist .list-company-info, .view-userslist .list-contact {*/
	.view-userslist.member-list-company .cbUserListRow {
		margin-top: 20px;
	}
	.view-userslist .list-company-info {
		flex: 0 0 34.33333333%;
		max-width: 34.33333333%;
		padding-right: 2% !important;
	}
	/*.view-userslist .cbUserListRowColumn:nth-child(3) {*/
	.view-userslist .list-contact {
		flex: 0 0 42.66666667%;
		max-width: 42.66666667%;
		padding-right: 15px !important;
	}
	.member-list-company .cbUsersList .cbUserListDiv {
		font: var(--font-text-small) !important;
	}
}
@media (min-width:582px) and (max-width: 767px) {
	.view-userslist.member-list-company .cbUserListRow:not(:last-child) .list-company-info,
	.view-userslist.member-list-company .cbUserListRow:not(:last-child) .list-contact {
		margin-left: 10px;
	}
}
@media (max-width: 767px) {
/*@media (max-width: 582px) {   /* anstatt 575 - bei einigen Pixeln war Darstellung falsch */
	.member-list-company .cbUserListRow .row {
		display: grid!important;
		grid-template-columns: 35% 65%;
		grid-template-rows: min-content min-content;
		grid-gap: 0;
	}
	.member-list-company .cbUserListRow .list-logo {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 3;
		width: 100%!important;
		max-width: 100%!important;
	}
	.member-list-company .cbUserListRow .list-company-info {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
		width: 100%!important;
		max-width: 100%!important;
		border: none!important;
	}
	.member-list-company .cbUserListRow .list-contact {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 3;
		width: 100%!important;
		max-width: 100%!important;
		margin: 0;
		padding-left: 0!important;
	}	
	/*.view-userslist .cbUserListRowColumn:nth-child(3) {*/
	.view-userslist .list-contact {
		padding-right: 15px !important;
		padding-left: 0!important;
	}
/*	.cbUserListRow .row > div:not(.list-avatar):not(#member-div0), .cbUserListRow .row .list-profile {*/
	.member-list-members .cbUserListRow .row > div:not(.list-logo):not(.list-avatar):not([id^="member-div"]), .member-list-members .cbUserListRow .row .list-profile {
		padding-left: 10px;
		/*padding-right: 20px;*/
	}
	.view-userslist .list-logo {
		padding: 0!important;
	}
	.view-userslist .list-logo a {
		/*height: calc(100% - 10px);*/
	}
	.view-userslist .list-logo img {
/*		width: 100%;
		height: auto;*/
		padding-right: 10px;
		margin-bottom: 30px;
/* falls ausrichten auf Höhe der Adresse - funktioniert nur bei 1-zeiligem Firmennamen */
/*  margin-top: calc(30px + var(--line-height));*/
/*  margin-bottom: auto;*/		
	}
}

/*--------------------------------------------------*/
/*------------ Members List Vorstand  --------------*/
/*--------------------------------------------------*/
/* CB list 7
/* - show via module CB User List
/* 29.10.23 neu in Wrapper-Module die CB-List-Seite anzeigen
/* In CB User List keine CB Substitutions und custom Sortierung
/*------------------------------------------*/
.member-list-vorstand .memberlist-header {
	display: none;
}
.member-list-vorstand main, .mod-wer-sind-wir-2 {
	margin-top: 0!important;
}
.member-list-vorstand #cbUserTable {
	display: grid;
	padding: 0;
}
@media (min-width: 992px) {
	.member-list-vorstand #cbUserTable {
		grid-template-columns: repeat(2, minmax(5rem, 1fr));
	}
}
@media (max-width: 991px) {
	.member-list-vorstand #cbUserTable {
		grid-template-columns: 100%;
	}
}
.member-list-vorstand .cbUserListFieldLine p {
	margin: 0;
}
.wer-sind-wir .cblist, .member-list-vorstand #cbUserTable {
	grid-gap: 0.4rem!important;
	margin-top: 10px !important;
	/*grid-template-columns: repeat(2, minmax(5rem, 1fr));*/
}
/*@media (min-width: 992px) {
	.wer-sind-wir .cblist, .member-list-vorstand #cbUserTable {
		grid-gap: 0.4rem!important;
	}
}
@media (max-width: 991px) {
	.wer-sind-wir .cblist, .member-list-vorstand #cbUserTable {
		grid-gap: 0.7rem!important;
	}
}*/
.wer-sind-wir .cblist-user,
.member-list-vorstand .cbUserListRow {
	display: flex;
	padding: 0!important;
}
.member-list-vorstand .cbUserListRow {
	max-width: 100%;
}
.member-list-vorstand .cbUserListRow, .member-list-vorstand .cbUserListRow .card {
	width: 100%!important;
	max-width: 100%!important;
}
.wer-sind-wir .cblist-user:nth-child(even),
.member-list-vorstand .cbUserListRow:nth-child(even) .row {
	flex-direction: row-reverse;
}
@media (min-width: 1201px) {
	.member-list-vorstand .cbUserListRow:nth-child(odd) .card {
		margin-left: -20vw;
		padding-left: 20vw;
		width: calc(100% + 20vw) !important;
		max-width: calc(100% + 20vw) !important;
	}
	.member-list-vorstand .cbUserListRow:nth-child(even) .card {
		margin-right: -20vw;
		padding-right: 20vw;
		width: calc(100% + 20vw) !important;
		max-width: calc(100% + 20vw) !important;
	}
}
.wer-sind-wir .cblist-user:nth-child(1), .wer-sind-wir .cblist-user:nth-child(6),
.member-list-vorstand .cbUserListRow:nth-child(1) .card, .member-list-vorstand .cbUserListRow:nth-child(6) .card {
  background-color: var(--gruen)!important;
  color: var(--weiss);
}
/*.wer-sind-wir .cblist-user:nth-child(1) a:hover, .wer-sind-wir .cblist-user:nth-child(6) a:hover {
  color: var(--petrol-dunkel)!important;
}*/
.wer-sind-wir .cblist-user:nth-child(2), .wer-sind-wir .cblist-user:nth-child(5),
.member-list-vorstand .cbUserListRow:nth-child(2) .card, .member-list-vorstand .cbUserListRow:nth-child(5) .card {
  background-color: var(--petrol)!important;
  color: var(--weiss);
}
.wer-sind-wir .cblist-user:nth-child(3), .wer-sind-wir .cblist-user:nth-child(8),
.member-list-vorstand .cbUserListRow:nth-child(3) .card, .member-list-vorstand .cbUserListRow:nth-child(8) .card {
  background-color: var(--grau)!important;
  color: var(--petrol-dunkel);
}
/*.wer-sind-wir .cblist-user:nth-child(3) a:hover, .wer-sind-wir .cblist-user:nth-child(8) a:hover {
  color: var(--petrol-dunkel)!important;
}*/
.wer-sind-wir .cblist-user:nth-child(4), .wer-sind-wir .cblist-user:nth-child(7),
.member-list-vorstand .cbUserListRow:nth-child(4) .card, .member-list-vorstand .cbUserListRow:nth-child(7) .card {
  background-color: var(--petrol-dunkel)!important;
  color: var(--weiss);
}
.wer-sind-wir .vorstand-avatar img,
.member-list-vorstand .vorstand-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 190px;
}

/*NEU 22.03.24 */
@media (max-width: 767px) {
	.wer-sind-wir .vorstand-avatar img, .member-list-vorstand .vorstand-foto img {
		height: 35vw;
	}
}
@media (min-width: 768px) and (max-width: 981px) {
	.wer-sind-wir .vorstand-avatar img, .member-list-vorstand .vorstand-foto img {
		height: 30vw;
	}
}
@media (min-width: 982px) and (max-width: 1920px) {
	.wer-sind-wir .vorstand-avatar img, .member-list-vorstand .vorstand-foto img {
		height: 20vw;
	}
}
@media (min-width: 1921px) {
	.wer-sind-wir .vorstand-avatar img, .member-list-vorstand .vorstand-foto img {
		height: 370px;
	}
}

.wer-sind-wir .vorstand-member,
.member-list-vorstand .vorstand-member {
	position: relative;
/*	color: var(--weiss);*/
}
.wer-sind-wir .vorstand-name,
.member-list-vorstand .cbUserListFL_lastname {
	padding-top: 5px;
	hyphens: none;
}
@media (min-width: 1401px) {
	.wer-sind-wir .vorstand-member,
	.member-list-vorstand .vorstand-member {
		font: var(--font-text);
	}
	.wer-sind-wir .vorstand-name,
	.member-list-vorstand .cbUserListFL_lastname {
		font: var(--font-text);
		font-size: 115%;
		font-weight: 600;
	}
}
@media (min-width: 992px) and (max-width: 1400px) {
	.wer-sind-wir .vorstand-member,
	.member-list-vorstand .vorstand-member {
		font: var(--font-text-x-small);
	}
	.wer-sind-wir .vorstand-name,
	.member-list-vorstand .cbUserListFL_lastname {
		font: var(--font-text-small);
		font-size: 110%;
		font-weight: 600;
	}
}
.wer-sind-wir .vorstand-company,
.member-list-vorstand .cbUserListFL_cb_company_name {
	/*top: calc(((var(--line-height) * 3)) + (100% - (var(--line-height) * 9)) + 35px); /* paddings 20px + 15px */
	top: calc((var(--line-height) * 3.5) + 20px);
}
.wer-sind-wir .vorstand-phone,
.member-list-vorstand .cbUserListFL_cb_phone_vorstand {
	bottom: calc(var(--line-height) + 15px);
}
.wer-sind-wir .vorstand-email,
.member-list-vorstand .cbUserListFL_cb_private_email {
	bottom: 15px;
}
.member-list-vorstand .cbUserListRow:nth-child(even) .vorstand-foto {
	padding-left: 20px!important;
}

/*NEU 22.03.24 */
.member-list-vorstand .cbUserListRow .row, .member-list-vorstand .cbUserListFL_avatar {
  height: 100%;
}


@media (min-width: 992px) {
	.wer-sind-wir .vorstand-avatar, .wer-sind-wir .vorstand-member,
	.member-list-vorstand .vorstand-foto, .member-list-vorstand .vorstand-member {
		width: 50%;
	}
	.wer-sind-wir .cblist-user:nth-child(odd) .vorstand-avatar,
	.member-list-vorstand .cbUserListRow:nth-child(odd) .vorstand-foto {
		padding-right: 20px;
	}
	.wer-sind-wir .cblist-user:nth-child(even) .vorstand-avatar {
/*	.member-list-vorstand .cbUserListRow:nth-child(even) .vorstand-foto {*/
		padding-left: 20px;
	}
	.wer-sind-wir .cblist-user:nth-child(odd) .vorstand-member,
	.member-list-vorstand .cbUserListRow:nth-child(odd) .vorstand-member {
		padding: 15px 15px 15px 0;
	}
	.wer-sind-wir .cblist-user:nth-child(even) .vorstand-member,
	.member-list-vorstand .cbUserListRow:nth-child(even) .vorstand-member {
		padding: 15px 0 15px 15px;
		text-align: right;
	}
	.wer-sind-wir .cblist-user:nth-child(even) .vorstand-company, .wer-sind-wir .cblist-user:nth-child(even) .vorstand-phone, .wer-sind-wir .cblist-user:nth-child(even) .vorstand-email,
	.member-list-vorstand .cbUserListRow:nth-child(even) .cbUserListFL_cb_company_name, .member-list-vorstand .cbUserListRow:nth-child(even) .cbUserListFL_cb_phone_vorstand, .member-list-vorstand .cbUserListRow:nth-child(even) .cbUserListFL_cb_private_email {
		position: absolute;
		right: 0;
		padding-left: 15px;
	}
	.wer-sind-wir .cblist-user:nth-child(odd) .vorstand-company, .wer-sind-wir .cblist-user:nth-child(odd) .vorstand-phone, .wer-sind-wir .cblist-user:nth-child(odd) .vorstand-email,
	.member-list-vorstand .cbUserListRow:nth-child(odd) .cbUserListFL_cb_company_name, .member-list-vorstand .cbUserListRow:nth-child(odd) .cbUserListFL_cb_phone_vorstand, .member-list-vorstand .cbUserListRow:nth-child(odd) .cbUserListFL_cb_private_email {
		position: absolute;
		left: 0;
		padding-right: 15px;
	}
}
@media (min-width: 767px) and (max-width: 991px) {
	.wer-sind-wir .cblist,
	.member-list-vorstand {
		grid-template-columns: minmax(5rem, 1fr)!important;
	}
	.wer-sind-wir .vorstand-avatar,
	.member-list-vorstand .vorstand-foto {
		width: 33%!important;
		max-width: 33%!important;
	}
	.wer-sind-wir .vorstand-member,
	.member-list-vorstand .vorstand-member {
		width: 66%!important;
		font: var(--font-text);
	}
	.wer-sind-wir .cblist-user:nth-child(odd) .vorstand-avatar,
	.member-list-vorstand .cbUserListRow:nth-child(odd) .vorstand-foto {
		padding-right: 20px;
	}
	.wer-sind-wir .cblist-user:nth-child(even) .vorstand-avatar;
	.member-list-vorstand .cbUserListRow:nth-child(even) .vorstand-foto {
		padding-left: 20px;
	}
	.wer-sind-wir .cblist-user:nth-child(odd) .vorstand-member,
	.member-list-vorstand .cbUserListRow:nth-child(odd) .vorstand-member {
		padding: 15px 15px 15px 0;
	}
	.wer-sind-wir .cblist-user:nth-child(even) .vorstand-member,
	.member-list-vorstand .cbUserListRow:nth-child(even) .vorstand-member {
		padding: 15px 0 15px 15px;
		text-align: right;
	}
	.wer-sind-wir .cblist-user:nth-child(even) .vorstand-company, .wer-sind-wir .cblist-user:nth-child(even) .vorstand-phone, .wer-sind-wir .cblist-user:nth-child(even) .vorstand-email,
	.member-list-vorstand .cbUserListRow:nth-child(even) .cbUserListFL_cb_company_name, .member-list-vorstand .cbUserListRow:nth-child(even) .cbUserListFL_cb_phone_vorstand, .member-list-vorstand .cbUserListRow:nth-child(even) .cbUserListFL_cb_private_email {
		position: absolute;
		right: 0;
		padding-left: 15px;
	}
	.wer-sind-wir .cblist-user:nth-child(odd) .vorstand-company, .wer-sind-wir .cblist-user:nth-child(odd) .vorstand-phone, .wer-sind-wir .cblist-user:nth-child(odd) .vorstand-email,
	.member-list-vorstand .cbUserListRow:nth-child(odd) .cbUserListFL_cb_company_name, .member-list-vorstand .cbUserListRow:nth-child(odd) .cbUserListFL_cb_phone_vorstand, .member-list-vorstand .cbUserListRow:nth-child(odd) .cbUserListFL_cb_private_email {
		position: absolute;
		left: 0;
		padding-right: 15px;
	}
	.wer-sind-wir .vorstand-name,
	.member-list-vorstand .cbUserListFL_lastname {
		font: var(--font-text);
		font-size: 110%;
		font-weight: 600;
	}
}
@media (max-width: 767px) {
	.wer-sind-wir .cblist,
	.member-list-vorstand {
		grid-template-columns: minmax(5rem, 1fr)!important;
	}
/*	.wer-sind-wir .cblist-user {
		display: block;
	}
	.wer-sind-wir .cblist-user .vorstand-member {
		padding: 15px;
	}*/
	.wer-sind-wir .vorstand-avatar,
	.member-list-vorstand .vorstand-foto {
		width: 40%!important;
		max-width: 40% !important;
	}
	.wer-sind-wir .vorstand-member,
	.member-list-vorstand .vorstand-member {
		width: 60%!important;
		font: var(--font-text-x-small);
	}
	.wer-sind-wir .cblist-user:nth-child(odd) .vorstand-avatar,
	.member-list-vorstand .cbUserListRow:nth-child(odd) .vorstand-foto {
		padding-right: 15px;
	}
	.wer-sind-wir .cblist-user:nth-child(even) .vorstand-avatar,
	.member-list-vorstand .cbUserListRow:nth-child(even) .vorstand-foto {
		padding-left: 15px;
	}
	.wer-sind-wir .cblist-user:nth-child(odd) .vorstand-member,
	.member-list-vorstand .cbUserListRow:nth-child(odd) .vorstand-member {
		padding: 15px 15px 8px 0;
	}
	.wer-sind-wir .cblist-user:nth-child(even) .vorstand-member,
	.member-list-vorstand .cbUserListRow:nth-child(even) .vorstand-member {
		padding: 15px 0 8px 15px;
		text-align: right;
	}
	.wer-sind-wir .cblist-user:nth-child(even) .vorstand-company, .wer-sind-wir .cblist-user:nth-child(even) .vorstand-phone, .wer-sind-wir .cblist-user:nth-child(even) .vorstand-email,
	.member-list-vorstand .cbUserListRow:nth-child(even) .cbUserListFL_cb_company_name, .member-list-vorstand .cbUserListRow:nth-child(even) .cbUserListFL_cb_phone_vorstand, .member-list-vorstand .cbUserListRow:nth-child(even) .cbUserListFL_cb_private_email {
		position: absolute;
		right: 0;
		padding-left: 15px;
	}
	.wer-sind-wir .cblist-user:nth-child(odd) .vorstand-company, .wer-sind-wir .cblist-user:nth-child(odd) .vorstand-phone, .wer-sind-wir .cblist-user:nth-child(odd) .vorstand-email,
	.member-list-vorstand .cbUserListRow:nth-child(odd) .cbUserListFL_cb_company_name, .member-list-vorstand .cbUserListRow:nth-child(odd) .cbUserListFL_cb_phone_vorstand, .member-list-vorstand .cbUserListRow:nth-child(odd) .cbUserListFL_cb_private_email {
		position: absolute;
		left: 0;
		padding-right: 15px;
	}
	.wer-sind-wir .vorstand-name,
	.member-list-vorstand .cbUserListFL_lastname {
		font: var(--font-text-small);
		font-size: 110%;
		font-weight: 600;
		height: 45px;
	}
	.wer-sind-wir .vorstand-company,
	.member-list-vorstand .cbUserListFL_cb_company_name {
		height: 45px;
		top: calc((var(--line-height) * 3.5) + 15px);
	}
	.wer-sind-wir .vorstand-email,
	.member-list-vorstand .cbUserListFL_cb_private_email {
		bottom: 15px;
	}
	.wer-sind-wir .vorstand-phone,
	.member-list-vorstand .cbUserListFL_cb_phone_vorstand {
		bottom: calc(var(--line-height) + 15px);
	}
}
@media (max-width: 420px) {
	.member-list-vorstand .cbUserListFL_cb_company_name {
		--line-height: 20px;
		top: calc((var(--line-height) * 3.1) + 35px);
		max-height: calc(var(--line-height) * 2);
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.member-list-vorstand .cbUserListFL_lastname {
		padding-top: 0;
	}
}
@media (max-width: 550px) {
	.wer-sind-wir .vorstand-phone, .cbUserListFL_cb_phone_vorstand {
		bottom: calc(var(--line-height) + 12px)!important;
	}
}


/*-------------------------------------------------*/
/*---------- User Profile View & Edit -------------*/
/*-------------------------------------------------*/
.view-userprofile.logged-in .navbar-nav ul {
/*	display: block!important;*/
}
.view-userprofile.logged-in .social-media-icon {
	display: none;
}
.view-userprofile .cbPosTabMain.einzelmitglied .firmenmitglied {
	display: none;
}
.view-userprofile .cbPosTabMain.firmenmitglied .einzelmitglied {
	display: none;
}
.view-userdetails .cbEditProfile.einzelmitglied .cbTabNav.firmenmitglied {
	display: none;
}
.view-userdetails .cbEditProfile.firmenmitglied .cbTabNav.einzelmitglied {
	display: none;
}
.view-userprofile .cbPosTabMain.firmenmitglied .einzelmitglied.active ~ .tab-pane.tab-angaben-firma {
  display: block; /* show company tab after saving profile */
}
.cbTabNav.auf-wif-aufmerksam, .cbTabNav.besuchte-club-events, 
.view-userprofile .member-system-fields, .view-userdetails .member-system-fields {
	display: none;
}
.view-userprofile .register-system-tab, .view-userdetails .register-system-tab,
.view-userprofile .cbPosUnderAll {
	display: none!important;
}
/*.cb_template .cbTooltip.dropdown > .dropdown-menu {
  display: block !important;
  position: relative!important;
}*/
@media (min-width: 992px) {
	.view-userdetails .image-upload > div > div {
		display: grid;
		grid-template-columns: auto var(--form-col-gap) 1fr;
		grid-template-rows: auto;
		grid-row-gap: var(--2-row-gap);
/*		grid-column-gap: var(--2-col-gap);*/
	}
	.view-userdetails .image-upload > div > div > div {
		margin-top: 0!important;
	}
	.view-userdetails .image-upload > div > div > .form-group:nth-of-type(1) + .cbImageFieldUpload {
		grid-column-start: 2;
		grid-column-end: 4;
	}
/*	.view-userdetails .image-upload > div > div > .form-group:nth-of-type(1) {
		grid-column-start: 2;
		grid-column-end: 4;
	}*/
/*	.view-userdetails .cbImageFieldImage + .form-group + #cbimagefile_upload_avatar {
		grid-column-start: 3;
		grid-column-end: 4;	
	}*/
}

@media (min-width: 768px) {
	.view-userprofile .cbFieldsContentsTab, .view-userdetails .cbFieldsContentsTab {
		display: grid;
		grid-template-columns: calc(50% - (var(--form-col-gap) / 2)) calc(50% - (var(--form-col-gap) / 2));
		grid-template-rows: auto;
		grid-row-gap: var(--2-row-gap);
		grid-column-gap: var(--2-col-gap);
		margin-top: 20px;
		width: 100%;
	}
	.register-tab-header, .register-field-full-width  {
		grid-column-start: 1;
		grid-column-end: 3;
		border: none;
	}
}
@media (max-width: 767px) {
	.view-userprofile .cb-page-header, .view-userdetails .cb-page-header {
		margin-top: 30px;
	}
	.view-userprofile .cbFieldsContentsTab, .view-userdetails .cbFieldsContentsTab {
		display: grid;
		grid-template-columns: 100%;
		margin-top: 20px;
		width: 100%;
	}
	.register-tab-header, .register-field-full-width  {
		border: none;
	}
	.cbProfileEditButtons button {
		width: max-content !important;
		display: inline-block !important;
		margin-top: 0 !important;
	}
}
.view-userprofile .profile-field-full-width  {
	grid-column-start: 1;
	grid-column-end: 3;
/*	border: none;*/
}
.view-userprofile .cb_template, .view-userdetails .cb_template {
	font: var(--font-text);
}
.view-userprofile .cbTabsNav li, .view-userdetails .cbTabsNav li {
	font-size: 80%!important;
}
.view-userprofile .tab-content, .view-userdetails .tab-content {
	margin-top: 45px;
}
.cbProfileEditButtons {
	margin-top: 30px;
	text-align: right;
}
.view-userprofile th:nth-of-type(3), .view-userprofile th:nth-of-type(6),
.view-userprofile td:nth-of-type(3), .view-userprofile td:nth-of-type(6) {
	display: none;
}
.view-userprofile #cblabcbfv_120 {
	display: none;
}
.view-userdetails .firmenmitglied #cbtabsCBNav, .view-userprofile .firmenmitglied #cbtabsCBNav {
	display: grid; /* to move password tab to the end */
	grid-template-columns: auto auto auto auto 1fr;
}
.view-userdetails .firmenmitglied .tab-angaben-firma, .view-userprofile .firmenmitglied .tab-angaben-firma {
	order: 1;
}
.view-userdetails .firmenmitglied .tab-ansprechperson , .view-userprofile .firmenmitglied .tab-ansprechperson {
	order: 2;
}
.view-userdetails .firmenmitglied .tab-firmenlogo, .view-userprofile .firmenmitglied .tab-firmenlogo {
	order: 3;
}
.view-userdetails .firmenmitglied .password-tab, .view-userprofile .firmenmitglied .password-tab {
	order: 4;
}
.view-userdetails #cb_short_profile, .view-userdetails #cb_my_offer {
	min-height: 180px !important;
}
.view-userdetails #cbfr_102 {
	grid-column-start: 1;
	grid-column-end: 3;
}

.view-userdetails .password-tab .cbFieldsContentsTab:before {
	content: "Passwort ändern";
	font: var(--font-h3);
	color: var(--body-color);
		margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}
	.view-userdetails .password-tab .input-group {
		width: 100%!important;
	}
@media (min-width: 768px) {
	.view-userdetails .password-tab .cbFieldsContentsTab:before {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.view-userdetails .password-tab input {
		display: inline;
		width: 50%!important;
	}
}
@media (max-width: 767px) {
	.view-userdetails .password-tab input {
/*		display: inline;
		width: 50%!important;*/
	}
}
.view-userdetails .password-tab .input-group-append {
	/*margin-left: auto !important;*/
	display: inline;
	/*width: 20%;*/
	text-align: right;
}
@media (min-width: 576px) {
  .view-userdetails .password-tab label, .view-userdetails .password-tab .cb_field {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.cb_template h3, .cb_template .h3 {
	font-size: var(--font-size-h3)!important;
}
.cb_template.cbProfile {
	display: grid;
	grid-template-columns: 100%;
}
.cb_template.cbProfile .cbPosHead {
	order: 1;
}
.cb_template.cbProfile .cbPosSeparator {
	order: 2;
}
.cb_template.cbProfile .cbPosTabMain {
	order: 3;
}
.cb_template.cbProfile .cbPosCanvasMenu {
	order: 4;
}
.view-userprofile .cb_template .border {
	border: none!important;
}
.view-userprofile .cb_template .bg-light {
	background-color: transparent!important;
}
.view-userprofile .dropdown-toggle {
	color: transparent;
}
.view-userprofile .dropdown-menu,
.view-userprofile .cb_template .cbTooltip.dropdown > .dropdown-menu {
	/*display: block!important;*/
	display: flex !important;
	top: -20px;
	/*left: -20px;*/
	width: 100%;
	justify-content: right;
	border: none;
}
.view-userprofile .cbMenu_UE_MENU_EDIT {
	width: 100%;
}
.view-userprofile .cb_tab_content .navbar {
	padding: 0;
}
.view-userprofile .dropdown-menu .cbMenu_UE_UPDATEPROFILE a {
	border-radius: 26px !important;
	border: none !important;
	margin-top: 20px;
	padding: 13px 26px 14px !important;
	font: var(--font-button-small) !important;
	letter-spacing: 0.25px !important;
	text-decoration: none !important;
	background: var(--button-bg) !important;
	color: var(--button-color) !important;
	text-decoration: none !important;
}
@media (max-width: 991.98px) {
  .view-userprofile .cb_template .cbNavBar > .cbNavBarContainer {
    height: 4rem;
  }
}
.view-userprofile .dropdown-menu .cbMenu_UE_UPDATEPROFILE a:hover {
	color: var(--weiss) !important;
}
.view-userprofile .dropdown-toggle,
.view-userprofile .dropdown-menu .cbMenu_UE_UPDATEPROFILE .fa-edit:before,
.view-userprofile .qtip {
	display: none!important;
}
.cb_template .dropdown-item:hover, .cb_template .dropdown-item:focus {
	background-color: inherit!important;
}
.view-userprofile .password-tab {
	display: none;
}
#avatar__choice option:first-child {
	display: none;
}

/*NEU 25.03.24 */
.cbValidationImageDataCropArea {
	max-width: 400px;
}
.cbValidationImageDataCropImage {
	max-width: 100%;
}

/*.view-registers #cbimagefile_upload_avatar, #cbimagefile_upload_avatar * {
	display: block!important;
	visibility: visible!important;
}
.view-registers #cbimagefile_upload_avatar input {
	pointer-events: auto!important;
	cursor: pointer!important;
}*/

/*-----------------------------------------*/
/*---------- Content Elements -------------*/
/*-----------------------------------------*/

/*--- accordion ---*/
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] {  /* copy from bootstrap 5 accordion / template.css */
  --accordion-color: hsl(210, 11%, 15%);
  --accordion-bg: hsl(0, 0%, 100%);
  --accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --accordion-border-color: var(--border-color);
  --accordion-border-width: 1px;
  --accordion-border-radius: 0.25rem;
  --accordion-inner-border-radius: calc(0.25rem - 1px);
  --accordion-btn-padding-x: 1.25rem;
  --accordion-btn-padding-y: 1rem;
  --accordion-btn-color: hsl(210, 11%, 15%);
  --accordion-btn-bg: var(--accordion-bg);
  --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%28210, 11%, 15%%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --accordion-btn-icon-width: 1.25rem;
  --accordion-btn-icon-transform: rotate(-180deg);
  --accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f244d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --accordion-btn-focus-border-color: #8894aa;
  --accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
  --accordion-body-padding-x: 1.25rem;
  --accordion-body-padding-y: 1rem;
  --accordion-active-color: #0f244d;
  --accordion-active-bg: #e7eaee;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
/*  background-color: #fff;
  transition: background-color 200ms,border 200ms;
  border: 1px solid #c0c6cf;
  border-radius: 5px;
  padding: .75rem 1.25rem;*/
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > div[data-rlta-element="button"][aria-expanded="false"]:after {
  -ms-flex-negative: 0;
  background-image: var(--accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--accordion-btn-icon-width);
  content: "";
  flex-shrink: 0;
  height: var(--accordion-btn-icon-width);
  margin-left: auto;
  -webkit-transition: var(--accordion-btn-icon-transition);
  -o-transition: var(--accordion-btn-icon-transition);
  transition: var(--accordion-btn-icon-transition);
  width: var(--accordion-btn-icon-width);
}
/*[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > div[data-rlta-element="button"][aria-expanded="true"]:after {*/
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"]:after {
  background-image: var(--accordion-btn-active-icon);
  -webkit-transform: var(--accordion-btn-icon-transform);
  transform: var(--accordion-btn-icon-transform);
}

/*---------------------------------------------------------------*/
/*-------- Newsletter | AcyMailing Subscription Form ------------*/
/*---------------------------------------------------------------*/
.acym_form {
	margin-top: 50px;
}
.acym_form > * {
	/*margin-bottom: 45px!important;*/
	margin-bottom: 1rem!important;
	padding-bottom: 15px;
}
.acym_form label {
	width: 100%;
	padding-top: calc(0.375rem + 1px);
	padding-bottom: calc(0.375rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5;
}

.acym_form label > span {
	display: block;
	font-size: 80%
}
.acym_form input:not(.checkbox) {
	height: calc(1.5em + 0.75rem + 2px);
	width: 100%;
	max-width: 500px;
	margin-top: 5px;
	padding: .3rem 0 .2rem;
	
	border-bottom: 2px solid var(--petrol-dunkel)!important;
	border-top: none!important;
	border-left: none!important;
	border-right: none!important;
}
.newsletter-unsubscribe #field_1, .newsletter-unsubscribe .subbutton {
	display: none;
}
.acym__field__error__block__active {
	display: block!important;
	top: calc(100% - 23px);
	width: 100% !important;
	padding: 0 !important;
	margin-top: 0.25rem;
	border: none!important;
	font-size: 80%;
	color: var(--error-color) !important;
}

/*------ custom checkbox -------*/
.fieldacyterms label {
  padding-left: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fieldacyterms label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
	width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid var(--petrol-dunkel);
}
.fieldacyterms label input:checked ~ .checkmark {
	background-color: var(--gruen);
	box-shadow: inset 0 0 0 5px white;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.fieldacyterms label input:checked ~ .checkmark:after {
  display: block;
}
.fieldacyterms label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
}

div.acym_module_success {
	color: var(--petrol)!important;
	background-color: var(--weiss)!important;
}
.unsubscribe-link a {
	opacity: 0.7;
}
/*------ subscribe form in box -------*/
@media (min-width: 1025px) {
	.home .newsletter-subscribe-box .acym_form {
		display: grid;
		grid-template-columns: 32.5% 32.5% 32.5%;
		grid-column-gap: 2%;
	}
}

@media (min-width: 461px) and (max-width: 1024px) {
	.home .newsletter-subscribe-box .acym_form {
		display: grid;
		grid-template-columns: 49% 49%;
		grid-column-gap: 2%;
	}
}
@media (max-width: 460px) {
	.home .newsletter-subscribe-box .acym_form {
/*		display: grid;
		grid-template-columns: 100%;
		grid-column-gap: 2%;*/
	}
}

.home .newsletter-subscribe-box .acym_form > * {
	text-align: left;
}
.home .newsletter-subscribe-box .acym_form input:not(.checkbox) {
  border-bottom: 2px solid var(--weiss) !important;
}
.home .newsletter-subscribe-box.box-petrol .onefield .acym__field__error__block {
  background-color: var(--petrol);
}
/*------ Popup Datenschutz -------*/
.wf-mediabox-nav {
	display: none!important;
}
.wf-mediabox-container {
	border-radius: 0!important;
}
.wf-mediabox-content {
	padding-right: 2%!important;
}
.wf-mediabox-content-item {
	padding: 0!important;
}
.wf-mediabox-container .com-content-article__body {
	margin: 0;
}
/*.wf-mediabox-content-item div {
	text-align: left;
}*/
.wf-mediabox-content-item a, .wf-mediabox-content-item a:hover {
    color: inherit;
}
[class^="wf-mediabox"], .wf-mediabox-numbers * {
	font: var(--font-text)!important;
	color: var(--body-color)!important;
	text-align: left;
}
.wf-mediabox-close {
	background-image: url("../images/close.svg")!important;
	background-repeat: no-repeat!important;
	top: -45px!important;
	left: 100%!important;
}
.wf-mediabox-close::before {
	background-color: transparent!important;
	box-shadow: none!important;
}
.wf-mediabox-close svg, .wf-icon-zoom-link {
	display: none!important;
}
@media (min-width: 461px) and (max-width: 767px) {
	.wf-mediabox-close {
		background-size: 80%!important;
		top: -32px!important;
	}
}
@media (max-width: 460px) {
	.wf-mediabox-close {
		background-size: 70%!important;
		top: -25px!important;
	}
}

/*-----------------------------------------*/
/*--------------- Footer ------------------*/
/*-----------------------------------------*/
/**.footer {
	display: grid;
	grid-gap: 0;
}
.footer .grid-child {
	display: block;
}
@media (min-width: 1921px) {
	.footer {
		grid-template-columns: 1fr var(--grid-margin-1801) calc(1920px - 2 * (var(--grid-margin-1801))) var(--grid-margin-1801) 1fr ;
	}
	.footer .grid-child:first-child {
		grid-column-start: 3;
		grid-column-end: 3;
	}
}

@media (max-width: 1920px) {
	.footer .grid-child:first-child {
		grid-column-start: 2;
		grid-column-end: 3;
	}
}
.footer-top {
	background-color: var(--footer-top-bg-color);
	padding: 40px 0;
}
.footer-bottom {
	padding: 30px 0;
	background-color: var(--header-footer-bg-color);
}**/

/* BEGINN Version 1 */
@media (min-width: 768px) {
	.footer {
		margin-top: 120px;
	}
}
@media (max-width: 767px) {
	.footer {
		margin-top: 65px;
	}
}
.footer .grid-child {
/***  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem .5em;***/
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.footer-top {
	width: 100%;
	background-color: var(--footer-top-bg-color);
/*	padding: 40px 0;*/
}
.footer-top .mod-custom {
	height: 100%;
}
.footer-bottom {
	width: 100%;
	padding: 30px 0;
	background-color: var(--header-footer-bg-color);
}
@media (max-width: 1920px) {
.footer .row {
/**	max-width: calc(1920px - 2 * var(--grid-margin-1801));**/
/*	max-width: calc(1920px - 2 * var(--grid-margin));*/
	margin-left: var(--grid-margin); /*auto;*/
	margin-right: var(--grid-margin); /*auto;*/
	height: 100%;
}
}
@media (min-width: 1921px) {
	.footer .row {
		margin-left: calc((100% - 1920px + var(--grid-margin) + var(--grid-margin)) / 2);
		margin-right: calc((100% - 1920px + var(--grid-margin) + var(--grid-margin)) / 2);
		height: 100%;
	}
}
/* ENDE Version 1 */


.footer-top .row [class^="col-"], .footer-bottom .row [class^="col-"] {
	opacity: 0.5;
}
.footer a {
	text-decoration: none;
}
/*.footer a:hover {
	text-decoration: none;
	opacity: 1;
}*/
.footer-top .row [class^="col-"]:nth-child(2), .footer-bottom .row [class^="col-"]:nth-child(2) {
	text-align: right;
	margin-left: auto;
}
.footer .row > * {
	padding-left: 0;
	padding-right: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: auto;
}
.footer-top .row [class^="col-"] > *, .footer-bottom .row [class^="col-"] > * {
	width: auto;
}
.footer-bottom {
	height: 76px;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.footer2 {
	display: none;
}
/*Back top*/
@media (min-width: 992px) {
#back-top-wrapper {
  position: fixed;
/*  right: 30px!important;*/
    right: 0!important;
	z-index: 9998;
}
@media (min-width: 1401px) {
	#back-top-wrapper {
		width: 110px;
		height: 70px;
		bottom: 250px!important;
	}
}
@media (min-width: 1201px) and  (max-width: 1400px) {
	#back-top-wrapper {
		width: 90px;
		height: 70px;
		bottom: 250px!important;
	}
}
@media (min-width: 992px) and  (max-width: 1200px) {
	#back-top-wrapper {
		width: 70px;
		height: 70px; /*?*/
		bottom: 250px!important;
	}
}
/*@media (min-width: 768px) and (max-width: 991px) {
	#back-top-wrapper {
		width: 55px;
		height: 70px; 
		bottom: 250px!important;
	}
}
@media (max-width: 767px) {
	#back-top-wrapper {
		width: 55px;
		height: 70px; 
		bottom: 170px!important;
	}
}*/
.back-to-top-link {
	border: none!important;
	background-color: transparent!important;
	color: transparent!important;
}
.back-to-top-link.visible {
/*	background-color: var(--gruen);
	color: var(--weiss);*/
	position: initial;
/*	border: none;*/
	border-radius: 0;
/*	background-color: transparent;
	color: transparent;*/
	background-image: url("../images/top_01.svg");
	background-repeat: no-repeat;
background-size: 100% 70px;
background-position: 10px 0;	
display: inline-block;
width: 100%;
height: 100%;
}
.icon-arrow-up::before {
  content: "";
}
}
@media (max-width: 991px) {
	#back-top-wrapper {
		display: none;
	}
}

@media (min-width: 1801px) {
	.footer-top {
		font: normal normal normal 25px/35px var(--footer-font);
		letter-spacing: 0.38px;
		height: 170px;
	}
	.footer-bottom {
		font: normal normal normal 25px/31px var(--footer-font);
		letter-spacing: 0.38px;
	}
	.footer-top .mod-custom, .footer-bottom .mod-custom {
/*		margin-left: 188px;
		margin-right: 188px;*/
	}
/*	.footer-top .row .col-lg-4 {
		align-self: flex-end;
	}
	.footer-top .row .col-lg-4:nth-child(1) {
		width: 521px;
	}
	.footer-top .row .col-lg-4:nth-child(2) {
		width: 330px;
	}
	.footer-top .row .col-lg-4:nth-child(3) {
		width: calc(100% - 865px);
	}
	.footer-top .row .col-lg-4:nth-child(3) img {
		height: 97px;
		padding-left: 33px;
	}*/
	.footer-top .row [class^="col-"]:nth-child(2) img {
		height: 70px;
		width: 70px;
		margin-left: 23px;
	}
}
@media (min-width: 1401px) and  (max-width: 1800px)  {
	.footer-top {
		font: normal normal normal 22px/31px var(--footer-font);	
		letter-spacing: 0.33px;
		height: 170px;
	}
	.footer-bottom {
		font: normal normal normal 22px/31px var(--footer-font);
		letter-spacing: 0.33px;
	}
	.footer-top .mod-custom, .footer-bottom .mod-custom {
/*		margin-left: 140px;
		margin-right: 140px;*/
	}
/*	.footer-top .row .col-lg-4:nth-child(1) {
		flex-wrap: wrap;
		flex: 0 0 100%;
		align-self: flex-end;
	}
	.footer-top .row .col-lg-4:nth-child(2) {
		width: 50%;
	}
	.footer-top .row .col-lg-4:nth-child(3) {
		width: 50%;
	}
	.footer-top .row .col-lg-4:nth-child(3) img {
		height: 97px;
		padding-left: 33px;
	}	*/
	.footer-top .row [class^="col-"]:nth-child(2) img {
		height: 67px;
		width: 67px;
		margin-left: 21px;
	}
}
@media (min-width: 1201px) and  (max-width: 1400px) {
	.footer-top {
		font: normal normal normal 17px/24px var(--footer-font);	
		letter-spacing: 0.26px;
		height: 121px;
	}
	.footer-bottom {
		font: normal normal normal 17px/24px var(--footer-font);
		letter-spacing: 0.26px;
	}
	.footer-top .mod-custom, .footer-bottom .mod-custom {
/*		margin-left: 78px;
		margin-right: 78px;*/
	}
/*	.footer-top .row .col-lg-4:nth-child(1) {
		flex-wrap: wrap;
		flex: 0 0 100%;
		align-self: flex-end;
	}
	.footer-top .row .col-lg-4:nth-child(2) {
		width: 50%;
	}
	.footer-top .row .col-lg-4:nth-child(3) {
		width: 50%;
	}
	.footer-top .row .col-lg-4:nth-child(3) img {
		height: 69px;
		padding-left: 25px;
	}*/
	.footer-top .row [class^="col-"]:nth-child(2) img {
		height: 51px;
		width: 51px;
		margin-left: 18px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.footer .row > * {
/*		width: auto;*/
	}
	.footer-top {
		font: normal normal normal 17px/24px var(--footer-font);	
		letter-spacing: 0.26px;
		height: 121px;
	}
	.footer-bottom {
		font: normal normal normal 17px/24px var(--footer-font);
		letter-spacing: 0.26px;
	}
	.footer-top .row [class^="col-"]:nth-child(2) img {
		height: 51px;
		width: 51px;
		margin-left: 18px;
	}
}


@media (min-width: 992px) and  (max-width: 1200px) {
	.footer-top .mod-custom, .footer-bottom .mod-custom {
/*		margin-left: 58px;
		margin-right: 58px;*/
	}
}
@media (min-width: 768px) and  (max-width: 991px) {
/*	.footer-top {
		font: normal normal normal 17px/24px var(--footer-font);	
		letter-spacing: 0.26px;
		height: 135px;
	}
	.footer-bottom {
		font: normal normal normal 17px/24px var(--footer-font);
		letter-spacing: 0.26px;
	}
	.footer-top .row [class^="col-"], .footer-bottom .row [class^="col-"] {
		width: 100%;
	}
	.footer-top .row [class^="col-"]:nth-child(2), .footer-bottom .row [class^="col-"]:nth-child(2) {
		text-align: left;
	}*/
/*	.footer-top .row [class^="col-"]:nth-child(2) img {
		margin: 20px 23px 0 0;
	}*/
/*	.footer-top .row [class^="col-"]:nth-child(2) img {
		height: 51px;
		width: 51px;
		margin-left: 18px;
	}*/
}
@media (max-width: 768px) {
	.footer .row {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		margin: 0;
	}
	.footer-top {
		font: normal normal normal 17px/24px var(--footer-font);	
		letter-spacing: 0.26px;
		/*height: 232px;*/
	}
	.footer-bottom {
/*		height: 125px;*/
		height: 100%;
		text-align: center;
		padding: 0;
		font: normal normal normal 17px/24px var(--footer-font);
		letter-spacing: 0.26px;
		/*padding-bottom: 26px;*/
	}
	.footer .grid-child .mod-footer {
		margin: 0;
		padding-bottom: 18px;
	}	
	.footer-top .row [class^="col-"]:nth-child(1) {	
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.footer-top .row [class^="col-"]:nth-child(2) {	
		margin-top: 18px;
		margin-bottom: auto;
	}
	.footer-top .row [class^="col-"], .footer-bottom .row [class^="col-"] {
		width: auto;
		padding: 0 15px;
	}
	.footer-top .row [class^="col-"]:nth-child(2), .footer-bottom .row [class^="col-"]:nth-child(2) {
		text-align: left;
		margin-left: 0;
	}
	.footer-top .row [class^="col-"]:nth-child(2) {
		margin-left: -18px;
	}
	.footer-top .row [class^="col-"]:nth-child(2) img {
		height: 60px;
		width: 60px;
		margin-left: 18px;
	}
	.footer-top .row [class^="col-"]:nth-child(2) img:not(:first-child) {
/*		margin-left: 18px;*/
	}
	.footer-bottom .row [class^="col-"]:nth-child(2) {
		margin-top: 20px;
		margin-bottom: 8px;
		text-align: center;
	}
}
/*.footer-bottom a:hover {
	color: var(--gruen-hell)!important;
}*/

a, a:focus, a:focus-visible {
	outline: unset;
}


/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*------------- AB HIER AUCH FÜR EDITOR.CSS ---------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/

p {
	margin-bottom: 1rem;
}
strong {
	font-weight: 600;
}
.text-dunkel {
	color: var(--petrol-dunkel);
}

/*----- Schriften -----*/
h1 {
	font: var(--font-h1);
	color: var(--headings-color);
	margin-bottom: 65px;
	text-align: center;
}
@media (min-width: 1201px) {
	h1 {
		margin-bottom: 45px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	h1 {
		margin-bottom: 35px;
	}
}	
@media (max-width: 767px) {
	h1 {
		margin-bottom: 21px;
	}
}
h2, .claim-titel {
/*	font: normal normal normal 45px/55px var(--headings-font);*/
font: var(--font-h2);
 	color: var(--body-color);
	margin-bottom: 10px;
}
.claim-titel {
	text-align: center;
	hyphens: none;
}	
h3 {
/*	font: normal normal normal 32px/41px var(--headings-font);*/
font: var(--font-h3);
	color: var(--body-color);
	margin-bottom: 10px;
}
@media (min-width: 1201px) and  (max-width: 1400px) {
	h2, .claim-titel { 
		margin-bottom: 7px;
	}
	h3 {
		margin-bottom: 7px;
	}
}
@media (min-width: 992px) and  (max-width: 1200px) {
	h2, .claim-titel {
		margin-bottom: 6px;
	}
	h3 {
		margin-bottom: 6px;
	}
}
h4 {
/*	font: normal normal 600 28px/32px var(--body-font);*/
	font: var(--font-h4);
	color: var(--body-color);
}
h4 { /*-- aus override.css --*/
/*   font-size: calc(20px + (23 - 20) * ((100vw - 320px) / (1600 - 320)));*/
}
.claim {
	display: block;
	text-align: center;
	margin: 45px var(--claim-margin-left-right);
	font: var(--font-claim);
	color: var(--claim-color);
}
.claim-small {
	display: block;
	text-align: center;
	margin: 45px 10%;
	font: var(--font-claim-small);
	color: var(--claim-color);
}
.claim-lauftext {
	display: block;
	text-align: center;
	margin: 25px 10% 65px;
	font: var(--font-text);
}
@media (max-width: 767px) {
	.claim, .claim-klein {
		margin: 30px 0;
	}
}
.com-content-article__body > .claim:first-child {
	margin-top: 0;
}
[class*="box-"] [class*="claim"] {
	margin: 0;
}


/*.item-page a {*/
/*.com-content-article*/
.site-grid a {
	color: inherit;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-skip: spaces;
	text-decoration-color: inherit;
}
@media (min-width: 992px) {
	.site-grid a {
		text-underline-offset: -0.15em;
/*	 -webkittext-underline-offset: -0.15em;*/
	}
}
@media (max-width: 991px) {
	.site-grid a {
		text-underline-offset: -0.18em;
/*	 -webkittext-underline-offset: -0.15em;*/
	}
}
.cb_template a:not(.page-link) {
	color: inherit!important;
	text-decoration: underline!important;
}
.button-klein a, .button-gross a {
	text-decoration: none!important;
}
.site-grid a:not(.btn-primary):hover {
/*  color: var(--link-hover-color);*/
}
.site-grid .box-grau a:not[class*="button-"]:hover, .site-grid .box-gruen a:not[class*="button-"]:hover, .up-event-item a:hover {
/*  color: var(--link-hover-color-dark);*/
}
/*.site-grid .com-content-article a:not[class*="button-"]:not(.btn-primary) {	*/
.site-grid .com-content-article p a {
/*	background-image: url("../images/pfeil_r_gruen.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding: 0 0 0 40px;*/
}
/* no hover color */
/*.site-grid a:not(.page-link):hover, .footer a:hover,
a:not(.btn):focus, a:not(.btn):hover {*/
.site-grid a:not(.page-link):not(.btn):not(.slideplus-pager):hover, 
.footer a:hover, a:not(.btn):not(.slideplus-pager):focus {
	color: inherit!important;
}


#eb-event-page > .container > .row > div[class*="col-"]:first-child ul, .com-content-article ul:not(.pagination),
#eb-event-page > .container > .row > div[class*="col-"]:first-child ol, .com-content-article ol,
#eb-events .event-text ul, #eb-events .event-text ol {
	text-align: left;
	padding-left: 0;
}
#eb-event-page > .container > .row > div[class*="col-"]:first-child ul > li, 
.com-content-article ul > li:not(.form-login-options-forgot):not(.page-item), 
#eb-events .event-text ul > li {
	list-style-type: none;
	padding-left: var(--li-padding); /*25px;*/
}
#eb-event-page > .container > .row > div[class*="col-"]:first-child ul > li:before,
.com-content-article ul > li:not(.form-login-options-forgot):not(.page-item):before, 
#eb-events .event-text ul > li:before {
	content: '\2022';
	float: left;
	width: var(--li-padding); /*25px;*/
	margin-left: calc(var(--li-padding) * -1); /*-25px;*/
}
ol {
	list-style-position: inside;
}
ol > li {
	text-indent: -1.5em;
	margin-left: 1.5em;
}

/*.eb-taskbar ul li {
	list-style-type: disc;
	padding: inherit;
}
.eb-taskbar li:before {
	display: none;
}*/

/*----- Buttons & Links-----*/
a .link-mehr {
	background-image: url("../images/pfeil_r_gruen.svg");
	background-size: calc(var(--line-height) + 5px) calc(var(--line-height) + 5px);
	background-repeat: no-repeat;
	line-height: calc(var(--line-height) + 10px);
	padding: 0 0 9px calc(var(--line-height) + 15px);
}

a.email-link, .email-link a, a.phone-link, .phone-link a,
[class$="email"], [class$="email"] > a, [class$="phone"] {
	text-decoration: none!important;
}
a.phone-link, .phone-link a, [class$="phone"] {
	pointer-events: none;
	cursor: default;
}

[class*="button-"]:not(.event-show), .btn-primary, .btn-secondary:not(.event-detail-button), .btn.unsubbutton, .btn-info, #eb-registration-history-page .btn-danger, .btn-danger {
/*.event-register-buttons .btn-secondary, .view-userdetails .btn-secondary, .layout-edit .btn-secondary {*/
/*, [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {*/
	background: var(--button-bg)!important;
	color: var(--button-color)!important;
}
.box-petrol-dunkel:not(.linkedin-box) [class*="button-"]:not(.event-show), .box-petrol-dunkel .btn-primary, 
.hg-petrol-dunkel [class*="button-"]:not(.event-show), .hg-petrol-dunkel .btn-primary {
	background: var(--button-bg-hell)!important;
}
.event-upcoming-button .button-gross:hover {
	background: var(--grau)!important;
}
.button-klein, .btn-primary, .btn-secondary:not(.event-detail-button), .btn.unsubbutton, .btn-info, #eb-registration-history-page .btn-danger, .button-cancel, .btn-danger {
/*, .event-register-buttons .btn-secondary, .view-userdetails .btn-secondary, .layout-edit .btn-secondary {*/
/*, [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {*/
/*	height: 52px;*/
	border-radius: 26px!important;
	border: none!important;
	padding: 13px 26px 14px !important;
	font: var(--font-button-small)!important;
	letter-spacing: 0.25px!important;
	text-decoration: none !important;
	border-color: none;	
	-webkit-hyphens: none;
	-moz-hyphens: none;
    hyphens: none;
}
/*@media (min-width: 1201px) and (max-width: 1280px) {
	.button-klein {
		padding: 13px 21px 14px !important;
	}
}*/  
.last-event-button .button-klein:hover {
	background: var(--grau)!important;
}
.button-klein:hover, .button-klein:focus, a.button-klein:hover, .btn-primary:hover, .btn-primary:focus, 
.event-register-buttons .btn-secondary:hover, .view-userdetails .btn-secondary:hover {
	background: var(--button-hover-bg)!important;
	border: none;
	color: var(--button-hover-color);
}
.hg-petrol .button-klein:hover, .hg-petrol .button-klein:focus, .hg-petrol .btn-primary:hover, .hg-petrol .btn-primary:focus,
.box-petrol .button-klein:hover, .box-petrol .button-klein:focus, .box-petrol .btn-primary:hover, .box-petrol .btn-primary:focus,
.hg-gruen .button-gross:hover {
	background: var(--grau)!important;
}
.btn:active {
	border: none!important;
}
.button-gross {
	display: inline-block;
/*	height: 78px;*/
	border-radius: 39px;
/*	outline: 3px solid #FFFFFF;*/
	padding: 21px 39px!important;
	font: var(--font-button-big);
	text-decoration: none !important;
	-webkit-hyphens: none;
	-moz-hyphens: none;
    hyphens: none;
}
@media (max-width: 991px) {
	.button-gross {
/*		padding: 21px 55px !important;*/
		white-space: pre;
	}
}
hr {
	border-top: 7px solid var(--petrol-dunkel)!important;
	margin: 39px 0;
	opacity: 1;
}
@media (min-width: 1201px) and  (max-width: 1580px) {
	hr {
		border-top: 5px solid var(--petrol-dunkel) !important;
	}
}
@media (max-width: 1200px) {
	hr {
		border-top: 4px solid var(--petrol-dunkel) !important;
	}
}

/*----- background colors -----*/
/*--- für Absätze ---*/
span[class*="hg-"] {
	display: block;
	width: 100%;
	height: 100%;
}
p > span[class*="hg-"], div > span[class*="hg-"] {
	padding: 15px;
}
.hg-petrol {
	background-color: var(--petrol);
	color: var(--weiss);
}
.hg-petrol h2, .hg-petrol h3 {
	color: var(--weiss);
}
.hg-petrol-dunkel {
	background-color: var(--petrol-dunkel);
	color: var(--weiss);
}
.hg-petrol-dunkel h2, .hg-petrol-dunkel h3 {
	color: var(--weiss);
}
.hg-grau {
	background-color: var(--grau);
	color: var(--grau-dunkel);
}
.hg-gruen {
	background-color: var(--gruen);
	color: var(--grau-dunkel);
}

/*--- tinymce editor window ---*/
.tox .tox-collection--list .tox-collection__item {
  padding: 7px!important;
}
.tox-menu h1 {
	line-height: 70px!important;
}
.tox-menu h1 {
	line-height: 55px!important;
}
div[title="button-klein"] {
/*	height: 30px!important;*/
	color: #fff!important;
}
div[title="button-gross"] {
/*	height: 40px!important;*/
	color: #fff!important;
}
div[title="hg-petrol-dunkel"] {
	color: #fff!important;
}
div[title="box-petrol-dunkel"] {
	color: #fff!important;
}

.tox .tox-form__group:nth-of-child(4) {
	display: none!important;
}


/*--------- tinymce templates ---------*/
/*.row, .spalten-2, .spalten-3 {
	margin: 20px 0;
}*/
.spalten-2 > *, .spalten-3 > * {
	padding: 0;
}
/*.row.spalten-2 > *, .row.spalten-3 > * {
	padding: 0;
}
.row.spalten-2 div, .row.spalten-3 div {
	height: 100%;
}*/
div[class*="spalten-"] > div > div:first-child > span {
	padding-top: 40px;
}
div[class*="spalten-"] > div > div:last-child > span {
	padding-bottom: 30px;
}
div[class*="bannerblock"] > div:last-child {
	padding: 0;
	display: grid;
/*	place-content: center;*/
}

div[class*="bannerblock"] img {
	max-width: 100%;
}
@media (min-width: 992px) {
	div[class*="bannerblock"]:not(.member-news-box-public) > div:first-child {
		padding: 65px;
	}
	div[class*="bannerblock"] > div:last-child img {
		justify-self: end;
	}
	div[class*="bannerblock"] span[class*="button-"] {
		margin: auto;
	}
}
@media (max-width: 991px) {
	div[class*="bannerblock"] > div:first-child {
		padding: 35px;
	}
	div[class*="bannerblock"] > div:last-child img {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	div[class*="bannerblock"] span[class*="button-"] {
		margin: 0 auto 30px;
	}
}
@media (max-width: 767px) {
}

div.block-volle-breite {
	
}

div[class*="box-"]:not(.sigplus-gallery):not([class*="member-news"]):not([class^="box-mitglieder-"]) {
/*	padding: 30px;*/
	height: 100%;
    padding-top: 4%;
    padding-right: 4%;
    padding-left: 4%;
    padding-bottom: 4%;
}
div[class*="box-"]:not(.sigplus-gallery):not([class*="member-news"]):not([class^="box-mitglieder-"]):not(.newsletter-subscribe-box):not([class^="wf-mediabox"]) {
	text-align: center;
}
.box-gruen {
	background-color: var(--gruen);
}
.box-petrol {
	background-color: var(--petrol);
	color: var(--weiss);
}
.box-petrol h2, .box-petrol h3, .box-petrol .claim, .box-petrol .claim-small {
	color: var(--weiss);
}
.box-petrol-dunkel {
	background-color: var(--petrol-dunkel);
	color: var(--weiss);
}
.box-petrol-dunkel h2, .box-petrol-dunkel h3 {
	color: var(--weiss);
}
.box-petrol-verlauf {
	background-image: url("../images/hg-box-petrol-verlauf.svg");
	background-repeat: no-repeat;
	/*background-size: 100% 100%;*/
	background-position: 0 0;
	color: var(--weiss);
	margin: 35px 0;
}
.box-petrol-verlauf > * {
	color: var(--weiss)!important;
}
.box-grau {
	background-color: var(--grau);
}
.box-centered {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 611px) and (max-width: 767px) {
	.box-centered {
		padding-bottom: 5%!important;
	}
}
@media (min-width: 501px) and (max-width: 610px) {
	.box-centered {
		padding-bottom: 6%!important;
	}
}
@media (max-width: 500px) {
	.box-centered {
		padding-bottom: 7%!important;
	}
}
@media (min-width: 992px) {
	.bannerblock.member-news-box-public div[class*="col"]:nth-of-type(1) {
		padding: var(--box-padding-top) var(--box-padding-left-right) var(--box-padding-bottom) var(--box-padding-left-right);
	}
	.bannerblock.member-news-box-public div[class*="col"]:nth-of-type(2) {
		padding: var(--box-padding-top) var(--box-padding-left-right) var(--box-padding-bottom) 0;
	}
}
@media (max-width: 991px) {
	.bannerblock.member-news-box-public div[class*="col"]:nth-of-type(1) {
		padding: var(--box-padding-top) var(--box-padding-left-right) 0;
	}
	.bannerblock.member-news-box-public div[class*="col"]:nth-of-type(2) {
		padding: 0 var(--box-padding-left-right) var(--box-padding-bottom);
	}
}
.linkedin-box {
	padding: var(--box-padding-top) var(--box-padding-left-right) var(--box-padding-bottom) !important;
}
.linkedin-box .col:nth-of-type(1) {
	text-align: left!important;
}
.linkedin-box .col:nth-of-type(2) {
	text-align: center;
}
@media (min-width: 768px) {
	.linkedin-box {
		display: grid!important;
	}
	.linkedin-box .col:nth-of-type(1) {
		/**display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto auto 1fr auto;**/
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	.linkedin-button {
		margin-top: auto;
	}
	.linkedin-box .col:nth-of-type(2) {
		display: flex;
		padding-bottom: calc(var(--line-height) + 1rem); /* height of title */
		padding-bottom: calc(50px + 25px); /* height of button + margin */
	}
	.linkedin-box img {
		padding-right: 13%;
		margin-left: auto;
		margin-top: auto;
		margin-bottom: auto;
		width: 70%;   
		max-width: 430px;
	}
}
@media (min-width: 1681px) {
	.linkedin-box img {
		/*padding: 0 8% 0 45%;*/
	}
}
@media (max-width: 767px) {
	.linkedin-box {
		/*display: flex!important;
		flex-direction: column-reverse;*/
		display: grid!important;
		grid-template-columns: 100% !important;
	}
	.linkedin-box .col:nth-of-type(1) {
		order: 2;
		margin-bottom: 10px;
	}
	.linkedin-box .col:nth-of-type(2) {
		order: 1;
	}
	.linkedin-box img {
		max-width: 210px;
		text-align: center;
	}
}
.linkedin-button {
	padding: 25px 0 15px;
}
.linkedin-button .button-klein {
	background-color: var(--weiss)!important;
	color: var(--petrol-dunkel)!important;
}

/*------------------------------------------------------------------------*/
/* ----------------- Text in 2 Spalten fix | Mobile 1 Spalte -------------*/
/*------------------------------------------------------------------------*/
.text-2-spalten {
	width: 100%;
}
@media all and (min-width: 1401px) {
	.text-2-spalten {
		column-count: 2;
		column-gap: 50px;
/*		column-rule: 2px solid #CFD1D3;*/
/*		margin: 55px 0;*/
	}
}
@media all and (min-width: 992px) and (max-width: 1400px) {
	.text-2-spalten {
		column-count: 2;
		column-gap: 50px;
/*		column-rule: 2px solid #CFD1D3;*/
/*		margin: 45px 0;*/
		}
}
@media all and (max-width: 991px) {
	.text-2-spalten {
/*		margin: 0.7vw 0 3.9vw;*/
	}
}


/*------------------------------------------------------------------------*/
/* ----------------- 2 / 3 Spalten -------------*/
/*------------------------------------------------------------------------*/

/*-----------------------------------------*/
/*--- tinymce templates (nur user.css) ????? LÖSCHEN ?????? ----*/
/*-----------------------------------------*/
/*.row.spalten-2 {
	gap: var(--2-col-gap);
}*/
/*.row.spalten-3 {
	gap: var(--3-col-gap);
}*/
/*--- TEST Grid ---*/
/*.row.spalten-2 .col-lg-6 {
  width: calc(50% - (var(--2-col-gap) / 2));
}*/
.spalten-2 {
/*	width: calc(50% - (var(--2-col-gap) / 2));*/
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: var(--2-row-gap);
	grid-column-gap: var(--2-col-gap);
	width: 100%;
	padding: 0;
	margin: 35px 0;
}
.members-area .spalten-2 {
  grid-column-gap: calc(var(--2-col-gap) + 10px);
}
.spalten-3 {
/*	width: calc(50% - (var(--3-col-gap) / 2));*/
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: var(--3-row-gap);
	grid-column-gap: var(--3-col-gap);
	width: 100%;
	padding: 0;
}
.spalten-2-buttons {
	display: grid;
	grid-template-columns: 1fr auto auto 1fr;
	grid-row-gap: 35px;
	grid-column-gap: 15px;
	width: 100%;
	padding: 30px 0;
}
.spalten-2-buttons > .col:nth-of-type(1) {
	grid-column-start: 2;
	grid-column-end: 3;
}
.spalten-2-buttons > .col:nth-of-type(2) {
	grid-column-start: 3;
	grid-column-end: 4;
}

/*@media (min-width: 992px) and (max-width: 1200px) {*/
@media (min-width: 768px) and (max-width: 991px) {
	.spalten-3 {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: var(--2-row-gap);
		grid-column-gap: var(--2-col-gap);
	}	
}
/*@media (max-width: 991px) {*/
@media (max-width: 767px) {
/*	body:not(.members-area) .spalten-2, .spalten-3 {*/
	.spalten-2, .spalten-3 {
		display: block;
	}
/*	body:not(.members-area) .spalten-2 > .col, .spalten-3 > .col {*/
	.spalten-2 > .col, .spalten-3 > .col {
		margin-bottom: 20px;
	}
	.spalten-2-buttons {
		/*grid-template-columns: 100%;*/
		display: block;
	}
	.spalten-2-buttons .col {
		min-height: 55px;
		text-align: center;
	}
	.spalten-2-buttons .button-gross {
		margin-bottom: 15px;
	}
	
}

/*@media (max-width: 767px) {
	.members-area .spalten-2 {
		display: block;
	}
	.members-area .spalten-2 > .col {
		margin-bottom: 20px;
	}
}*/
@media (max-width: 576px) {
/*	.spalten-2-buttons {
		display: block;
	}
	.spalten-2-buttons .col {
		min-height: 55px;
		text-align: center;
	}*/
}


/*.row.spalten-3 .col-lg-4 {
  width: calc(33.33333333% - (var(--3-col-gap) * 2 / 3));
}*/
/*.bannerblock > div:first-child {
	background-color: #C9DCE2;
}*/
@media (min-width: 1921px) {
	div.block-volle-breite {
		/*margin: 30px calc(((100vw - 1920px) / 2) * -1)!important;*/
		/*calc((50vw - 960px) * -1)*/
		margin-left: var(--margin-left-oversize);
		width: 100vw;
	}
}
@media (min-width: 768px) and (max-width: 1920px) {
	div.block-volle-breite {
		margin: 30px calc(var(--grid-margin) * -1)!important;
	}
}

@media (max-width: 767px) {
	div.block-volle-breite {  /* correction error in calculation % */
		margin: 30px calc(var(--grid-margin) * -1 - 5px) !important;
		width: 100vw;
	}
}
/*----------------------------------------------*/
/*--------------- TinyMCE Editor   -------------*/
/*----------------------------------------------*/
.tox .tox-collection__item h1 {
	font: var(--font-h1)!important;
}
.tox .tox-collection__item h2 {
	font: var(--font-h2)!important;
}
.tox .tox-collection__item h3 {
	font: var(--font-h3)!important;
}
/*.tox .tox-collection__item h4 {
	font: var(--font-h4)!important;
}
.tox .tox-collection__item h5 {
	font: var(--font-h5)!important;
}*/
.tox .tox-collection__item p {
	font: var(--font-text);
}
.tox .tox-collection__item[title="Kopfzeile 4"], .tox .tox-collection__item[title="Kopfzeile 5"], .tox .tox-collection__item[title="Kopfzeile 6"],
.tox .tox-collection__item[title="Titel 4"], .tox .tox-collection__item[title="Titel 5"], .tox .tox-collection__item[title="Titel 6"],
.tox .tox-collection__item pre {
	display: none;
}
.tox .tox-collection__item[title="Beitrag"], .tox .tox-collection__item[title="Felder"], 
.tox .tox-collection__item[title="Kontakt"], .tox .tox-collection__item[title="Menü"], 
.tox .tox-collection__item[title="Module"], .tox .tox-collection__item[title="Seitenumbruch"],
.tox .tox-collection__item[title="Weiterlesen"], .tox .tox-collection__item[title="sigplus"]
{
	display: none;
}

/*--------------- CB Testsystem   -------------*/
.cb_template.cbPoweredBy {
/*	margin-bottom: -50px;*/
	background-color: var(--weiss)!important;
}
.cb_template.cbPoweredBy > * {
	margin: 0!important;
	font-size: 5px !important;
}
.cb_template.cbPoweredBy a, .cb_template.cbPoweredBy a:hover {
	color: var(--weiss)!important;
	/*font: var(font-text-x-small)!important;*/
}

/*TEST*/
#mod-custom162, #mod-custom162 p {
	margin: 0;
	line-height: 1;
}