/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.7.1.1687096100
Updated: 2023-06-18 13:48:20

*/

body {

}
.clear {
  clear: both;
}
.abschluss_wrapper {
  padding-top:50px;
}
.absolventen_wrapper {
  margin-bottom: 50px;
}
.schueler_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: #fff;
  gap: 20px;
}
.schueler_item {
  align-self: stretch;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  max-width:calc(20% - 20px);
  flex: 0 0 calc(20% - 20px);
}
.schueler_link {
  float:left;
  margin-right: 10px;
}
.schueler_name {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
}
.schuler_abschluss {
  font-size:11px;
  font-style: italic;
  color:#555;
}
.user_container {
  max-width:1060px;
  margin: 100px auto;
}

.schueler_page_cv {
  font-weight: 600;
}
.schueler_page_cv i {
  font-size: 24px;
  font-weight: 600;
  margin-right: 10px;
}
.schueler_details_wrapper {

}
.schueler_details_item {
  padding: 7px 0;
  border-bottom: 1px solid #ededed;
  color: var(--e-global-color-text );
  font-family: var(--e-global-typography-text-font-family ), Sans-serif;
  font-weight: var(--e-global-typography-text-font-weight );
  min-height: 39px;
}
.schueler_details_item_left {
  width:230px;
  float:left;
  font-weight: 500;
  margin-right: 20px;
}
.schueler_details_item_right {
  width: calc(100% - 250px);
  float:left;
}



.presse_socialmedia_icons_wrapper {
  display: flex;
}
.presse_socialmedia_icons_item {
  margin-right: 20px;
  margin-bottom: 20px;
}
.presse_socialmedia_icons_item i {
  font-size:40px;
  color: var(--e-global-color-primary );
}
.presse_socialmedia_icons_item a i:hover {
  color: var(--e-global-color-575606e );
}

.dipl_year_wrapper,
.current_year_wrapper {
  margin-bottom: 50px;
}
.dipl_year_wrapper h2,
h2.current_year_wrapper_title {
  display: block;
  background-color: var(--e-global-color-primary );
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  color:#fff;
  font-size: 24px;
  line-height: 26px;
  font-weight:600;
  padding: 10px;
}

.dipl_item {
  margin-bottom: 10px;
}
.dipl_item a {
  color: var(--e-global-color-secondary);
}
.dipl_item a:hover {
  color: #000;
}
.dipl_item i {
  color: var(--e-global-color-primary);
  padding: 0 10px;
}
.dipl_item_icon,
.dipl_item_text {
  float:left;
}
.dipl_item_icon {
  width:40px;
}
.dipl_item_text {
  width:calc(100% - 40px);
}


.current_year_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: #fff;
  gap: 20px;
}

.current_year_item {
  background-color: var(--e-global-color-e31214f);
  flex: 0 0 calc(33.333% - 20px);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  text-align: center;
}






.current_year_item:hover {
  background-color: #F0F0F0;
}
.current_year_item a {
  color: var(--e-global-color-secondary);
  display: block;
  padding: 20px;
}
.current_year_item i {
  color: var(--e-global-color-primary);
  font-size:36px;
  margin: 10px;
}
.current_year_item_title {
  color: var(--e-global-color-primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 10px;
}
.current_year_item_divider {
  height: 1px;
  max-width: 70%;
  border-bottom: 1px solid #9E9E9E;
  margin:10px auto;
}


.team_url_wrapper {
  padding-left: 10px;
}
.team_url_wrapper i {
  padding-right: 10px;
  color: var(--e-global-color-primary);
}
.team_url_wrapper a {
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
  line-height: var(--e-global-typography-text-line-height);
}
.team_url_wrapper a:hover {
  color: var(--e-global-color-primary);
}
.anmeldungen_wrapper h2 {
  margin-top: 30px;
}
.anmeldung_item {
  margin-bottom: 15px;
}
.anmeldungen_title {
  font-weight: 700;
  width:100%;
  display: block;
  background-color: #eee;
  color:#333;
  padding: 10px;
  cursor: pointer;
}
.anmeldungen_title:hover {
  background-color: #ccc;
}
.anmeldungen_content {
  padding-top: 30px;
  display: none; /* Standardmäßig versteckt */
  overflow: hidden;
  border: 1px solid #eee;
}
.ac_line {
  display: block;
  width:100%;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.ac_line_key {
  float:left;
  width:22%;
  font-weight: 600;
}
.ac_line_value {
  float:left;
}
/*
.page-id-7602 .category-blog.category-orientierung-ratgeber {
  border:3px solid #a2a2a2;
}
.page-id-7602 .category-blog.category-ausbildung-handwerk {
  border:3px solid var(--e-global-color-primary);
}
.page-id-7602 .category-blog.category-beruf-karriere {
  border:3px solid #000;
}
*/
.e-filter-item::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width:12px;
  height:12px;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 3px;
}
button[data-filter="ausbildung-handwerk"]::before {
  background-color: #89998C;
}
button[data-filter="orientierung-ratgeber"]::before {
  background-color: #707B96;
}
button[data-filter="beruf-karriere"]::before {
  background-color: #917596;
}
.elementor-widget-text-editor ul {
  margin-bottom: 12px;
}


@media (max-width: 1160px) {
  .schueler_item {
      flex: calc(25% - 20px);
      max-width:calc(25% - 20px);
  }
}

@media (max-width: 768px) {
  .schueler_item {
      flex: calc(50% - 20px);
      max-width:calc(50% - 20px);
  }
  .current_year_item {
    flex: 0 0 100%;
  }
}

@media (max-width: 360px) {
  .schueler_details_item_left,
  .schueler_details_item_right  {
    width:100%;
  }
}


/* SEO MENU */
.menu-seo-seitenleiste-container{
	position: fixed !important;
	right: 0 !important;
	top: 25% !important;
	width: 200px !important;
	z-index: 9999999999999999;
}

*[id^="menu-seo-seitenleiste"]{
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

*[id^="menu-seo-seitenleiste"] > li{
	height: 44px !important;
	background-color: #F9B900 !important;
	margin: 0px 0px 2px 0px !important;
	list-style: none !important;
}

*[id^="menu-seo-seitenleiste"] > li:last-child{
	margin-bottom: 0px !important;
}

*[id^="menu-seo-seitenleiste"] > li > a{
	width: 100% !important;
	height: 100% !important;
	float: left !important;
	color: #FFFFFF !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	box-sizing: border-box!important;
	padding: 9px 0px 9px 18px !important;
	font-size: 12px !important;
	line-height: 0 !important;
}

*[id^="menu-seo-seitenleiste"] > li > a:hover{
	color: #000000 !important;
}

@media only screen and (max-width: 1200px){
	.menu-seo-seitenleiste-container{
		display: none;
	}
}

/* SEO PAGES */
.seo-ueberschrift {
	text-align:center;
	margin-bottom: 100px;
}
.seo-wrapper,
.seo-row{
	width: 100%;
}

.seo-wrapper{
	max-width: 1300px;
	margin: auto;
}

.seo-row{
	display: flex;
	margin-bottom: 80px;
}

.seo-row:last-child{
	margin-bottom: 0px;
}

.seo-column{
	width: 50%;
	max-height: 100%;
	float: left;
	flex: 1;
	position: relative;
}

.seo-image-inner-left{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80%;
    position: absolute;
	right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.seo-image-inner-right{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80%;
    position: absolute;
	left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.seo-text{
	background-color: #F9B900;
}

.seo-text-inner,
.seo-text-inner > p,
.seo-text-inner > h3{
	color: #FFFFFF !important;
}

.seo-text-inner,
.seo-text-inner > p{
	font-size: 16px !important;
	line-height: 24px !important;
}

.seo-text-inner > h3{
	font-size: 26px !important;
	line-height: 30px !important;
	margin: 0px 0px 14px 0px !important;
}

.seo-text-inner{
	padding: 60px;
	box-sizing: border-box;
}
.seo-text-inner a{
	color: #000000;
}
.seo-text-inner a:hover{
	text-decoration: underline;
}

@media only screen and (max-width: 1200px){
	.seo-row{
		flex-direction: column;
		margin-bottom: 40px;
	}

	.seo-column{
		width: 100%;
		min-height: 400px;
		flex: 0 0 100%;
	}

	.seo-row:nth-child(odd) > .seo-column:first-child{
		order: 2;
	}

	.seo-row:nth-child(odd) > .seo-column:last-child{
		order: 1;
	}

	.seo-text-inner{
		padding: 32px;
	}

	.seo-image-inner-left{
		height: 100%;
	}

	.seo-text-inner > h3{
		font-size: 24px !important;
	}

	.seo-text-inner,
	.seo-text-inner > p{
		font-size: 14px !important;
		line-height: 20px !important;
	}
}