/* Version:  März 2023 / Creator: 192 */

@font-face { 
	font-family: "SpaceGrotesk";	 
	src: url('https://fonts.pwrk.dev/ofl/spacegrotesk/SpaceGrotesk[wght].woff2') ;
	font-weight: 300, 400, 500, 600, 700;
	font-style: normal;
}

@font-face { 
	font-family: "Manrope";	 
	src: url('https://fonts.pwrk.dev/ofl/manrope/Manrope[wght].woff2') format('woff2');
	font-weight: 200, 300, 400, 500, 600, 700, 800;
	font-style: normal;
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/*
BG oben und unten

.frame-outer {
  background: url(bgHellgruen.jpg) top left no-repeat, url(bg_bottom.jpg) bottom left no-repeat;
  background-size: 100%;
}

*/

 html {
	 -webkit-text-size-adjust: 100%; /* 2 */
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Manrope', sans-serif;
	font-size: 100%;
	color: hsl(174 12% 42%);
	text-decoration: none;
	font-weight: normal;
	word-spacing: normal;
	line-height: 1.3;
	background-color: #fff;
	/*	Hintergrundbilder werden in Chrome mit ausgedruckt	*/
	-webkit-print-color-adjust:exact;
}

.frame-outer {
	position: relative;
	width: 720px; /*	maximale Breite: 782rem	*/
	margin: 1.3rem auto;
	background-color: #fff;
	border: 0.02rem solid #a7a9a4;
	box-shadow: -0.1rem 0.1rem 1rem rgba(0,0,0, 0.2);
	font-size: 0.75rem; /*	minimale Schriftgröße 0.6rem	*/
}

.frame-outer::after {
	content: "";
	display: block;
	clear: both;
}

/*--für Titel--*/
h1 {
	color: #243b38;
	margin: 0;
	font-size: 1.7rem;
	font-weight: 700;
}

h1 span {color:#0e8176;}

/*--für Untertitel (Vollzeit, Teilzeit/Standort)--*/
h2 {
	margin: 0;
	font-size: 0.8rem;
	font-weight: 400;
}

/*--für Überschiften--*/
h3 {
	color:#0e8176;
	margin: 0 0 0.3rem 0;
	font-size: 1.3rem;
	font-weight: 700;
}

#benefits h3, #apply h3 {color:#fff;}

/*--für kleine/unter Überschiften--*/
h4 {
	margin: 0;
	font-size: 0.9rem;
	font-weight: 400;
}

h1, h3{font-family: 'SpaceGrotesk', sans-serif;}

h1, h2, h3, h4, p, ul{position:relative; z-index: 10;}

#logo {
	background:#0b1426;
	position: relative;
	z-index: 1000;
	padding: 1.5rem 4%;
}

#logo img, #footer img {width:12rem;}

#header {
	position: relative;
	padding: 1.5rem 4%;
}

.content {
	position: relative;
	padding: 1.5rem 4%;
}

.content::after {
	content: '';
	display: block;
	clear: both;
}

/*--für Stellentitel--*/
#title { 
	width:48%;
	position: relative;
}

#headerbild{
	background:no-repeat center;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0.25) 0rem 1rem 2rem -0.75rem;
	border-radius: 1rem;
	width:48%;
}

#benefits{
	background:#0e8176;
	color:#fff;
	padding:0 4%;
}

#benefitstext{width:48%; padding: 1.5rem 0;}

#benefitsbild{
	background:no-repeat center;
	background-size: cover;
	width:48%;
}

#apply{
	overflow: hidden;
	position: relative;
	background:#123d38;
	color:#fff;
	padding: 1.5rem 4%;
}

#apply::before{
	content:'';
	position: absolute;
	left:-2.5rem;
	bottom:-10rem;
	border-radius: 100%;
	width:15rem;
	height:15rem;
	border:0.05rem solid #224e47;
}

#apply::after{
	content:'';
	position: absolute;
	top:-3rem;
	right:-3rem;
	border-radius: 100%;
	width:10rem;
	height:10rem;
	border:0.05rem solid #224e47;
}

#footer {
	background:#0b1426;
	color:#b0b3b8;
	border-top:2rem solid #f6f9f8;
	position: relative;
	padding: 1.5rem 4%;
}

.linie{
	margin:1rem 0;
	background: #202839;
	height:0.05rem;
}

#footer::after {
	content: '';
	display: block;
	clear: both;
}

/*--Farben--*/

.farbe-gruen{color:#0e8176 !important;}
.farbe-dunkelgruen{color:#243b38 !important;}

.bg-grau{background:#f6f9f8;}

.bg-gruen{background:#0e8176; color:#fff;}

/*--Flex--*/
.bgBild {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.flex, #header, #benefits {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	/*align-items: flex-start;*/
	flex-direction: row;
	flex-wrap: wrap;
}

.left, .right {width: 48%;}

.bildbox{
	background:no-repeat center;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0.25) 0rem 1rem 2rem -0.75rem;
	border-radius: 1rem;
	width:48%;
}

.textbox {width:48%;}

.alignTop{align-items:flex-start;}
.alignCenter{align-items:center;}
.alignBottom{align-items:flex-end;}

/*--Float--*/
.box-left {
  float: left;
  width: 48%;
}

.box-right {
	float: right;
	width: 48%;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}

/*--Links - bitte für unterschiedliche Hintergründe farblich anpassen!--*/
a:link, a:visited, a:active  {
    text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: red;
}

#footer a:link, #footer a:visited, #footer a:active  {
    text-decoration: none;
	color: #b0b3b8;
}

#footer a:hover {
	text-decoration: none;
	color: #fff;
}

/*

::selection {
background: #ffb7b7;
}
::-moz-selection {
background: #ffb7b7;
}

*/

/*--Listen--*/
ul {
	margin: 0;
	list-style-type: none;
}

li {
	position: relative; 
	margin: auto;
	padding: 0 0 0.3rem 1.1rem;
}

li:last-child {
	padding-bottom: 0;
}

li::before {
	content: url(//anzeigen.jobsintown.de/job/files/1523189/haken_kreis.svg);
	position: absolute;
	top: 0.05rem;
	left: 0.05rem;
	width:0.7rem;
} 

#benefits li::before {
	content: url(//anzeigen.jobsintown.de/job/files/1523189/haken.svg);
	position: absolute;
	top: -0.05rem;
	left: 0.05rem;
	width:0.7rem;
}

.aufgaben ul {
	margin: 0;
	list-style-type: none;
	column-count: 2;
	column-gap: 4%;
}

.aufgaben li {
	background:#fff;
	border:0.05rem solid #dce5e3;
	border-radius: 0.5rem;
	position: relative; 
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	transition: all .3s ease 0s;
}

.aufgaben li:last-child {
	margin-bottom: 0;
}

.aufgaben li:hover{
	box-shadow: rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0) 0rem 0rem 0rem 0rem, rgba(0, 0, 0, 0.25) 0rem 0.6rem 1.2rem -0.75rem;
	border:0.05rem solid #c2e5de;
}

.aufgaben li::before {display:none;}

/*--Eingrückte Listenpunkte--*/
li ul{ 
	margin: 0;
	padding: 0;
}

/*

Zeichen:
----------------
Punkt: •
Kleiner Punkt mittig: ‧
Quadrat Klein: ▪
Quadrat Gross: ■
Kreis Klein: ○
Kreis Gross: ◯
Doppelpfeil: »
Haken: ✓
Pfeil Rechts: ›

*/

/*--Button--*/
.button_box {
	text-align: center;
}

.button_box::after {
	clear: both;
	content: "";
	display: block;
}

.button a {
	display: inline-block;
	background: #0e8176;
	padding: 0.5rem 1rem;
	margin: 0 auto;
	cursor: pointer;
	border-radius: 2rem;
	transition: all .15s ease 0s;
	color: #fff;
}
.button a:hover {
	background-color: #258d83;
	text-decoration: none;
	color: #fff;transform: scale(1.1);
}

/*--Slider editierbar--*/

.slider-wrap {
    max-width: 800rem;
    width: auto;
    height: auto;
    position: relative;    
    margin: 0;
    overflow: hidden;
}

.slider-wrap img {
	display: block;
}
  
.slideshow {
    position: absolute;
    width: 100%;
    top: 0rem;
    left: 0rem;
    z-index: 0;
}

.slideshow li span {
    width: 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: image 18s linear infinite;
    animation: image 18s linear infinite;
}
  
@keyframes image {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
    5% {
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
    35% {
      opacity: 1;
    }
    40% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
}

@-webkit-keyframes image {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    5% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    35% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
  
.slideshow li {
    margin:0;
    padding:0;
    list-style: none;
}
.slideshow li:nth-child(1) span {}
.slideshow li:nth-child(2) span {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}

ul.slideshow {
    margin: 0;
    padding-left: 0;
}

.slideshow li::before {
	display: none;
}

/*--4 Bilder --*/

.slider-wrap-4Bilder {
    max-width: 800rem;
    width: auto;
    height: auto;
    position: relative;    
    margin: 0;
    overflow: hidden;
}

.slider-wrap-4Bilder img {
	display: block;
}
  
.slideshow-4Bilder {
    position: absolute;
    width: 100%;
    top: 0rem;
    left: 0rem;
    z-index: 0;
}

.slideshow-4Bilder li span {
    width: 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: image-4Bilder 24s linear infinite;
    animation: image-4Bilder 24s linear infinite;
}
  
@keyframes image-4Bilder {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
    5% {
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
    30% {
      opacity: 1;
    }
    35% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
}

@-webkit-keyframes image-4Bilder {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    5% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    30% {
        opacity: 1;
    }
    35% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
  
.slideshow-4Bilder li {
    margin:0;
    padding:0;
    list-style: none;
}
.slideshow-4Bilder li:nth-child(1) span {}
.slideshow-4Bilder li:nth-child(2) span {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow-4Bilder li:nth-child(3) span {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow-4Bilder li:nth-child(4) span {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}

ul.slideshow-4Bilder {
    margin: 0;
    padding-left: 0;
}

.slideshow-4Bilder li::before {
	display: none;
}

/*--Schieben--*/

.slider-wrap_slide img {
	display: block;
}
  
.slideshow_slide {
    position: absolute;
    width: 100%;
    top: 0rem;
    left: 0rem;
    z-index: 0;
}

.slideshow_slide li span {
    width: 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: image_slide 18s linear infinite;
    animation: image_slide 18s linear infinite;
}
  
@keyframes image_slide {
0% {
 opacity: 0;
      transform: translateX(100%);
    }
	0.01%{
		opacity: 1;
	}  

    2% {
      transform: translateX(0);
    }

    33.333% {
      transform: translateX(0);
    }

    35.333% {    
      transform: translateX(-100%);
		opacity: 1;
    }
	36%{
		opacity: 0;
	}
}
@-webkit-keyframes image_slide {
0% {
 opacity: 0;
      transform: translateX(100%);
    }
	0.01%{
		opacity: 1;
	}  

    2% {
      transform: translateX(0);
    }

    33.333% {
      transform: translateX(0);
    }

    35.333% {    
      transform: translateX(-100%);
		opacity: 1;
    }
	36%{
		opacity: 0;
	}
}
  
.slideshow_slide li {
    margin:0;
    padding:0;
    list-style: none;
}
.slideshow_slide li:nth-child(1) span {}
.slideshow_slide li:nth-child(2) span {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow_slide li:nth-child(3) span {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}

ul.slideshow_slide {
    margin: 0 !important;
    padding-left: 0;
}

.slideshow_slide li::before {
	display: none;
}

/*--Angaben Bilder, Video, etc.--*/

iframe {
	display: block;
    width: 100%;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#video{
    width: 100%;
    height: 100%;
    display: block;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	width: auto;
	border: 0;
}

.imgcenter{display: inline-block;}

strong {font-weight: 700;}

p {margin:0;}

p:empty {height: 1rem;}

.abstand03{margin-top:0.3rem;}
.abstand05{margin-top:0.5rem;}
.abstand1{margin-top:1rem;}
.abstand15{margin-top:1.5rem;}
.abstand2{margin-top:2rem;}

.linksbuendig { text-align: left;}
.rechtsbuendig {text-align: right;}
.center { text-align: center;}
.justify { text-align: justify;}
.justifier { text-align: justify; text-align-last: justify;}

.zweispaltig{
    column-count: 2;
    column-gap: 4%;
}

.zentriert{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.zentriertLinksRechts{
	left: 50%;
	transform: translateX(-50%);
}

.word{word-spacing:-0.05rem;}
.letter{letter-spacing:-0.01rem;}
.spacing{
	word-spacing:-0.05rem;
	letter-spacing:-0.01rem;
}

/*
Writing Mode

writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-lr;

*/

/*Flächeneffekt verschwommen: backdrop-filter: blur(1rem);*/

/*Videodatei HP 
<video id="video" src="https://ihr-solarparkverwalter.de/wp-content/uploads/2022/05/PV_teaser_image.mp4" type="video/mp4" onloadeddata="this.play();" autoplay loop muted plays-inline>&nbsp;</video>

Youtubevideo
<iframe src="https://www.youtube.com/embed/8YvtwLNDaNU?playlist=8YvtwLNDaNU&amp;loop=1&amp;autoplay=1&amp;controls=1&amp;showinfo=0&amp;mute=1" frameborder="0" width="100%" height="406"></iframe>
*/

.hide_m {}

.hide {display: none;}

.refnr {}

.apply {}