/*
 Theme Name:   saxonia 2026
 Description:  saxonia 2026 Theme
 Author:       WSB Werbeagentur
 Author URI:   https://wsb-werbeagentur.de/
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  saxonia-2026
*/
/* Resets */
p {
	margin-block-end: 0;
}
.elementor-icon-wrapper {
	line-height: 0;
}
.elementor-18 .elementor-element.elementor-element-84bc20e .elementor-wrapper {
  --video-aspect-ratio: 0;
}
/* Resets End */

/*--- Allgemein ---*/
/* Überschriften bei Bedarf umbrechen */
h1,h2,h3,h4,h5,h6 {
	overflow-wrap: break-word;
}
/* H1 fett */
h1 span {
	font-weight: 700;
}
.type-post .elementor-heading-title {
	color: inherit;
}
/* Überschriften Mobil */
@media (max-width: 767px) {
	.elementor-heading-title,
	.e-n-accordion-item-title-text {
		hyphens: auto;
	}
}

/*Zähler*/
.elementor-counter-title {
  margin-left: 1rem !important;
}
.elementor-counter .elementor-counter-number-wrapper {
	flex: 0;
}
/* Schrägstrich vor einigen Überschriften */
.yellow-slash .elementor-heading-title,
.yellow-slash .e-n-accordion-item-title-text {
	position: relative;
}
.yellow-slash .elementor-heading-title::before,
.yellow-slash .e-n-accordion-item-title-text:before {
	content: '';
	position: absolute;
	background: url('/wp-content/uploads/2026/09/slash-gelb.svg') no-repeat;
	background-size: cover;
	width: 0.82em;
	height: 0.71em;
	left: -1.06em;
	top: 0.24em;
}
.yellow-slash .e-n-accordion-item-title-text:before {
	top: 0.44em;
}
.yellow-slash.recycling .elementor-heading-title::before,
.yellow-slash.recycling .e-n-accordion-item-title-text:before  {
	background-image: url('/wp-content/uploads/2026/09/slash-recycling.svg');
}
.yellow-slash.halbzeuge .elementor-heading-title::before,
.yellow-slash.halbzeuge .e-n-accordion-item-title-text:before  {
	background-image: url('/wp-content/uploads/2026/09/slash-halbzeuge.svg');
}
.yellow-slash.geraete .elementor-heading-title::before,
.yellow-slash.geraete .e-n-accordion-item-title-text:before  {
	background-image: url('/wp-content/uploads/2026/09/slash-geraete.svg');
}
.yellow-slash.chemikalien .elementor-heading-title::before,
.yellow-slash.chemikalien .e-n-accordion-item-title-text:before  {
	background-image: url('/wp-content/uploads/2026/09/slash-chemikalien.svg');
}
.yellow-slash.kontaktteile .elementor-heading-title::before,
.yellow-slash.kontaktteile .e-n-accordion-item-title-text:before  {
	background-image: url('/wp-content/uploads/2026/09/slash-kontaktteile.svg');
}
.yellow-slash.edelmetallhandel .elementor-heading-title::before,
.yellow-slash.edelmetallhandel .e-n-accordion-item-title-text:before  {
	background-image: url('/wp-content/uploads/2026/09/slash-edelmetallhandel.svg');
}
.yellow-slash.inset .elementor-heading-title,
.yellow-slash .e-n-accordion-item-title-text {
	margin-left: 1.06em;
}
@media (980px > width > 767px) {
	.yellow-slash .elementor-heading-title::before {
		top: 0.5em;
	}
}

.zaehler-text {
	font-size: 1.5rem;
	font-weight: 700;
}
/*--- Gradients ---*/
.gradient-bg {
	background: linear-gradient(45deg, #C8C8C8 0%, #fafafa 25%, #C8C8C8 50%, #fafafa 75%, #C8C8C8 100%);
}
.gradient-text {
	background: -webkit-linear-gradient(45deg, #5B67706B 0%, #5B6770 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient-news {
	background: linear-gradient(45deg, #C8C8C8 0%, #fafafa 50%, #C8C8C8 100%);
}
.gradient-asp {
	background: linear-gradient(90deg, #e3e3e3 0%, #fafafa 50%, #e3e3e3 100%);
}

html {
	--paraHeight: 71px;
}
/*--- Header ---*/
.wpml-ls-legacy-list-horizontal li:first-child {
	border-right: 1px solid #000;
}
.elementor-nav-menu li.wpml-ls-menu-item {
	@media ( width > 767px ) {
		display: none;
	}
}
.elementor-menu-toggle svg,
.elementor-menu-toggle .e-font-icon-svg {
  width: 0.75em;
}

/*--- Header Ende ---*/

.parallelogram::before {
  content: "";
  width: 2.5rem;
	width: var(--paraHeight);
  height: 100%;
  background: red;
  position: absolute;
  left: -1.25rem;
	left: calc( var(--paraHeight) * -1);
  top: 0;
  	/*transform: skewX(-20deg);*/
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
.parallelogram::after {
  content: "";
  width: 2.5rem;
	width: var(--paraHeight);
  height: 100%;
  background: red;
  position: absolute;
  right: -1.25rem;
	right: calc( var(--paraHeight) * -1);
  top: 0;
  	/*transform: skewX(-20deg);*/
	clip-path: polygon(100% 0, 0 100%, 0 0);
}
/*--- Karte/Map ---*/
.standorte {
	width: fit-content;
	span {
		color: #B7BFBF;
	}
	p {
		margin-bottom: .2rem;
	}
	a {
		color: #526673 !important;
		font-weight: 600 !important;
		text-decoration: underline;
		&:hover {
			color: #C99435 !important;
		}
	}
}
.map-flagge::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 16px;
	height: 34px;
	border: 2px solid #526673;
	transform: rotate(45deg);
}
.map-flagge.unten::before {
	left: 22px;
	top: -20px;
}
.map-mobile {
	display: none;
	}
@media (width < 1230px) {
	.map-desktop {
		display: none;
	}
	.map-mobile {
		display: block;
	}
}
/*----- Header NEU -----*/
#search-background-blur {
	display: none;
	backdrop-filter: blur(10px);
	background-color: #0000004D;
}
#saxonia-header {
	anchor-name: --header;
}
#searchform-wrapper,
#nav-header {
	display: none;
	position: fixed;
	top: 6rem;
	/*position-anchor: --header;
    position-area: bottom;*/
	@media (min-width: 1280px) {
		width: 1280px;
	}
	@media (max-width: 1279px) {
		width: calc(100% - 1rem );
	}
}
#nav-header {
	.elementor-widget-container {
		z-index: 10;
		width: 100%;
	}
	ul {
		padding-bottom: 2rem;
	}
	li {
		border-bottom: solid 1px #D3D3D3;
		&:hover {
			background: #E4E4E4;
		}
	}
	a {
		width: fit-content
	}
	a:hover {
		text-decoration: underline;
		&:after {
			content:'\276F';
			display: inline-block;
			padding-right: 10px;
			top: 12px;
			left: 100%;
		}
	}
}
.show {
	display: flex !important;
}
.suchformular {
	width: 100% !important;
}
#search-92743f3 {
	padding: 0 .5rem;
	min-height: 2rem;
}
#search-trigger,
.hamburg,
#close {
	cursor: pointer;
}
.sprachschalter p{
	margin-block-end: 0;
}
#mobile-menu2 a {
	line-height: 1.2;
}
/*SUCHE*/
input#search-trigger {
	display: none;
}

.search-icon {
	cursor: pointer;
	display: block;
   	position: relative; 
	background: #fff; 
	width: 30px; 
	height: 30px; 
   	margin-left: auto; 
  	margin-right: auto;
	.circle {
		display: inline-block;
		position: relative;
		height: 15px;
		width: 15px;
		box-sizing: border-box;
		/*margin: 0px 8px 7px 0px;
		padding: 7px 9px 0px 9px;*/
		border: 2px solid #5b6770;
		border-radius: 25px;
		transition: 0.5s; 
	}
	.mag-line {
		content: "";
		position: absolute;
		width: 2px;
		height: 13px;
		right: 13px;
		top: 10px;
		background: #5b6770;
		border-radius: 3px;
		transition: 0.5s; 
		transform: rotate(-45deg);
	}
}
#search-trigger:checked + .search-icon .mag-line {
   /*transform: translateY(10px) rotate(-45deg);*/
	height: 30px;
	transform: translateY(-10px) rotate(-45deg);
}
#search-trigger:checked + .search-icon .circle{
	border: none;
	margin: 0;
	padding: 0;
	content: "";
	width: 2px;
	background: #5b6770;
	transform: translateX(15px) rotate(45deg);
	height: 30px;
}
.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal {
  display: none;
}
a[title="Switch to DE"] .wpml-ls-flag {
  max-width: 16px;
}

/*Menü*/

/* Burgermenu */
button:has(.hamburg) {
	border: none;
	background: none;
	&:hover,
	&:active,
	&:focus {
		border: none;
	}
}
label.hamburg { 
   display: block;
   position: relative; 
	background: #fff; 
	width: 40px; 
	height: 40px; 
   margin-left: auto; 
  margin-right: auto;
}

.menu-toggle {
    display: none;
}

.line { 
   position: absolute; 
   left:10px;
   height: 4px; width: 35px; 
   background: #363636; 
   border-radius: 2px;
   display: block; 
   transition: 0.4s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 10px; }
.line:nth-child(2) { top: 20px; }
.line:nth-child(3) { top: 30px; }

body:has(:popover-open) .row .line {
	&:nth-child(1) {
		transform: translateY(10px) rotate(-45deg);
	}
	&:nth-child(2) {
   		opacity:0;
	}

	&:nth-child(3) {
		transform: translateY(-10px) rotate(45deg);
	}
}

.row,
.row label,
.row:hover,
.row:active,
.row:focus {
	background: #fff;
	border: none;
	cursor: pointer;
}


#mobile-menu {
	border: none;
  position: fixed;
	opacity: 1;
    position-anchor: --menu-button;
    position-area: bottom;
	transition: opacity 0.4s ease;
	@media ( width > 1750px ) {
		transform: translate(140%, 0);
	}
	@media ( 1749px > width > 1551px ) {
		transform: translate(140%, 0);
	}
	@media ( 1550px > width > 1081px ) {
		transform: translate(140%, 0);
	}
	@media ( 1080px > width > 767px ) {
		transform: translate(100%, 0);
	}
	@starting-style {
		opacity: 0 !important;
	}
}
.elementor-element.elementor-element-bd255dc.elementor-widget__width-inherit.elementor-absolute.elementor-nav-menu__text-align-aside.elementor-nav-menu--toggle.elementor-nav-menu--burger.elementor-widget.elementor-widget-nav-menu {
	align-items: center;
}
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	width: 25rem;
	a {
		line-height: 1.2 !important;
	}
}
.elementor .elementor-background-video-hosted
 {
    object-fit: contain;
}

/*--- Jobdetailseite ---*/
.voraussetzungen p:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #B0B5C0;
	position: relative;
	top: 20px;
	left: -1rem;
}

/*--- Flipkarten ---*/
.flip-card {
    perspective: 1000px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    height: auto !important;
    min-height: 0;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
}
.flip-card  > :first-child,
.flip-card > :nth-child(2) {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    position: relative;
    backface-visibility: hidden;
    background: inherit;
}
.flip-card  > :first-child::after,
.flip-card  > :nth-child(2)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -47px; /* Trennlinie vermeiden */
    width: 100%;
    height: 48px;
    background: inherit;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.flip-card > :nth-child(2) {
    transform: rotateY(180deg);
}
.flip-card-mouseover:hover .flip-card {
    transform: rotateY(180deg);
}

/*--- Bewerbungsformular ---*/
#gform_wrapper_1,
#gform_wrapper_2,
#gform_wrapper_3 {
	.gform_required_legend {
		display: none;
	}
	.gfield_required.gfield_required_asterisk {
		color: #363636;
	}
	label,
	.gfield_consent_description_text,
	#field_1_14 .gform-field-label__text,
	#gform_submit_button_1,
	#gform_submit_button_2,
	#gform_submit_button_3 {
		font-family: Barlow;
		font-size: 1.125rem;
		color: #363636;
		font-weight: 400;
	}
	select,
	input,
	textarea {
		border: 1px solid #C8C8C8;
	}
	.gfield_consent_description_text {
		padding: 0 !important;
		border: none !important;
	}
	.upload-checkbox label {
		font-weight: 700;
	}
	#gform_submit_button_1,
	#gform_submit_button_2,
	#gform_submit_button_3 {
		padding: 12px 24px;
		border-radius: 0;
		background-color: #FED12F;
		color: #000;
        text-transform: uppercase;
        font-size: 1.25rem;
		line-height: 2.75rem;
	}
	@media ( width < 767px) {
		.gfield select.small {
			inline-size: 50%;
		}
	}
}

/*--- Text-Editor ---*/
.elementor-widget-text-editor p strong,
.elementor-widget-theme-post-content.news-detail p strong {
	font-weight: 600;
}
/* Listen */
.elementor-widget-text-editor ul,
.elementor-widget-theme-post-content.news-detail ul {
  list-style: none;
  margin-block-end: 0;
  padding-left: 0;
}
.elementor-widget-text-editor ul:first-child,
.elementor-widget-theme-post-content.news-detail ul:first-child {
  margin-top: 0;
}
.elementor-widget-text-editor ul:last-child,
.elementor-widget-theme-post-content.news-detail ul:last-child  {
  margin-bottom: 0;
}
.elementor-widget-text-editor li,
.elementor-widget-theme-post-content.news-detail li {
  position: relative;
  padding-left: 1.5em;
}
.elementor-widget-text-editor li::before,
.elementor-widget-theme-post-content.news-detail li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5lh;
  width: 0.444em;
  height: 0.444em;
  background: #B0B5C0;
  transform: translateY(-50%);
}
/* Tabellen */
.elementor-widget-text-editor table,
.elementor-widget-theme-post-content.news-detail table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}
.elementor-widget-text-editor th,
.elementor-widget-text-editor td,
.elementor-widget-text-editor table thead:first-child tr:first-child th,
.elementor-widget-theme-post-content.news-detail th,
.elementor-widget-theme-post-content.news-detail td,
.elementor-widget-theme-post-content.news-detail table thead:first-child tr:first-child th {
    text-align: left;
    vertical-align: middle;
    border: 2px solid #fff;
}
.elementor-widget-text-editor thead tr th,
.elementor-widget-text-editor thead tr td,
.elementor-widget-theme-post-content.news-detail thead tr th,
.elementor-widget-theme-post-content.news-detail  thead tr td {
    background: #EEEFF0;
    color: #5b6770;
}
.elementor-widget-text-editor.green-table thead tr:first-child:not(:last-child) th {
    background-color: var(--e-global-color-97baa79);
    color: #168d86;
	font-weight: 400;
}
.elementor-widget-text-editor thead tr:first-child:not(:last-child) th:first-child,
.elementor-widget-theme-post-content.news-detail thead tr:first-child:not(:last-child) th:first-child {
    background: transparent;
}
.elementor-widget-text-editor.green-table thead tr:only-child th {
    background: #EEEFF0;
    color: #5b6770;
}

.elementor-widget-text-editor tbody tr:nth-child(odd) td,
.elementor-widget-theme-post-content.news-detail tbody tr:nth-child(odd) td{
    background: #fff;
}
.elementor-widget-text-editor tbody tr:nth-child(even) td,
.elementor-widget-theme-post-content.news-detail tbody tr:nth-child(even) td {
    background: #F7F7F7;
}


.elementor-widget-text-editor table colgroup+thead tr:first-child td,
.elementor-widget-text-editor table colgroup+thead tr:first-child th,
.elementor-widget-text-editor table thead:first-child tr:first-child td,
.elementor-widget-text-editor table thead:first-child tr:first-child th {
	border-block-start: none !important;
}


@media (max-width: 767px) {
    .elementor-widget-text-editor:has(table),
    .elementor-widget-theme-post-content.news-detail:has(table) {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        margin-left: -2rem;
        padding: 0 2rem;
        box-sizing: border-box;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .elementor-widget-text-editor:has(table)::-webkit-scrollbar,
    .elementor-widget-theme-post-content.news-detail:has(table)::-webkit-scrollbar {
        display: none;
    }

    .elementor-widget-text-editor table,
    .elementor-widget-theme-post-content.news-detail table {
        white-space: nowrap;
    }
}
/*--- Akkordeon ---*/
.e-n-accordion-item {
	padding-top: 2rem;
	border-top: 2px solid #CDD1D4;
	--n-accordion-title-justify-content: space-between;
}
.e-n-accordion-item:last-child {
	padding-bottom: 2rem;
	border-bottom: 2px solid #CDD1D4;
}
.e-n-accordion-item .e-n-accordion-item-title-icon {
	transition: transform 0.3s ease-in-out;
	margin-left: 1rem;
}
.e-n-accordion-item[open] .e-n-accordion-item-title-icon {
   transform: rotate(-180deg);
}
/*--- Bild-Text-Raster ---*/
.image-text-grid > .e-con {
	display: grid;
}
.image-text-grid > .e-con > .e-con {
	grid-area: 1 / 1;
}
.image-text-grid > .e-con > .e-con:last-child {
	opacity: 0;
	z-index: 2;
	transition: opacity 0.3s ease;
}
.image-text-grid > .e-con:hover > .e-con:last-child {
	opacity: 1;
}
/* News-Detail */

.news-detail > *:not(:first-child),
.news-detail blockquote > *:not(:first-child) {
    margin-block-start: 0.5rem;
}
.news-detail > *:not(:last-child),
.news-detail blockquote > *:not(:last-child) {
    margin-block-end: 1rem;
}
.news-detail > * > img {
	display: inline-block;
}
.news-detail > *:not(:first-child) > img {
	margin-block-start: 3rem;
}
.news-detail > *:has(> img) {
	margin-block-end: 3rem !important;
}
.news-detail h1,
.news-detail h2,
.news-detail h3,
.news-detail h4,
.news-detail h5,
.news-detail h6 {
	font-size: inherit;
}
.news-detail hr {
	border: none;
	border-top: 2px solid #CDD1D4;
    margin: 3rem 0 !important;
}
.news-detail hr:first-child {
	margin-top: 0 !important;
}
.news-detail hr:last-child {
	margin-bottom: 0 !important;
}
/* Downloads */
@media (max-width: 767px) {
	.downloads .e-n-accordion-item > .e-con > .e-con > .e-con  {
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 1em;
		width: 100%;
	}
	.downloads .elementor-widget-button {
		flex-grow: 1;
		text-align: left;
	}
	.downloads .elementor-button {
		display: block;
	}
	.downloads .elementor-button-text {
		text-align: left;
	}
	.downloads .elementor-icon {
		width: 1rem;
	}
	.downloads .elementor-icon svg {
		width: 100%;
		height: auto !important;
	}
	.downloads svg {
		margin-top: 0.75rem;
	} 
	.downloads .elementor-button-content-wrapper {
		justify-content: space-between;
		align-items: flex-start;
	}
	.downloads .elemetor-widget-button {
		flex-grow: 1;
	}
}

/*-------------Tageskurs------------------------*/
.tageskursbutton {
  width: 64px;
  height: 64px;
  background-color: #00b2c9;
  position: fixed;
  right: 0px;
  top: 622px;
  z-index: 999;
  text-align: center;
  padding-top: 12px;
  cursor: pointer;
}
input#kursanzeige_button {
  background: #fed100;
  border: 0;
  line-height: 20px;
  padding: 6px;
  font-size: 16px;
  color: #303636 !important;
  font-weight: 400;
  border-radius: 0;
  cursor: pointer;
}
.chart-metall,
.chart-metall2 {
  font-size: 25px;
  margin-left: 40px;
  margin-bottom: 20px;
}

.chart-metall::before,
.chart-metall2::before {
  content: "";
  background: url(https://saxonia.de/wp-content/uploads/chart-strich.png) left
    top no-repeat;
  background-size: auto;
  background-size: auto;
  background-size: 28px;
  width: 28px;
  height: 21px;
  position: absolute;
  margin-left: -40px;
}

.metal-buttons {
  text-align: center;
  display: flex;
}

.metal-button {
  border-radius: 0px !important;
  margin-right: 10px;
  width: auto;
  margin-bottom: 5px;
}

.metal-button[data-visible="false"] {
  background-color: #eef0f1;
  color: #000;
}

.metal-button[data-visible="true"] {
  background-color: #fed100;
  color: #303636 !important;
}

.metal-button[data-visible="true"]:hover {
  background-color: #363636;
  color: white !important;
}

button.metal-button {
  font-family: "Barlow";
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  border: navajowhite;
  padding: 10px 12px;
  cursor: pointer;
  white-space: wrap;
}

#dataTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px 0;
  margin-top: 50px;
  margin-bottom: 50px;
}

#dataTable th {
  padding: 10px;
  background-color: #525a60;
  font-size: 14px;
  font-weight: inherit;
  color: #ffffff;
  text-align: left;
}

#dataTable tr:nth-child(odd) {
  background-color: #ffffff;
}

#dataTable tr:nth-child(even) {
  background-color: #f2f2f2;
}

#dataTable td {
  padding: 10px;
  font-size: 14px;
  font-weight: inherit;
}

.metal-flex {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
	max-width: 20%;
}

input#kursanzeige_button {
  background: #fed100;
  border: 0;
  line-height: 20px;
  padding: 6px;
  font-size: 16px;
  color: #303636 !important;
  font-weight: 400;
  border-radius: 0;
  cursor: pointer;
}

div.oberschrift,
div.unterschrift,
div.unterschrift-links {
  font-size: 24px;
  line-height: 26px;
  color: #7f8c8d;
  text-transform: uppercase;
  text-align: center;
}

div.oberschrift {
  padding: 60px 0 5px 0;
}
#kursanzeige_datum, #kursanzeige_datum2 {
	padding: 3px;
}