.elementor-kit-8{--e-global-color-primary:#70A245;--e-global-color-text:#2B2B2B;--e-global-color-secondary:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-color-8bfd3d4:#E94A31;--e-global-color-5a1cd24:#FFFFFA;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-3067558-font-family:"shadows_into_light";--e-global-typography-3067558-font-size:4rem;--e-global-typography-8726983-font-family:"shadows_into_light";--e-global-typography-8726983-font-size:3rem;--e-global-typography-effac54-font-family:"shadows_into_light";--e-global-typography-effac54-font-size:2rem;--e-global-typography-4163e25-font-family:"shadows_into_light";--e-global-typography-4163e25-font-size:1.75rem;--e-global-typography-3a6a872-font-family:"shadows_into_light";--e-global-typography-3a6a872-font-size:1.5rem;--e-global-typography-531e0a9-font-size:1.12rem;--e-global-typography-531e0a9-font-weight:900;--e-global-typography-8341f2c-font-size:1.35rem;--e-global-typography-3c9af47-font-size:1.12rem;--e-global-typography-0025906-font-size:1rem;--e-global-typography-90dead7-font-size:1.5rem;--e-global-typography-90dead7-font-weight:600;--e-global-typography-3d65e06-font-family:"shadows_into_light";--e-global-typography-3d65e06-font-size:1.35rem;--e-global-typography-dc383ef-font-family:"Roboto";--e-global-typography-dc383ef-font-size:4rem;--e-global-typography-dc383ef-font-weight:700;--e-global-typography-ccbd703-font-family:"Roboto";--e-global-typography-ccbd703-font-size:3rem;--e-global-typography-ccbd703-font-weight:700;--e-global-typography-50d5fb7-font-family:"Roboto";--e-global-typography-50d5fb7-font-size:2rem;--e-global-typography-50d5fb7-font-weight:700;--e-global-typography-1f076a4-font-family:"Roboto";--e-global-typography-1f076a4-font-size:1.75rem;--e-global-typography-a0f42cc-font-family:"Roboto";--e-global-typography-a0f42cc-font-size:1.5rem;--e-global-typography-a0f42cc-font-weight:800;background-color:#FFFFFA;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-3067558-font-size:2rem;--e-global-typography-8726983-font-size:1.8rem;--e-global-typography-effac54-font-size:1.6rem;--e-global-typography-4163e25-font-size:1.4rem;--e-global-typography-3a6a872-font-size:1.2rem;--e-global-typography-531e0a9-font-size:1rem;--e-global-typography-8341f2c-font-size:1.2rem;--e-global-typography-3c9af47-font-size:1rem;--e-global-typography-0025906-font-size:0.9rem;--e-global-typography-90dead7-font-size:1.4rem;--e-global-typography-3d65e06-font-size:1.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*Guten Tag, hier habe ich alle custom CSS codes gesammelt, mit denen ich Seitenübergreifende Styles erstellt habe!

/*jemand hat die absicht einen Rahmen zu errichten - Hier habe ich die Rahmeneffekte erstellt, welche sich z.B um die Bilder im Vorstandsbereich, oder Startseitenheader befinden*/

.border-box-white::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 5px solid white;
    transform: rotate(2.5deg);
    transform-origin: center;
    pointer-events: none;
  }

.border-box-dark::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 5px solid #2b2b2b;
    transform: rotate(2.5deg);
    transform-origin: center;
    pointer-events: none;
  }

.border-box-green::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 5px solid #70A245;
    transform: rotate(2.5deg);
    transform-origin: center;
    pointer-events: none;
  }

    /*Header Startseite*/
   .Heroimage-border .elementor-widget-container::before{
    content: '';
    position: absolute;
    width:50%;
    height:100%;
    border: 5px solid white;
    transform: rotate(2.5deg);
    transform-origin: center;
  }
  
  /*Slider mit Bildern bei den Stücken & Ressorts*/
  .slidergalerie:before{z-index:2}
  
  @media screen and (max-device-width: 768px) and (orientation: portrait){.nomobileborder::before {content: none !important;
  }
}

  
  @media only screen and (min-width:321px) and (max-width:768px){.nomobileborder::before {content: none !important;border-radius:0px;
  }
  
/*------------------------------------Rahmen Ende!!!!!*/


/*Jahreszeit Chronik Highlight*/
.yeardeko{
    font-family: 'Shadows_Into_Light';
    src: url(' https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/ShadowsIntoLight.ttf}')}
/*Jahrezeit Ende*/

/*Sitenav*/
/*Die Sitenave auf der Info Seite und bei den Stücken*/
.sitenav{border-radius:0px 25px 25px 0px;overflow:hidden;border:solid white; border-width:4px 4px 4px 0px;}

/*Kalender Ende*//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/Roboto-BlackItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'shadows_into_light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://neu.freilichtbuehne-nettelstedt.de/wp-content/uploads/2025/02/ShadowsIntoLight.ttf') format('truetype');
}
/* End Custom Fonts CSS */