@charset "UTF-8";
@font-face {
   font-family: "https://fonts.googleapis.com/css?family=Josefin+Sans";
   src: url('josefine-sans.woff2') format('woff2'),  /* Moderne Browser */
        url('josefine-sans.woff') format('woff'),    /* IE 11 */
        url('josefine-sans.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
        url('josefine-sans.ttf') format('truetype'),     /* Safari, Android, iOS */
        url('josefine-sans.svg#svgFontName') format('svg'); /* Ältere iOS-Geräte */
}
/* CSS Document */

body {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    list-style-image: none;
    list-style-type: none;
    border-left-width: medium;
}
h1,h2,h3,h3a,h4,h5,h6,absatz,absatz-p,absatz-b,kon-g,kon-b,kon-w,pro-w,pro-pro {
    font-family: 'Josefin Sans', sans-serif;
    font-style: normal;
}
h1 {
    font-size: 17px;
    color: #000000;
    letter-spacing: 1px;
}
h2 {
    font-size: 15px;
    color: #009D5E;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
h3 {
    font-size: 15px;
    color: #000000;
    line-height: 1.45em;
    letter-spacing: 1px;
}
h3a {
    font-size: 15px;
    color: #ffffff;
    line-height: 1.45em;
    letter-spacing: 1px;
}
h4 {
    font-size: 14px;
    color: #000000;
    line-height: 16pt;
    letter-spacing: 1px;
    list-style-type: none;
}
absatz {
    font-size: 13px;
    line-height: 1.35em;
	color: white;
	letter-spacing: 0px;
}
absatz-b {
    font-size: 12px;
    color: black;
    line-height: 1.45em;
    letter-spacing: 0px;
}
absatz-c {
    font-size: 12px;
    color: #000000;
    line-height: 1.45em;
    letter-spacing: 0px;
    margin-left: 280px;
}
absatz-d {
    font-size: 12px;
    line-height: 1.45em;
    letter-spacing: 0;
    margin-left: 255px;
}
absatz-p {
    font-size: 13px;
	color: black;
    line-height: 1.35em;
	letter-spacing: 0px;
}
kon-g {
    font-size: 16px;
    line-height: 1.45em;
	font-weight: 700;
	color: #009D5E;
}
kon-w {
    font-size: 16px;
    line-height: 1.45em;
	font-weight: 700;
	color: white;
}
pro-w {
    font-size: 15px;
    line-height: 1.9em;
    font-weight: 700;
    color: white;
    letter-spacing: 1px;
    text-align: left;
}
pro-pro {
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 700;
    color: white;
    letter-spacing: 1px;
}
pro-pro2 {
    font-size: 15px;
    line-height: 1.15em;
    font-weight: 700;
    color: white;
    letter-spacing: 1px;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
	color: #000000;
}
a:hover {
    text-decoration: none;
    color: #000000;
}
a:active {
    text-decoration: none;
    color: #009D5E;
}
div.logo {
	width: auto;
	margin-bottom: 40px;
}
span_black {
	align-content: h1;
    color: #000000;	
	vertical-align: 0.3em;
}
span_green {
	align-content: h2;
    color: #009D5E;	
	vertical-align: 0.3em;
}
span_green-nav {
	align-content: h4;
    color: #009D5E;	
}
div.kreis {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #009D5E;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    font-size: 10px;
}
div.kreis-b {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #000000;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #FFFFFF;
    font-size: 10px;
}
div.kreis-bp {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #000000;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #FFFFFF;
    font-size: 10px;
    background-size: 600px auto;
}
div.kreis-hg {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #FFFFFF;
	font-size: 10px;
    background-image: url(Images/NissenIM.png);
    background-size: 550px auto;
    background-repeat: no-repeat;
    display: inline;
    background-position: center 150px;
}
.bild-uf1 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/felix1.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-uf2 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/felix2.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-uf3 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/felix3.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-uf4 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/felix4.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-uf5 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/felix5.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-up {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina1.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-up2 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina2.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-up3 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina3.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-up4 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina4.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-up5 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina5.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-up6 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina6.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-up7 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina7.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-up8 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina8.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-up9 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina9.png);
    background-repeat: no-repeat9
    background-position: center 0%;
    background-size: contain;
}
.bild-up10 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Purina10.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-ug {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Gour1.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-ug2 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Gour2.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-ug3 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Gour3.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-k1 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Kanal1.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-k2 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Kanal2.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-k3 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url("Images/Kanal3.png");
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-k4 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url("Images/Kanal4.png");
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-k5 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: left;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url("Images/Kanal5.png");
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-l1 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Logos1.png);
    background-repeat: no-repeat;
    background-position: center 230px;
    background-size: 90%;
}

.bild-l2 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Logos2.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-l3 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Logos3.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-l4 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Logos4.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-a1 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Arch1.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.bild-a2 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #F6F6F6;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 350px;
    float: none;
    position: absolute;
    text-align: center;
    color: #000000;
    font-size: 12px;
    line-height: 1.45em;
    background-image: url(Images/Arch2.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: contain;
}
.block {
	width: 300px;
	margin-top: 120px;
}
.logo {
	width: 370px;
	height: 30px;
	margin-left: 25px;
	margin-bottom: 0px;
	transform: translate(0px,30px)
	
}
.SubHead {
	width: 370px;
	margin-left: 25px;
	margin-bottom: 20px;
	transform: translate(0px,10px)
}
.nav {
	width: 370px;	
	margin-left: 25px;
	transform: translate(0px,30px)
}
.auge {
    width: 600px;
    height: 600px;
	transform: translate(350px,0px);	
}
.g-kreis {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: #009d5e;
}
.b-kreis {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: #000000;
	transform: translate(150px,40px)
}
.w-kreis {
	width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #ffffff;
	transform: translate(150px,75px)
}
.dots-pro {
    background-image: url(Images/element1_2x.png);
	background-size: 20% auto;
    background-position: 0px,0px;
    background-repeat: no-repeat;
	transform: translate(120px,245px);	
}
.pro-pur {
    transform: translate(0px,0px);
}
.punkt-b {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #000000;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: none;
    position: absolute;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    transform: translate(330px,140px);
}
.table-pro {
    display: table;
	margin-left:auto;
	margin-right: auto;
    font-size: 12pt;
    line-height: 1.7em;
	font-weight: 700;
	color: white;
	letter-spacing: 1px;
    border-spacing: 15px 10px;
    border-width: 1em;
	margin-top: 120px;
	}
.steuerung {
	width: 200px;
	hight: 30px;
 	background-image: url(Images/Element 3.png);
	background-size: 20% auto;
    background-repeat: no-repeat;
	transform: translate(25px,300px);	
}
.box {
	width: 320px;
	hight: 30px;
	transform: translate(0px,250px);	
}
.col {
    height: 100;
    margin-top: 0px;
    column-count: 1;
    column-width: 300px;
    float: none;
    position: absolute;
    text-align: center;
	transform: translate(50px,100px);	
}
.col2 {
    height: 100px;
    margin-top: 0px;
    column-count: 1;
    column-width: 300px;
    float: none;
    position: absolute;
    text-align: center;
	transform: translate(410px,100px);	
}
.felix_full1 {
	box-sizing: border-box;
	width: 500px;
	hight: auto;
    border: 1px solid black;
}
.felix_full2 {
	box-sizing: border-box;
	width: 500px;
	hight: auto;
    border: 1px solid black;
}
.felix_full3 {
	box-sizing: border-box;
	width: 500px;
	hight: auto;
    border: 1px solid black;
}
.felix_full4 {
	box-sizing: border-box;
	width: 500px;
	hight: auto;
    border: 1px solid black;
}
.ex-dot {
	box-sizing: content-box;
	background-image: url(Images/Ex.png);
	margin-left: 4px;
	margin-top: 4px;
}