/* Version: 17.01.2014 */

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #555555;
	text-decoration: none;
	font-weight: normal;
	word-spacing: normal;
	line-height: 17px;
	background-color: #eee;
	background: url(//anzeigen.jobsintown.de/job/files/1349659/bg.png) no-repeat center;
	background-size: cover;
background-attachment: fixed;
	
}

p {
	margin:0;
}

p:empty {
height: 18px;
}


h1{
	margin: 0px;
	line-height: 40px;
	font-size: 40px;
	font-weight: normal;
}

h2{
	margin: 0px;
	line-height: 23px;
	font-size: 18px;
	font-weight: normal;
}

#rahmen {
	padding: 0px;
	width: 650px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 60%);
	border: 1px solid #ddd;
	box-shadow: 0px 3px 6px #ccc;
	-moz-box-shadow: 0px 3px 6px #ccc;
	-webkit-box-shadow: 0px 3px 6px #ccc;
	position: relative;
	
}

#logo{
	position: absolute;
	top: 18px;
	right: 5%;
	z-index: 4;
}

#slogan {
  position: absolute;
  top: 7rem;

	left: 3%;
	width: 70%;
  padding: 0;
  /* --------------------- FALLBACK FÜR BROWSER DIE RGBA-WERTE NICHT UNTERSTÜTZEN -------------------- */
  background: rgb(100, 30, 30);
  /* ------------------------------------------------------------------------------------------------- */
  background: rgba(100, 30, 30, 0.0);
  color: #fff;
	z-index: 10;

} 

#content{
	padding-top: 20%;
	padding-right: 18%;
	padding-bottom: 4%;
	padding-left: 5%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+60 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#content_neu{
	padding: 1.5rem 18% 1.5rem 5%;
}

.box_oben{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 18px;
	padding-bottom: 18px;
	width: 90%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	background-image: url(//anzeigen.jobsintown.de/job/files/1349659/loop_top.png);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 33px;
}

.box_mitte{
	background-image: url(//anzeigen.jobsintown.de/job/files/1349659/bg_mitte.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-size: 100%;
	padding: 5%;
	position: absolute;
	top: 13rem;
	left: 2rem;
	width: 75%;
	z-index: 5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 2px 3px #ccc;
	-moz-box-shadow: 0px 2px 3px #ccc;
	-webkit-box-shadow: 0px 2px 3px #ccc;
	margin-bottom: 25px;
}

.box_mitte_old{
	background-image: url(//anzeigen.jobsintown.de/job/files/1349659/bg_mitte.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-size: 100%;
	padding: 5%;
	position: relative;
	z-index: 5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 2px 3px #ccc;
	-moz-box-shadow: 0px 2px 3px #ccc;
	-webkit-box-shadow: 0px 2px 3px #ccc;
	margin-bottom: 25px;
}

#titlebox {
  background-image: url(//anzeigen.jobsintown.de/job/files/1349659/bg_mitte.png);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 100%;
  padding: 2rem 4%;
  position: relative;
  z-index: 5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 2px 3px #ccc;
  -moz-box-shadow: 0px 2px 3px #ccc;
  -webkit-box-shadow: 0px 2px 3px #ccc;
  margin: -16rem 5% 0 5%;
}

.box_unten{
	padding-left: 5%;
	padding-right: 5%;
}

.box_links{
	float: left;
	width: 48%;
}

.box_rechts{
	float: right;
	width: 48%;
}

#anniversary {
    position: absolute;
    top: -5rem;
    right: 2%;
    width: 22%;
}

#footer{
        position: relative;
	color: #FFF;
	padding: 4% 9%;
	background-image: url(//anzeigen.jobsintown.de/job/files/1349659/footer_loop.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 100%;
	background-color: #03437b;
}

.adresse{
	padding-left: 5%;
	padding-right: 5%;
	background-image: url(//anzeigen.jobsintown.de/job/files/1349659/footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 22px 9% 12px 9%;
	margin-top: -10px;
	color: #FFF;
}

img {
	max-width: 100%;
	height: auto;
	width: auto9; /* ie8 */
	border:0;
}

 
/* Zusatz*/ 

a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #e78000;
	text-decoration: none;
}
a:active{
	color: #FFF;
	text-decoration: none;
}
 
.text_gross{
	font-size: 17px;
	line-height: 21px;
}

.titel_gross{
	font-size: 28px;
	line-height: 32px;
}

.text_klein{
	font-size: 11px;
	line-height: 15px;
}

.titel_klein{
	font-size: 18px;
	line-height: 23px;
}

.orange {
	color: #e78000;
}

.blau {
	color: #009de0;
}

.upper {
	text-transform: uppercase;
}

.ausblenden {

}

.font {
	font-family: 'Kristi', cursive;
}

ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	list-style-image: url(//anzeigen.jobsintown.de/job/files/1349659/bp_new.png);
}

li {
	padding-left: 5px;
}

#bild1{
	display: block;
	text-align: center;
}
	
#bild2{
	display: none;
}

.slider-wrap {
    max-width: 800px;

    width: auto;
    height: auto;
    position: relative;
    
    margin: 0;
    overflow: hidden;
	

}
  
.slideshow {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.slideshow li span {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: image 24s linear infinite;
    animation: image 24s linear infinite;
}
  
/*

Keyframe-Berechnung:

1. 100 / Anzahl der Bilder
2. Ergebnis ist das Intervall eines einzelnen Keyframes
(Im Beispiel unten ist es die 51% {opacity: 0;})
3. Also passiert eine einzelne Animation zwischen 0% und 51%.
(0% - 8% (Differenz 8%) wird das Bild eingeblendet. Von 43% - 51% (Differenz 8%) sollte dann das Bild ausgeblendet werden)
4. Falls die Geschwindigkeit erhöht werden soll, kann die Differenz verringert werden, wobei dies am Anfang sowie am Ende gleichbleibend sein muss, damit die Animation symmetrisch abläuft.

*/
  
@keyframes image {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
}

@-webkit-keyframes image {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
  
.slideshow li {
    margin:0;
    padding:0;
    list-style: none;
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}
.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;
}
.slideshow li:nth-child(4) span {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}

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

.refnr {}

.apply {}