:selection {background: #fff; color: #404040;}
::-moz-selection {background: #fff; color: #404040;}
/*::-webkit-scrollbar { display:none;}*/


* {
margin: 0px;
padding: 0px;
}

*, ::after, ::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v24-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/lato-v24-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v24-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v24-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v24-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v24-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



html {
width: 100%;
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
scroll-behavior: smooth;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s;
-webkit-animation: fadein 2.0s;
}
body {
font-family: 'Lato';
width: 100%;
height: 100%;
font-weight: 400;
color: #404040;
font-size: 1.09375vw;
}

.progress-bar {
background: #f8b442;
height: 1px;
width: 0%;
position: fixed;
top: 6vw;
z-index: 100000;
}
.active5 {

}

@keyframes fadein {
from{opacity:0;}to{opacity:1;}
}

.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
}

.pink {
color: #CB0B88;
}

.next1 {
position: absolute;
display: block;
margin-top: -300px;
padding-top: 300px;
}

.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 7.5vw;
padding-right: 12.239583333333332vw;
padding-bottom: 12.239583333333332vw;
padding-left: 12.239583333333332vw;
line-height: 1.65vw;
}
.datb {
position: fixed;
width: 12vw;
height: auto;
top: 9.5%;
right: 7.5%;
z-index: 100;
}
.listdata {
list-style-image: none;
list-style-type: none;
background-image: url("bilder/dot.svg");
background-repeat: no-repeat;
padding-left: 2.5vw;
background-position: left 0.6vw;
background-size: 0.50vw 0.50vw;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(#);
background-repeat: no-repeat;
padding-left: 0vw;
margin-top: 0.5vw;
}
.listlink {
list-style-image: none;
list-style-type: none;
background-image: url("bilder/icon_pfeil_links.svg");
background-repeat: no-repeat;
padding-left: 2.75vw;
background-position: left center;
background-size: 1.1979166666666667vw 1.1979166666666667vw;
margin-bottom: 0.75vw;
float: left;
clear: both;
transition: all ease-out .3s;
}

img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-family: 'Lato';
font-size: 2.6vw;
line-height: 2.6vw;
font-weight: 400;
}
h2 {
font-family: 'Lato';
font-size: 2.8vw;
line-height: 3.1vw;
font-weight: 400;
}
h3 {
font-size: 2vw;
line-height: 2.7vw;
font-weight: 400;
}
h4 {
font-size: 1.4vw;
line-height: 2vw;
font-weight: 400;
}
h5 {
}
h6 {
}
.thell {
opacity: 0.5;
}
.tf {
font-weight: 700;
}
.tk {
font-style: italic;
}
.tgelb {
color: #f8b442;
}
.tbotschafter {
color: #e85246;
}
.tfbotschafter {
color: #e85246;
font-weight: 700;
}
.tprojekt {
color: #b2c99f;
}
.tfprojekt {
color: #b2c99f;
font-weight: 700;
}

.tpartner {
color: #404040;
}
.tfpartner {
color: #404040;
font-weight: 700;
}

.tblueh {
color: #e85246;
}
.tfblueh {
color: #e85246;
font-weight: 700;
}

.tkontakt {
color: #8d9fcc;
}
.tfkontakt {
color: #8d9fcc;
font-weight: 700;
}

.tevent {
color: #ff7d00;
}
.tfevent {
color: #ff7d00;
font-weight: 700;
}

.tfgelb {
color: #f8b442;
font-weight: 700;
}

.absta {
float: left;
width: 100%;
height: 1px;
}

.aus1 {
display: inline;
}
.aus2 {
display: inline;
}
.aus3 {
display: inline;
}
.aus4 {
display: inline;
}
.aus5 {
display: inline;
}

a:link, a:hover, a:visited, a:active {
text-decoration: none;
outline: none;
cursor: pointer;
transition: all ease-out .3s;
}
A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: #404040;
}
A.telw:link, A.telw:active, A.telw:visited, A.telw:hover {
color: #fff;
}
A.telb:link, A.telb:active, A.telb:visited, A.telb:hover {
color: #8d9fcc;
}

A.nav1:link, A.nav1:visited {
color: rgba(248,180,66,0.60);
transition: all ease-out .2s;
}
A.nav1:hover {
color: #f8b442;
transition: all ease-out .2s;
}
A.nav1.active {
color: #f8b442;
transition: all ease-out .2s;
}

A.nav1r:link, A.nav1r:visited {
color: rgba(255,255,255,0.60);
transition: all ease .3s;
}
A.nav1r:hover {
color: rgba(255,255,255,0.60);
transition: all ease .3s;
}
A.nav1r.active {
color: rgba(255,255,255,1);
transition: all ease .3s;
}

A.nav2:link, A.nav2:visited {
color: rgba(178,201,159,0.60);
transition: all ease-out .2s;
}
A.nav2:hover {
color: #b2c99f;
transition: all ease-out .2s;
}
A.nav2.active {
color: #b2c99f;
transition: all ease-out .2s;
}

A.nav3:link, A.nav3:visited {
color: rgba(232,82,70,0.60);
transition: all ease-out .2s;
}
A.nav3:hover {
color: #e85246;
transition: all ease-out .2s;
}
A.nav3.active {
color: #e85246;
transition: all ease-out .2s;
}

A.nav4:link, A.nav4:visited {
color: rgba(64,64,64,0.60);
transition: all ease-out .2s;
}
A.nav4:hover {
color: #404040;
transition: all ease-out .2s;
}
A.nav4.active {
color: #404040;
transition: all ease-out .2s;
}

A.nav5:link, A.nav5:visited {
color: rgba(128,128,128,0.60);
transition: all ease-out .2s;
}
A.nav5:hover {
color: #808080;
transition: all ease-out .2s;
}
A.nav5.active {
color: #808080;
transition: all ease-out .2s;
}

A.nav6:link, A.nav6:visited {
color: rgba(141,159,204,0.60);
transition: all ease-out .2s;
}
A.nav6:hover {
color: #8d9fcc;
transition: all ease-out .2s;
}
A.nav6.active {
color: #8d9fcc;
transition: all ease-out .2s;
}

A.nav7:link, A.nav7:visited {
color: rgba(255,125,0,0.60);
transition: all ease-out .2s;
}
A.nav7:hover {
color: #ff7d00;
transition: all ease-out .2s;
}
A.nav7.active {
color: #ff7d00;
transition: all ease-out .2s;
}

A.nava:link, A.nava:visited {
color: rgba(64,64,64,1.00);
background: 
linear-gradient(to right, rgba(64,64,64,0.2), rgba(64,64,64,0.2)),
linear-gradient(to right, rgba(64,64,64,1), rgba(64,64,64,1), rgba(64,64,64,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(64,64,64,0);
padding-bottom: 0.3vw;
transition: all ease-out .3s;
white-space: nowrap
}
A.nava.active, A.nava:hover {
color: rgba(64,64,64,1.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.3vw;
transition: all ease-out .2s;
white-space: nowrap
}

A.navb:link, A.navb:visited {
color: rgba(255,255,255,1.00);
background: 
linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,0.2)),
linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(255,255,255,0);
padding-bottom: 0.3vw;
transition: all ease-out .3s;
font-style: italic;
}
A.navb.active, A.navb:hover {
color: rgba(255,255,255,1.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.3vw;
transition: all ease-out .2s;
font-style: italic;
}

A.navc:link, A.navc:visited {
color: rgba(232,82,70,1.00);
background: 
linear-gradient(to right, rgba(232,82,70,0.2), rgba(232,82,70,0.2)),
linear-gradient(to right, rgba(232,82,70,1), rgba(232,82,70,1), rgba(232,82,70,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(232,82,70,0);
padding-bottom: 0.3vw;
transition: all ease-out .3s;
}
A.navc.active, A.navc:hover {
color: rgba(232,82,70,1.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.3vw;
transition: all ease-out .2s;
}

A.navd:link, A.navd:visited {
color: rgba(141,159,204,1.00);
background: 
linear-gradient(to right, rgba(141,159,204,0.2), rgba(141,159,204,0.2)),
linear-gradient(to right, rgba(141,159,204,1), rgba(141,159,204,1), rgba(141,159,204,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(141,159,204,0);
padding-bottom: 0.3vw;
transition: all ease-out .3s;
font-style: italic;
}
A.navd.active, A.navd:hover {
color: rgba(141,159,204,1.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.3vw;
transition: all ease-out .2s;
font-style: italic;
}

section {
float: left;
width: 100%;
position: relative;
}

footer {
float: left;
width: 100%;
position: relative;
z-index: 0;
}

.box1 {
width: 100%;
float: left;
position: relative;
background-color: #fef7ec;
}

.box2 {
width: 100%;
float: left;
position: relative;
background-color: #f0f4ec;
}

nav {
position: fixed;
width: 100%;
top: 0vw;
left: 0vw;
float: left;
z-index: 2;
background-color: rgba(255,255,255,0);
transition: all ease-out .5s;
}
.active1 {
height: 6vw;
background-color: rgba(255,255,255,1);
transition: all ease-out .5s;
}

.suba {
width: 10.416666666666668vw;
height: 2.838328125vw;
position: fixed;
top: -1.6vw;
left: 1.6vw;
z-index: 3;
opacity: 0;
transition: all ease-out .3s;
}
.active2 {
transition: all ease-out .3s;
opacity: 1;
top: 1.6vw;
}

.hd {
width: 100%;
float: left;
position: relative;
transition: all ease-out .2s;
}

.hda {
width: 11.458333333333332vw;
height: 11.458333333333332vw;
position: relative;
float: left;
left: 5.46875vw;
top: 3.90625vw;
z-index: 2;
}
.hdb {
float: left;
position: absolute;
top: 2.29vw;
right: 7.8125vw;
transition: all ease-out .3s;
}
.active3 {
transition: all ease-out .3s;
}
.hdba {
float: left;
position: relative;
color: rgba(248,180,66,0.60);
transition: all ease-out .3s;
top: 0.5vw;
}
.hdbaa {
float: left;
position: relative;
color: rgba(255,125,0,0.60);
transition: all ease-out .3s;
top: 1.15vw;
margin-left: 1.5vw;
}
.hdbb {
float: left;
position: relative;
color: rgba(178,201,159,0.60);
transition: all ease-out .3s;
top: -0.25vw;
margin-left: 1.5vw;
}
.hdbc {
float: left;
position: relative;
color: rgba(232,82,70,0.60);
transition: all ease-out .3s;
top: -0.5vw;
margin-left: 1.5vw;
}
.hdbd {
float: left;
position: relative;
color: rgba(64,64,64,0.60);
transition: all ease-out .3s;
top: 1vw;
margin-left: 1.5vw;
}
.hdbe {
float: left;
position: relative;
color: rgba(128,128,128,0.60);
transition: all ease-out .3s;
top: -0.75vw;
margin-left: 1.5vw;
}
.hdbf {
float: left;
position: relative;
color: rgba(141,159,204,0.60);
transition: all ease-out .3s;
top: 0.5vw;
margin-left: 1.5vw;
}
.active4 {
top: 0vw;
transition: all ease-out .3s;
}

.st {
width: 100%;
height: auto;
position: relative;
float: left;
background-image: url(bilder/backg_schmett_gelb.svg);
background-repeat: no-repeat;
background-position: 5vw 45vw;
z-index: 1;
background-size: 44.53125vw 32.8125vw;
padding-bottom: 15vw;
}

.sta {
width: 28.125vw;
float: left;
position: relative;
margin-top: 15vw;
margin-left: 7.8125vw;
padding-right: 0px;
line-height: 1.65vw;
}
.stb {
width: 60.9375vw;
height: 55.729166666666664vw;
margin-top: 5vw;
margin-right: 3.125vw;
float: right;
position: relative;
background-image: url("bilder/hauptbild_neu_neu.jpg");
background-repeat: no-repeat;
/*background-position: center center;*/
background-position: center -25vw;
background-size: cover;
border-radius: 0.5vw 0.5vw 0.5vw 20vw;
display: flex;
justify-content: center;
align-items: center;
}
.stc {
position: relative;
}
.std {
width: 75%;
position: relative;
margin-top: 2.25vw;
color: #f8b442;
}
.ste {
background-color: #f8b442;
position: relative;
color: #fff;
float: left;
padding-left: 1.1vw;
padding-right: 2vw;
padding-top: 1.1vw;
padding-bottom: 1.1vw;
border-radius: 12vw 8vw 12vw 6vw;
margin-top: 4.5vw;
transition: all ease-out .3s;
}
.ste:hover {
border-radius: 50vw 50vw 50vw 50vw;
transition: all ease-out .3s;
}
.stea {
width: 1.3020833333333335vw;
height: 2.2395833333333335vw;
position: absolute;
bottom: 0px;
float: left;
}
.steb {
float: right;
margin-left: 2.2vw;
position: relative;
}
.stf {
width: 100%;
float: left;
position: relative;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
margin-top: 6.25vw;
}
.stfa {
width: 2vw;
height: auto;
float: left;
}
.stg {
width: 100%;
float: left;
position: relative;
}
.stga {
width: 10vw;
float: left;
position: absolute;
bottom: 0px;
line-height: 1.65vw;
}
.stgaa {
width: 100%;
}
.stgb {
width: 44vw;
float: left;
position: relative;
margin-left: 28.25vw;
font-size: 2.3vw;
line-height: 2.6vw;
text-indent: 6vw;
color: #f8b442;
}

.sth {
width: 20.833333333333336vw;
height: 20.833333333333336vw;
position: relative;
float: left;
}
.sti {
width: 1vw;
height: auto;
position: absolute;
right: 2.5vw;
top: 32vw;
}
.stj {
width: 6vw;
height: auto;
position: absolute;
bottom: 8.5vw;
left: 5.5vw;
z-index: 3;
}

.newsa {
width: 100%;
float: left;
position: relative;
background-color: #fef0d9;
border-top-left-radius: 3.6458333333333335vw;
border-top-right-radius: 3.6458333333333335vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-bottom: 7.8125vw;
line-height: 1.6vw;
}
.newsb {
width: 100%;
float: left;
position: relative;
display: flex;
justify-content: center;
top: -3.5vw;
}
.newsba {
width: 11.458333333333332vw;
height: 11.458333333333332vw;
float: left;
position: relative;
}
.newsc {
width: 100%;
float: left;
position: relative;
margin-top: 3vw;
/*overflow-x: hidden;*/
}
.newsd {
width: 100%;
float: left;
position: relative;
}
.newse {
width: 100%;
float: left;
position: relative;
background-color: #fff;
border-bottom-left-radius: 0vw;
border-bottom-right-radius: 3.6458333333333335vw;
padding-left: 4.296875vw;
padding-right: 4.296875vw;
padding-bottom: 4.296875vw;
}
.newse2 {
width: 100%;
float: left;
position: relative;
background-color: #fff;
border-top-left-radius: 3.6458333333333335vw;
border-top-right-radius: 3.6458333333333335vw;
border-bottom-left-radius: 3.6458333333333335vw;
border-bottom-right-radius: 3.6458333333333335vw;
padding: 4.296875vw;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.newsf {
width: 17.1875vw;
height: 17.1875vw;
float: left;
border-radius: 100vw;
background-image: url(bilder/news/teaser_einleitung.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.newsg {
width: 100%;
float: left;
clear: both;
text-transform: uppercase;
text-align: center;
display: flex;
justify-content: center;
margin-top: 5vw;
}
.newsga {
width: 86%;
font-weight: 700;
}
.newsh {
width: 1.8229166666666667vw;
height: auto;
float: left;
}
.newsha {
width: 100%;
float: left;
margin-top: 3vw;
display: flex;
justify-content: center;
}

.newsi {
width: 100%;
float: left;
clear: both;
text-transform: uppercase;
text-align: center;
display: flex;
justify-content: center;
margin-top: 3.125vw;
font-size: 0.8854166666666666vw;
line-height: 0.8854166666666666vw;
letter-spacing: 4px;
}
.newsj {
width: 100%;
float: left;
clear: both;
margin-top: 2.083333333333333vw;
}
.newsk {
width: 100%;
float: left;
clear: both;
margin-top: 1vw;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.newsbild1 {
width: 100%;
height: 17.1875vw;
}

.newsl {
width: 100%;
float: left;
clear: both;
margin-top: 5vw;
color: #f8b442;
display: flex;
align-items: center;
}
.newsla {
width: 2.083333333333333vw;
height: 2.083333333333333vw;
float: left;
margin-right: 1.25vw;
}
.newslb {
width: 3vw;
height: 1px;
background-color: #f8b442;
float: left;
position: relative;
margin-left: 0.5vw;
}
.newslc {
float: left;
margin-left: 1.5625vw;
}

.newsm {
width: 100%;
float: left;
height: 7.5vw;
background: linear-gradient(0deg, rgba(232, 239, 226, 1) 0%, rgba(254, 240, 217, 1) 100%);
position: relative;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
}
.newsma {
position: absolute;
bottom: 2vw;
}

.proj {
width: 100%;
float: left;
background-color: #e8efe2;
}
.proja {
width: 100%;
float: left;
padding-left: 3.125vw;
padding-right: 3.125vw;
padding-top: 3.125vw;
padding-bottom: 3.125vw;
background-color: #e8efe2;
}
.projaa {
width: 100%;
float: left;
padding-left: 3.125vw;
padding-right: 3.125vw;
padding-top: 3.125vw;
padding-bottom: 3.125vw;
background-color: #f3f7f1;
}
.projb {
width: 100%;
float: left;
}
.projba {
width: 50%;
float: right;
}

.projc {
width: 100%;
float: left;
position: relative;
}
.projca {
width: 50%;
float: left;
position: absolute;
padding-right: 12.5vw;
line-height: 1.6vw;
bottom: 0px;
right: 0px;
}
.projcb {
width: 50%;
float: left;
position: relative;
}
.projcc {
float: left;
position: absolute;
bottom: 0vw;
right: 0vw;
font-size: 1.9791666666666665vw;
line-height: 1.9791666666666665vw;
font-style: italic;
color: #b2c99f;
}

.proj1 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url(bilder/projekte/proj_kommunikation_mit_den_buerger.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj2 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url("bilder/projekte/proj_lebensinsel_in_gornsdorf-mitten_im_ort_an_einer_bushaltestelle.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj3 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url("bilder/projekte/proj_errichtung_von_lehrtafeln_und_informationsbroschueren.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj4 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url(bilder/projekte/proj_kraeuterwanderung_kinder_poehlberg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj5 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url("bilder/projekte/projekt_Pflanzentauschboerse.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj6 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url(bilder/projekte/proj_botschaftertreffen.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj7 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url(bilder/projekte/projekt_tag_der_offenen_gartenpforte.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj8 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url(bilder/projekte/proj_insekten_und_wasser.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.projanl {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url("bilder/projekte/proj_anleitung.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj9 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url("bilder/projekte/proj_ausschreibung.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj10 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url("bilder/projekte/proj_apfelbaumpflanzung.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj11 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url(bilder/projekte/proj_maefreier_mai.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj12 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url("bilder/projekte/proj_wildnisschule_funkenflug.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}
.proj13 {
width: 35.9375vw;
height: 18.75vw;
float: left;
background-image: url(bilder/projekte/naturschatz_spiel/proj_naturschatz_spiel_2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-right-radius: 4vw;
border-bottom-left-radius: 20vw;
}



.projd {
width: 100%;
float: left;
line-height: 1.6vw;
}
.proje {
float: left;
position: relative;
width: 5.208333333333334vw;
height: 5.208333333333334vw;
margin-left: 3.125vw;
margin-top: 3.125vw;
}
.projf {
width: 50%;
float: right;
clear: both;
padding-right: 3.125vw;
}
.projg {
width: 100%;
float: left;
clear: both;
padding-left: 3.125vw;
padding-right: 3.125vw;
position: relative;
margin-top: 7.8125vw;
}
.projga {
float: left;
position: absolute;
bottom: 0px;
}
.projgb {
width: 50%;
float: right;
text-indent: 7.5vw;
padding-right: 7.5vw;
}
.projh {
float: left;
clear: both;
color: #b2c99f;
display: flex;
align-items: center;
}
.projha {
width: 2.083333333333333vw;
height: 2.083333333333333vw;
float: left;
margin-right: 1.25vw;
}
.projhb {
width: 3vw;
height: 1px;
background-color: #b2c99f;
float: left;
position: relative;
margin-left: 0.5vw;
}
.projhc {
float: left;
margin-left: 1.5625vw;
}
.proji {
width: 100%;
float: left;
margin-top: 5vw;
padding-left: 3.125vw;
padding-right: 3.125vw;
}
.projia {
width: 29.895833333333332vw;
height: 25.208333333333332vw;
float: left;
position: relative;
}
.projiaa {
width: 100%;
float: left;
position: absolute;
margin-top: 0vw;
bottom: 0px;
padding-left: 2vw;
padding-bottom: 1vw;
background-color: rgba(178,201,159,0.8);
padding-top: 1vw;
}
.projib {
width: 29.895833333333332vw;
height: 25.208333333333332vw;
float: left;
position: relative;
margin-left: 2.03125vw;
}
.projic {
width: 29.895833333333332vw;
height: 25.208333333333332vw;
float: left;
position: relative;
margin-left: 2.03125vw;
}
.projid {
width: 29.895833333333332vw;
height: 25.208333333333332vw;
float: left;
position: relative;
margin-top: 2.03125vw;
}
.projie {
width: 29.895833333333332vw;
height: 25.208333333333332vw;
float: left;
position: relative;
margin-top: 2.03125vw;
margin-left: 2.03125vw;
}
.projif {
width: 29.895833333333332vw;
height: 25.208333333333332vw;
float: left;
position: relative;
margin-top: 2.03125vw;
margin-left: 2.03125vw;
}
.projig {
width: 29.895833333333332vw;
height: 25.208333333333332vw;
float: left;
position: relative;
margin-top: 2.03125vw;
}
.projih {
width: 29.895833333333332vw;
height: 25.208333333333332vw;
float: left;
position: relative;
margin-top: 2.03125vw;
margin-left: 2.03125vw;
}
.projii {
width: 29.895833333333332vw;
height: 25.208333333333332vw;
float: left;
position: relative;
margin-top: 2.03125vw;
margin-left: 2.03125vw;
}


.projj {
width: 100%;
float: left;
clear: both;
margin-top: 7.5vw;
padding-left: 3.125vw;
padding-right: 3.125vw;
}
.projja {
width: 100%;
height: auto;
float: left;
border-radius: 1vw;
margin-bottom: 1.5vw;
}
.projjb {
width: 17.9vw;
height: auto;
float: left;
}
.projjd {
width: 17.9vw;
height: auto;
float: left;
margin-left: 1.0416666666666665vw;
}
.projje {
width: 17.9vw;
height: auto;
float: left;
margin-left: 1.0416666666666665vw;
}
.projjf {
width: 17.9vw;
height: auto;
float: left;
margin-left: 1.0416666666666665vw;
}
.projjg {
width: 17.9vw;
height: auto;
float: left;
margin-left: 1.0416666666666665vw;
}
.projjh {
width: 17.9vw;
height: auto;
float: left;
margin-top: 0.7vw;
}
.projji {
width: 17.9vw;
height: auto;
float: left;
margin-top: 0.7vw;
margin-left: 1.0416666666666665vw;
}
.projjj {
width: 17.9vw;
height: auto;
float: left;
margin-top: 0.7vw;
margin-left: 1.0416666666666665vw;
}
.projjk {
width: 17.9vw;
height: auto;
float: left;
margin-top: 0.7vw;
margin-left: 1.0416666666666665vw;
}
.projjl {
width: 17.9vw;
height: auto;
float: left;
margin-top: 0.7vw;
margin-left: 1.0416666666666665vw;
}
.projjm {
width: 17.9vw;
height: auto;
float: left;
margin-top: 0.7vw;
}
.projjn {
width: 17.9vw;
height: auto;
float: left;
margin-top: 0.7vw;
margin-left: 1.0416666666666665vw;
}
.projjo {
width: 17.9vw;
height: auto;
float: left;
margin-top: 0.7vw;
margin-left: 1.0416666666666665vw;
}


.projjc {
width: 100%;
float: left;
margin-bottom: 1.5vw;
}

.projk {
width: 100%;
float: left;
position: relative;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-top: 7.8125vw;
padding-bottom: 12.8125vw;
}
.projka {
width: 5.208333333333334vw;
height: 5.208333333333334vw;
float: left;
position: absolute;
right: 3.125vw;
bottom: 6.125vw;
}
.projkb {
width: 100%;
float: left;
display: flex;
justify-content: center;
margin-top: 10vw;
}
.projkba {
width: 11.458333333333332vw;
height: 11.458333333333332vw;
float: left;
}
.projkc {
width: 50%;
position: absolute;
float: left;
bottom: 3.125vw;
left: 3.125vw;
}
.projkca {
float: left;
}
.projkcb {
float: left;
margin-left: 2.5vw;
}

.blueh {
width: 100%;
float: left;
background-color: #fdeeec;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-top: 7.8125vw;
padding-bottom: 7.8125vw;
}
.blueha {
width: 100%;
float: left;
text-align: center;
line-height: 1.6vw;
}
.bluehb {
width: 100%;
float: left;
text-align: center;
margin-top: 3.5vw;
display: flex;
justify-content: center;
}
.bluehba {
width: 67%;
}
.bluehc {
width: 100%;
float: left;
clear: both;
line-height: 1.6vw;
padding-left: 15.813vw;
padding-right: 15.813vw;
margin-top: 5vw;
column-gap: 5vw;
column-count: 2;
}
.bluehca {
width: 19vw;
float: left;
}
.bluehcb {
width: 19vw;
float: left;
margin-top: 5vw;
}
.bluehcc {
width: 19vw;
float: left;
margin-top: 10vw;
}

.bluehd {
width: 100%;
float: left;
position: relative;
}
.bluehe {
width: 100%;
float: left;
border-radius: 0.5vw;
background-color: #e85246;
padding-left: 4.296875vw;
padding-right: 4.296875vw;
padding-top: 4.296875vw;
padding-bottom: 4.296875vw;
color: #fff;
line-height: 1.6vw;
position: relative;
}
.bluehf {
width: 100%;
float: left;
background-color: #fdeeec;
position: relative;
}
.bluehg1 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_tina_scheffler.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg2 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_katrin_strempel.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg3 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_britt_schaarschmidt.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg4 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_josi.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg5 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_claudia_haase.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg6 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_jana_konrad.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg7 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_sylvia_schlicke.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg8 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_oliver_wenzeck.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg9 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_moritz.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg10 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_susann_kretzschmar.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg11 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url("bilder/botschafter/botschafter_kristin_brueckner.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg12 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url(bilder/news/bluehbotschafterin_stoetzer.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehg13 {
width: 19.010416666666664vw;
height: 19.010416666666664vw;
float: left;
border-radius: 50vw 50vw 50vw 0vw;
background-image: url(bilder/botschafter/botschafter_heidi_spangenberg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.bluehh {
width: 4.5vw;
height: auto;
position: relative;
float: right;
right: -1vw;
top: -1vw;
}
.bluehi {
width: 95%;
float: left;
margin-top: 5vw;
position: relative;
}

.bluehj {
width: 100%;
float: left;
position: relative;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-top: 17.8125vw;
}
.bluehja {
width: 100%;
float: left;
position: relative;
background-color: #fadcda;
border-bottom-left-radius: 4vw;
padding-top: 7.03125vw;
padding-bottom: 7.03125vw;
padding-left: 4.6875vw;
padding-right: 4.6875vw;
}
.bluehjb {
width: 17.1875vw;
height: 17.1875vw;
position: absolute;
margin-left: 50%;
left: -8.59375vw;
top: 12vw;
background-image: url(bilder/teaser_botschafter.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-top-left-radius: 50vw;
border-top-right-radius: 50vw;
border-bottom-right-radius: 50vw;
z-index: 1;
}
.bluehjc {
float: left;
position: absolute;
top: -14vw;
}
.bluehjd {
width: 100%;
float: left;
clear: both;
margin-top: 12vw;
line-height: 1.6vw;
position: relative;
}
.bluehjdb {
width: 50%;
float: right;
position: relative;
padding-right: 5vw;
}

.bluehk {
background-color: #e85246;
position: absolute;
color: #fff;
float: left;
padding-left: 1.1vw;
padding-right: 2vw;
padding-top: 1.1vw;
padding-bottom: 1.1vw;
border-radius: 12vw 8vw 12vw 6vw;
bottom: 0vw;
}
.bluehka {
width: 1.3020833333333335vw;
height: 2.2395833333333335vw;
position: absolute;
bottom: 0px;
float: left;
}
.bluehkb {
float: right;
margin-left: 2.2vw;
position: relative;
}
.bluehl {
width: 4.166666666666666vw;
height: auto;
position: absolute;
right: 4vw;
top: 4vw;
}
.bluehm {
width: 1.8vw;
height: auto;
position: absolute;
left: -5vw;
top: -2vw;
}


.par {
width: 100%;
float: left;
background-color: #f2f2f2;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-top: 7.8125vw;
padding-bottom: 7.8125vw;
}
.para {
width: 50%;
float: left;
}
.paraa {
width: 59%;
float: left;
margin-top: 5.25vw;
}
.parb {
width: 50%;
float: right;
}
.parba {
width: 20.3125vw;
height: 15.625vw;
float: left;
padding: 0.5vw;
background-color: #fff;
border-radius: 0.5vw;
}
.parbb {
width: 20.3125vw;
height: 15.625vw;
float: left;
padding: 0.5vw;
background-color: #fff;
border-radius: 0.5vw;
margin-left: 1.5625vw;
}
.parbc {
width: 20.3125vw;
height: 15.625vw;
float: left;
padding: 0.5vw;
background-color: #fff;
border-radius: 0.5vw;
margin-top: 1.5625vw;
}
.parbd {
width: 20.3125vw;
height: 15.625vw;
float: left;
padding: 0.5vw;
background-color: #fff;
border-radius: 0.5vw;
margin-left: 1.5625vw;
margin-top: 1.5625vw;
}
.parbe {
width: 100%;
float: left;
margin-bottom: 3vw;
}
.parbf {
width: 100%;
float: left;
}

.event {
width: 100%;
float: left;
background-color: #ffebd9;
position: relative;
overflow-y: hidden;
padding-top: 7.8125vw;
}
.eventa {
width: 100%;
float: left;
padding-left: 0vw;
padding-right: 0vw;
padding-top: 7.8125vw;
padding-bottom: 7.8125vw;
}
.eventb {
width: 100%;
float: left;
position: relative;
text-align: center;
}
.eventc {
width: 100%;
float: left;
position: relative;
text-align: center;
padding-left: 32.5vw;
padding-right: 32.5vw;
margin-top: 2vw;
line-height: 1.6vw;
}
.eventd {
width: 100%;
float: left;
margin-top: 10vw;
text-align: center;
}



.linka {
width: 100%;
float: left;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-top: 7.8125vw;
padding-bottom: 7.8125vw;
background-image: url(bilder/backg_schmett_gelb.svg);
background-repeat: no-repeat;
background-position: center 5vw;
background-size: 50% 50%;
background-color: #fef7ec;
}
.linkb {
width: 100%;
float: left;
display: flex;
justify-content: center;
}
.linkba {
width: 49%;
text-align: center;
}
.linkc {
width: 100%;
float: left;
margin-top: 7.8125vw;
line-height: 1.6vw;
}
.linkca {
width: 23vw;
float: left;
clear: both;
margin-right: 5vw;
}
.linkcc {
width: 100%;
float: left;
margin-bottom: 3vw;
}

.linkce {
width: 55vw;
float: left;
}
.linkcea {
width: 100%;
float: left;
margin-bottom: 3vw;
}
.linkceb {
width: 100%;
float: left;
}
.linkd {
width: 100%;
float: left;
margin-top: 6vw;
text-align: center;
}

.kont {
width: 100%;
float: left;
position: relative;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-top: 7.8125vw;
padding-bottom: 12.8125vw;
background-color: #f4f5fa;
}
.konta {
float: left;
position: absolute;
top: 3.125vw;
left: 3.125vw;
}
.kontb {
width: 100%;
float: left;
color: #8d9fcc;
line-height: 1.6vw;
}
.kontc {
width: 50%;
float: left;
}
.kontd {
width: 50%;
float: left;
}
.kontda {
width: 58%;
float: left;
}
.kontdb {
width: 100%;
float: left;
clear: both;
margin-top: 3vw;
}
.konte {
width: 5.208333333333334vw;
height: 5.208333333333334vw;
float: left;
position: absolute;
right: 3.125vw;
bottom: 6.125vw;
}
.kontf {
width: 100%;
float: left;
display: flex;
justify-content: center;
margin-top: 10vw;
}
.kontfa {
width: 11.458333333333332vw;
height: 11.458333333333332vw;
float: left;
}
.kontg {
width: 50%;
position: absolute;
float: left;
bottom: 3.125vw;
left: 3.125vw;
}
.kontga {
float: left;
}
.kontgb {
float: left;
margin-left: 2.5vw;
}



/* Anfang - Grid */

.grid:after {
content: '';
display: block;
clear: both;
}
.grid {
width: 103.33%;
margin-bottom: 0px;
position: relative;
left: -3.33%;
}
.grid-sizer,
.grid-item {
width: 30%;
margin-left: 3.33%;
margin-bottom: 3.33%;
float: left;
}
.grid-item img {
display: block;
width: 100%;
border-top-left-radius: 3.6458333333333335vw;
border-top-right-radius: 3.6458333333333335vw;
}


.hdbg {
float: right;
position: fixed;
z-index: 4;
opacity: 0;
right: -5.5vw;
margin-top: 5.5vw;
transition: all ease-out .4s;
font-size: 3vw;
line-height: 3vw;
}
.active6 {
transition: all ease-out .4s;
opacity: 1;
right: 5.5vw;
}
.hdbga {
width: 2.7vw;
height: 2.7vw;
position: absolute;
left: -3.5vw;
top: -1.5vw;
color: #fff;
background-color: rgba(248,180,66,1);
border-radius: 100vw;
font-size: 1.6vw;
line-height: 1.6vw;
display: flex;
justify-content: center;
align-items: center;
}

.icon {
z-index: 1000001;
color: rgba(248,180,66,1);
}
.mobilenav {
top: 0px;
left: 0px;
z-index: 30000000001;
opacity: 1;
display: none;
position: fixed;
width: 100%;
height: 100%;
overflow-y: auto;
padding-bottom: 0vw;
background-color: #f8b442;
background-image: url(bilder/backg_verlauf.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.schliessen {
position: fixed;
z-index: 1000000000;
top: 5.5vw;
right: 5.5vw;
width: 6vw;
height: 6vw;
transition: all ease-out .3s;
}
.active4 {
transition: all ease-out .2s;
}
.close {
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
background-image: url(bilder/icon_schliessen.svg);
background-position: center center;
background-size: cover;
}
.close:hover {
-moz-transform: rotate(360deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(360deg); /* Safari */
-o-transform: rotate(360deg); /* Opera */
-ms-transform: rotate(360deg); /* IE9 */
transform: rotate(360deg); /* W3C */
}
.panelx {
width: 100%;
height: 100%;
}
.panela {
width: 100%;
height: 100%;
float: left;
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
/*justify-content: center;*/
}
.pana {
width: 9.59232613908873vw;
height: auto;
position: absolute;
top: 5.5vw;
left: 5.5vw;
}
.panb {
float: left;
position: absolute;
bottom: 5.5vw;
left: 5.5vw;
}
.panba {
float: left;
}
.panbb {
float: left;
margin-left: 5vw;
}
.panc {
float: left;
position: absolute;
right: 20%;
font-size: 7.5vw;
line-height: 7.5vw;
color: rgba(255,255,255,0.60);
}
.panca {
position: relative;
float: left;
}
.pancaa {
float: left;
}
.pancaaa {
float: left;
clear: both;
margin-top: 3vw;
}
.pancb {
width: 4.75vw;
height: 4.75vw;
float: left;
position: relative;
top: -2vw;
border-radius: 50vw;
background-color: #f8b442;
display: flex;
justify-content: center;
align-items: center;
font-size: 3vw;
line-height: 3vw;
left: 1vw;
}

/* Anfang - Rotation */

#loadingx {
animation: rotation 20s infinite linear
}

@-webkit-keyframes rotation {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}



/* Anfang - Up and Down Animation */

.uad {
position: relative;
z-index: 3;
-webkit-animation-name: uad;
-webkit-animation-duration: 2.5s;
-webkit-animation-iteration-count: 10;
-moz-animation-name: uad;
-moz-animation-duration: 2.5s;
-moz-animation-iteration-count: 10;
animation-name: uad;
animation-duration: 2.5s;
animation-iteration-count: 10;
animation-delay: 4s;
}
@-webkit-keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes uad {
	0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/* Ende - Up and Down Animation */




@media screen and (min-width: 501px) {
}

@media screen and (min-width: 835px) {
.hdbg, .stj {
display: none;
}
}

@media screen and (min-width: 1025px) {
}

@media screen and (max-width: 1366px) {
.listdata {
background-size: 0.7vw 0.7vw;
}
nav {
}
.active1 {
height: 7vw;
}
.hdb {
top: 2.5vw;
}
.active3 {
}
.projcc {
font-size: 2.2vw;
line-height: 2.2vw;
}
.newslb, .projhb {
width: 4vw;
margin-right: 0.5vw;
}
.newsla, .projha {
width: 3vw;
height: 3vw;
margin-right: 1.5vw;
}
.bluehh {
width: 6vw;
}
.linkca {
width: 28vw;
}
.linkce {
width: 50vw;
}
.listlink {
background-size: 1.8301610541727673vw 1.8301610541727673vw;
margin-bottom: 1vw;
}
.bluehc {
padding-left: 13.5vw;
padding-right: 13.5vw;
}
.bluehca, .bluehcb, .bluehcc {
width: 22vw;
}
.kontda {
width: 70%;
}
.paraa {
width: 75%;
margin-top: 6vw;
}
.bluehl {
width: 5.167vw;
}
.bluehjdb {
padding-right: 0vw;
}
.stfa {
width: 2.5vw;
}
.stgb {
width: 52vw;
margin-left: 31.5vw;
font-size: 2.5vw;
line-height: 3.1vw;
}
.steb, .bluehkb {
margin-left: 3vw;
}
.stea, .bluehka {
width: 1.8301610541727673vw;
height: 3.1478770131771596vw;
}
.ste, .bluehk {
padding-left: 1.6vw;
padding-right: 2.3vw;
padding-top: 1.4vw;
padding-bottom: 1.4vw;
}
.sti {
width: 1.25vw;
}
.sth {
width: 23.833vw;
height: 23.833vw;
}
.stb {
width: 57.5vw;
height: 56vw;
}
.hda, .kontfa, .projkba {
width: 13.5vw;
height: 13.5vw;
}
h1 {
font-size: 3.6vw;
line-height: 3.6vw;
}
h2 {
font-size: 3.5vw;
line-height: 3.7vw;
}
h3, h4 {
font-size: 2.2vw;
line-height: 2.8vw;
}
.suba {
width: 13.543191800878477vw;
height: 3.690241581259151vw;
left: 2.6vw;
}
.active2 {
top: 1.7vw;
}
.progress-bar {
top: 7vw;
}
.active5 {
}
.hdbb, .hdbc, .hdbd, .hdbe, .hdbf {
margin-left: 2vw;
}
body {
font-size: 1.5vw;
}
.sta, .stga, .newsa, .projca, .bluehc, .bluehe, .bluehjd, .linkc, .kontb, .blueha, .projd, .data, .eventc, .eventd {
line-height: 2.15vw;
}
.newsj, .newsk {
width: 95%;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
}

@media screen and (max-width: 1194px) {
.eventc {
padding-left: 22.5vw;
padding-right: 22.5vw;
}
.datb {
width: 15vw;
top: 6.5%;
}
.hdb {
top: 2.6vw;
}
.active3 {
}
.listlink {
padding-left: 3.75vw;
}
.newsi {
font-size: 1.25vw;
line-height: 1.25vw;
}
.newsh {
width: 2vw;
}
.kontda {
width: 77%;
}
.kontdb {
margin-top: 5vw;
}
.bluehba {
width: 70%;
}
}

@media screen and (max-width: 1080px) {
nav {
}
.active1 {
height: 9vw;
}
.kontda {
width: 86%;
}
.kontg {
bottom: 4vw;
left: 4vw;
}
h1 {
font-size: 4.6vw;
line-height: 4.6vw;
}
h2 {
font-size: 3.7vw;
line-height: 4.3vw;
}
.linkcea, .linkcc {
  padding-left: 4.3vw;
}
.linkba {
width: 78%;
}
.bluehl {
width: 6vw;
}
.bluehjb {
width: 21.48148148148148vw;
height: 21.48148148148148vw;
margin-left: 50%;
left: -10.74074074074074vw;
top: 8vw;
}
.stfa {
width: 3vw;
}
.stgb {
line-height: 3.5vw;
}
.steb, .bluehkb {
margin-left: 3.6vw;
}
.stea, .bluehka {
width: 2.2vw;
height: 3.7vw;
}
.ste, .bluehk {
padding-left: 2.3vw;
padding-right: 3vw;
padding-top: 1.6vw;
padding-bottom: 1.6vw;
margin-top: 5.5vw;
}
.projca {
padding-right: 7.5vw;
}
.newsk {
width: 100%;
}
.bluehm {
width: 2.7vw;
left: -6vw;
top: -3vw;
}
.std {
width: 84%;
margin-top: 3.25vw;
}
.newsb {
top: -4.5vw;
}
.newsba {
width: 15vw;
height: 15vw;
}
.hda, .kontfa, .projkba {
width: 15vw;
height: 15vw;
}
.listlink {
background-size: 2.314814814814815vw 2.314814814814815vw;
padding-left: 4.25vw;
}
.linkca {
width: 32vw;
}
.newsha {
margin-top: 4.5vw;
}
.newsh {
width: 2.5vw;
}
.newsga {
width: 90%;
}
.newsf {
width: 20vw;
height: 20vw;
}
.konte, .projka {
width: 7.4074074074074066vw;
height: 7.4074074074074066vw;
right: 5vw;
bottom: 5vw;
}
.proje {
width: 7.4074074074074066vw;
height: 7.4074074074074066vw;
}
.bluehcb {
margin-top: 7vw;
}
.bluehcc {
margin-top: 14vw;
}
.bluehca, .bluehcb, .bluehcc {
width: 24vw;
}
.bluehc {
padding-left: 10vw;
padding-right: 10vw;
}
A.nav2:link, A.nav2:visited {
color: rgba(178,201,159,1);
}
.proj1, .proj2, .proj3, .proj4, .proj5, .proj6, .proj7, .proj8, .projanl, .proj9, .proj10, .proj11, .proj12, .proj13 {
width: 37.5vw;
height: 22.5vw;
}
.proja, .projaa {
padding-left: 5vw;
padding-right: 5vw;
padding-top: 5vw;
padding-bottom: 5vw;
}
.newsk {
margin-top: 1.75vw;
}
.newsa, .par, .linka, .kont, .newsm {
padding-left: 5vw;
padding-right: 5vw;
}
.bluehj {
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-top: 22.5vw;
}
.hdb {
right: 5vw;
}
.active3 {
top: 3.5vw;
}
.progress-bar {
top: 9vw;
}
.suba {
width: 19.444444444444446vw;
height: 3.887962962962963vw;
left: 5vw;
}
.hdbb, .hdbc, .hdbd, .hdbe, .hdbf {
margin-left: 2.5vw;
}
body {
font-size: 1.75vw;
}
.sta, .stga, .newsa, .projca, .bluehc, .bluehe, .bluehjd, .linkc, .kontb, .blueha, .projd, .data, .eventc, .eventd {
line-height: 2.5vw;
}
}

@media screen and (max-width: 834px) {
.eventc {
margin-top: 5vw;
line-height: 1.6vw;
}
.eventa {
padding-top: 10vw;
padding-bottom: 10vw;
}
.eventd {
padding-left: 7.8125vw;
padding-right: 7.8125vw;
}
.listdata {
background-size: 1vw 1vw;
padding-left: 3.5vw;
background-position: left 1.3vw;
}
.datb {
width: 20vw;
top: 5.5%;
}
.projkc {
bottom: 5.5vw;
left: 5.5vw;
}
.projg, .proji, .projj {
padding-left: 5.5vw;
padding-right: 5.5vw;
}
.projjb, .projjd, .projje, .projjf, .projjg, .projjh, .projji, .projjj, .projjk, .projjl, .projjm, .projjn, .projjo {
width: 27.9vw;
}
.projjb, .projjd, .projjg, .projjh, .projje, .projjj, .projjk, .projjm, .projjn {
margin-left: 2.5vw;
}
.projja {
width: 100%;
}
.projjb, .projjo {
margin-left: 0vw;
}
.projjf, .projji, .projjl {
margin-left: 0vw;
clear: both;
margin-top: 1.5vw;
}
.projjf, .projjg, .projjh, .projjj, .projjk, .projjm, .projjn {
margin-top: 1.5vw;
}
.projjc {
margin-bottom: 2vw;
}
.projid, .projif {
margin-left: 3.125%;
margin-top: 3.125%;
}
.projic, .projie, .projii {
clear: both;
margin-left: 0px;
margin-top: 3.125%;
}
.projib {
margin-left: 3.125%;
}
.projia, .projib, .projic, .projid, .projie, .projif, .projig, .projih, .projii {
width: 48.4375%;
height: 36.350143884892084vw;
}
.projh {
margin-top: 7vw;
}
.projga {
width: 100%;
float: left;
clear: both;
position: relative;
}
.projgb {
width: 100%;
float: left;
text-indent: 12.5vw;
padding-right: 0vw;
}
.newsa {
border-top-left-radius: 7.646vw;
border-top-right-radius: 7.646vw;
}
.proje {
width: 10vw;
height: 10vw;
margin-left: 5.5vw;
margin-top: 5.5vw;
}
.konte, .projka {
width: 10vw;
height: 10vw;
right: 5.5vw;
bottom: 8vw;
}
.kontgb, .projkcb {
margin-left: 4.5vw;
}
.kontg {
bottom: 5.5vw;
left: 5.5vw;
}
.kontf, .projkb {
margin-bottom: 10vw;
}
.kontda {
width: 71%;
}
h1 {
font-size: 6.954436450839328vw;
line-height: 6.954436450839328vw;
}
.kontfa, .projkba {
width: 26.378896882494008vw;
height: 26.378896882494008vw;
}
.kontd {
width: 100%;
float: left;
margin-top: 6vw;
}
.konta {
top: 0vw;
left: 0vw;
position: relative;
}
.linkcea, .linkcc {
padding-left: 5.5vw;
}
.listlink {
background-size: 3vw 3vw;
padding-left: 5.5vw;
margin-bottom: 1.25vw;
}
.linkce {
width: 100%;
clear: both;
margin-top: 7vw;
}
.linkca {
width: 100%;
}
.linkba {
width: 65%;
}
.parbc, .parbd {
margin-top: 5%;
}
.parbb, .parbd {
margin-left: 5%;
}
.parba, .parbb, .parbc, .parbd {
width: 47.5%;
height: 29vw;
padding: 0vw;
border-radius: 0.5vw;
}
.parb {
width: 100%;
float: left;
margin-top: 7vw;
}
.paraa {
width: 100%;
margin-top: 0vw;
}
.para {
width: 100%;
}
.par, .linka, .kont {
padding-left: 10vw;
padding-right: 10vw;
padding-top: 10vw;
padding-bottom: 10vw;
}
.bluehk {
position: relative;
float: right;
bottom: 0vw;
clear: both;
right: 25vw;
margin-top: 7.5vw;
}
.bluehm {
width: 4vw;
left: -31vw;
top: -16vw;
}
.bluehjdb {
width: 60%;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.bluehja {
padding-top: 10vw;
padding-bottom: 10vw;
padding-left: 10vw;
padding-right: 10vw;
border-bottom-left-radius: 0vw;
}
.bluehjc {
top: 0px;
}
.bluehjd {
margin-top: 20vw;
}
.bluehj {
padding-left: 0vw;
padding-right: 0vw;
padding-top: 20vw;
}
.bluehjb {
width: 26.378896882494008vw;
height: 26.378896882494008vw;
left: -13.189448441247004vw;
top: 12vw;
}
.bluehl {
width: 8vw;
right: 5.5vw;
top: 5.5vw;
}
.bluehg1, .bluehg2, .bluehg3, .bluehg4, .bluehg5, .bluehg6, .bluehg7, .bluehg8, .bluehg9, .bluehg10, .bluehg11, .bluehg12 {
width: 30vw;
height: 30vw;
}
.bluehh {
width: 10vw;
}
.bluehe {
border-radius: 1vw;
padding-left: 7.5vw;
padding-right: 7.5vw;
padding-top: 7.5vw;
padding-bottom: 7.5vw;
}
.bluehc {
padding-left: 2.5vw;
padding-right: 2.5vw;
}
.bluehcb, .bluehcc {
margin-top: 5vw;
}
.bluehc {
flex-wrap: wrap;
margin-top: 10vw;
}
.bluehca, .bluehcb, .bluehcc {
width: 100%;
}
.blueh {
padding-left: 10vw;
padding-right: 10vw;
padding-top: 10vw;
padding-bottom: 10vw;
}
.bluehba {
width: 100%;
}
.projcc {
font-size: 4.2vw;
line-height: 4.2vw;
}
.projba {
width: 35%;
float: left;
position: relative;
}
.proj1, .proj2, .proj3, .proj4, .proj5, .proj6, .proj7, .proj8, .projanl, .proj9, .proj10, .proj11, .proj12, .proj13 {
width: 100%;
height: 40vw;
border-top-right-radius: 5vw;
border-bottom-left-radius: 50vw;
}
.projcb {
width: 100%;
margin-bottom: 7vw;
}
.projc {
width: 100%;
float: left;
position: relative;
}
.projca {
width: 56%;
padding-right: 0vw;
position: relative;
float: right;
padding-bottom: 9vw;
}
h3, h4 {
font-size: 3.2vw;
line-height: 4.2vw;
}
.newsm {
height: 15vw;
}
.newslb, .projhb {
width: 8vw;
margin-right: 1vw;
}
.newsla, .projha {
width: 5vw;
height: 5vw;
margin-right: 2.5vw;
}
.newsj {
margin-top: 4.75vw;
}
.newsk {
margin-top: 2.75vw;
}
.newsf {
width: 27vw;
height: 27vw;
}
.newsh {
width: 4vw;
}
.newse2 {
padding: 5.5vw;
}
.newsj, .newsk {
width: 100%;
}
.newsi {
font-size: 1.75vw;
line-height: 1.75vw;
margin-top: 5.5vw;
}
.newse {
border-bottom-right-radius: 7.194244604316546vw;
padding-left: 5.5vw;
padding-right: 5.5vw;
padding-bottom: 5.5vw;
}
.grid-item img {
border-top-left-radius: 7.194244604316546vw;
border-top-right-radius: 7.194244604316546vw;
}
.newsbild1 {
height: 27.577937649880095vw;
}
.newse2 {
border-top-left-radius: 7.194244604316546vw;
border-top-right-radius: 7.194244604316546vw;
border-bottom-left-radius: 7.194244604316546vw;
border-bottom-right-radius: 7.194244604316546vw;
}
.newsb {
top: -6.5vw;
}
.newsba {
width: 23vw;
height: 23vw;
}
.stf {
margin-top: 15vw;
padding-left: 10vw;
padding-right: 10vw;
}
.stga {
width: 100%;
float: left;
position: relative;
color: #f8b442;
display: flex;
justify-content: center;
}
.stgaa {
width: 50%;
text-align: center;
}
.stgb {
width: 100%;
margin-left: 0px;
margin-top: 4vw;
font-size: 4.2vw;
line-height: 6vw;
text-indent: 0px;
}
nav {
}
.active1 {
height: 14vw;
}
.steb, .bluehkb {
margin-left: 5.5vw;
}
.stea, .bluehka {
width: 3.2vw;
height: 5.5vw;
}
.ste, .bluehk {
padding-left: 2.7vw;
padding-right: 3.4vw;
padding-top: 2vw;
padding-bottom: 2vw;
}
.ste {
margin-top: 8.5vw;
}
.std {
width: 80%;
margin-top: 4.75vw;
}
.sta, .stga, .newsa, .projca, .bluehc, .bluehe, .bluehjd, .linkc, .kontb, .blueha, .linkd, .projd, .data, .eventc, .eventd {
line-height: 3.7vw;
}
.sta {
width: 100%;
margin-left: auto;
padding-left: 10vw;
padding-right: 10vw;
margin-top: 12vw;
}
h2 {
font-size: 6.954436450839328vw;
line-height: 7.434052757793765vw;
}
.st {
background-position: 42vw 138vw;
padding-bottom: 20vw;
background-size: 50vw auto;
}
.newsd {
overflow-y: hidden;
}
.sth {
width: 58vw;
height: 58vw;
top: 6vw;
}
.hda {
width: 26.378896882494008vw;
height: 26.378896882494008vw;
margin-left: 50%;
left: -13.189448441247004vw;
position: absolute;
top: 7vw;
}
.suba {
width: 27.577937649880095vw;
height: 7.721822541966428vw;
left: 5.5vw;
}
.active2 {
top: 3.15vw;
}
.progress-bar {
top: 14vw;
}
.active5 {
}
.sti {
width: 2.75vw;
right: 5.5vw;
top: 85vw;
}
body {
font-size: 2.5vw;
}
.stb {
width: 100%;
height: 100svh;
position: relative;
margin-right: 0vw;
margin-top: 0vw;
float: left;
background-position: center top;
border-radius: 0vw 0vw 0vw 0vw;
display: flex;
justify-content: center;
align-items: center;
}
.sta {
clear: both;
}
.hdb, .stfa, .aus5, .kontc {
display: none;
}
.grid {
width: 105%;
left: -5%;
}
.grid-sizer,
.grid-item {
width: 45%;
margin-left: 5%;
margin-bottom: 5%;
}
}

@media screen and (max-device-width : 926px) and (orientation : landscape) {
}

@media screen and (max-width: 500px) {
.eventa {
padding-top: 12vw;
padding-bottom: 12vw;
}
.eventc {
padding-left: 12.5vw;
padding-right: 12.5vw;
margin-top: 6vw;
}
.eventd {
padding-left: 12vw;
padding-right: 12vw;
}
.listdata {
background-size: 2vw 2vw;
padding-left: 6.5vw;
background-position: left 2.5vw;
}
.datb {
width: 30vw;
top: 3.5%;
}
.data {
padding-top: 42.5vw;
}
.projjf, .projjh, .projjj, .projjjk, .projjl, .projjn {
margin-top: 5%;
clear: unset;
margin-left: 5%;
}
.projje, .projjg, .projji, .projjk, .projjm, .projjo {
margin-left: 0%;
clear: unset;
margin-top: 5%;
}
.projjd {
margin-left: 5%;
clear: unset;
}
.projj {
margin-bottom: 5vw;
margin-top: 15vw;
}
.projjb, .projjd, .projje, .projjf, .projjg, .projjh, .projji, .projjj, .projjk, .projjl, .projjm, .projjn, .projjo {
width: 47.5%;
height: 20.129232558139535vw;
}
.projjc {
margin-bottom: 5vw;
}
.projid, .projig, .projih {
margin-left: 0px;
}
.projib, .projif, .projjk {
margin-left: 0px;
}
.projia, .projib, .projic, .projid, .projie, .projif, .projig, .projih, .projii {
width: 100%;
height: 75.04530232558139vw;
margin-top: 5.5vw;
}
.proji {
margin-top: 12vw;
}
.projh {
margin-top: 12vw;
}
.projgb {
text-indent: 0vw;
}
.projf {
width: 100%;
padding-left: 5.5vw;
margin-top: 15vw;
}
.pancb {
width: 6.5vw;
height: 6.5vw;
top: -2vw;
font-size: 4vw;
line-height: 4vw;
left: 1.5vw;
font-weight: 700;
}
.panb {
bottom: 7.5vw;
left: 6.5vw;
}
.panbb {
margin-left: 7vw;
}
.pancaaa {
margin-top: 3.5vw;
}
.pana {
width: 18vw;
}
.schliessen {
width: 10vw;
height: 10vw;
}
.panc {
font-size: 12vw;
line-height: 12vw;
right: 7%;
}
.proj {
padding-top: 5vw;
}
.kontgb, .projkcb {
margin-left: 10vw;
}
.kontg, .projkc {
bottom: 7.5vw;
left: 0vw;
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
.konte, .projka {
width: 15vw;
height: 15vw;
bottom: 105vw;
}
.proje {
width: 15vw;
height: 15vw;
}
.kontf, .projkb {
margin-bottom: 35vw;
margin-top: 25vw;
}
.kontfa, .projkba {
width: 44.18604651162791vw;
height: 44.18604651162791vw;
}
.kontd {
width: 100%;
float: left;
margin-top: 10vw;
}
.kontdb {
margin-top: 12.5vw;
}
.kontda {
width: 100%;
}
h1 {
font-size: 13.488372093023257vw;
line-height: 13.488372093023257vw;
}
.linkd {
padding-left: 5vw;
padding-right: 5vw;
}
.linka {
padding-left: 5.5vw;
padding-right: 5.5vw;
}
.linkce {
margin-top: 10vw;
}
.linkc {
margin-top: 15vw;
}
.linkcea, .linkcc {
padding-left: 11.5vw;
margin-bottom: 5vw;
}
.listlink {
background-size: 6vw 6vw;
padding-left: 11.5vw;
margin-bottom: 3vw;
}
.linkba {
width: 100%;
padding-left: 4.5vw;
padding-right: 4.5vw;
}
.parbc, .parbd {
margin-top: 1%;
}
.parbb, .parbd {
margin-left: 1%;
}
.parba, .parbb, .parbc, .parbd {
width: 49%;
height: 36vw;
border-radius: 3vw;
}
.parbf {
padding-left: 2.5vw;
padding-right: 2.5vw;
}
.paraa, .parbe {
padding-left: 10vw;
padding-right: 10vw;
}
.parbe {
margin-bottom: 5vw;
}
.par {
padding-left: 0vw;
padding-right: 0vw;
}
.parb {
margin-top: 10vw;
}
.bluehk {
float: left;
right: 0vw;
margin-top: 12.5vw;
}
.bluehjc {
position: relative;
}
.bluehjdb {
width: 100%;
clear: both;
float: left;
margin-top: 7vw;
}
.bluehjb {
width: 37.2093023255814vw;
height: 37.2093023255814vw;
left: -18.6046511627907vw;
border-radius: 50vw;
top: 17vw;
}
.bluehj {
padding-top: 30vw;
}
.blueh {
padding-bottom: 15vw;
}
.bluehg1, .bluehg2, .bluehg3, .bluehg4, .bluehg5, .bluehg6, .bluehg7, .bluehg8, .bluehg9, .bluehg10, .bluehg11, .bluehg12 {
width: 57vw;
height: 57vw;
}
.bluehc {
margin-top: 15vw;
padding-left: 0vw;
padding-right: 0vw;
column-gap: 0vw;
column-count: 1;
}
.bluehb {
margin-top: 7.5vw;
}
.projcc {
font-size: 6.5vw;
line-height: 6.5vw;
right: 5.5vw;
}
.projcb {
margin-bottom: 10vw;
}
h3, h4 {
font-size: 6.5vw;
line-height: 8.5vw;
}
.projca {
width: 100%;
padding-right: 5.5vw;
float: left;
padding-bottom: 15vw;
padding-left: 5.5vw;
margin-top: 5vw;
}
.projba {
width: 100%;
padding-left: 5.5vw;
padding-right: 5.5vw;
}
.proj1, .proj2, .proj3, .proj4, .proj5, .proj6, .proj7, .proj8, .projanl, .proj9, .proj10, .proj11, .proj12, .proj13 {
width: 100%;
height: 60vw;
border-top-right-radius: 15vw;
border-bottom-left-radius: 55vw;
}
.proja, .projaa {
padding-left: 0vw;
padding-right: 0vw;
padding-top: 0vw;
padding-bottom: 7.5vw;
background-color: #e8efe2;
}
.newslb, .projhb {
width: 47vw;
margin-right: 4vw;
}
.newsla, .projha {
width: 9vw;
height: 9vw;
margin-right: 5vw;
}
.newsk {
margin-top: 4.75vw;
}
.newsj {
margin-top: 7.75vw;
}
.newsi {
font-size: 3.75vw;
line-height: 3.75vw;
margin-top: 10vw;
}
.grid-item img {
border-top-left-radius: 10vw;
border-top-right-radius: 10vw;
}
.newsbild1 {
height: 55vw;
}
.newse {
border-bottom-right-radius: 10vw;
padding-left: 10vw;
padding-right: 10vw;
padding-bottom: 10vw;
}
.newsha {
margin-top: 10vw;
}
.newsh {
width: 8vw;
}
.newsg {
margin-top: 12.5vw;
}
.newsa {
border-top-left-radius: 10.646vw;
border-top-right-radius: 10.646vw;
}
.newse2 {
padding: 10vw;
}
.newsf {
width: 51.162790697674424vw;
height: 51.162790697674424vw;
}
.newse2 {
border-top-left-radius: 11.627906976744185vw;
border-top-right-radius: 11.627906976744185vw;
border-bottom-left-radius: 11.627906976744185vw;
border-bottom-right-radius: 11.627906976744185vw;
}
.grid {
width: 100%;
margin-bottom: 0px;
position: relative;
left: 0px;
}
.grid-sizer, .grid-item {
width: 100%;
margin-left: 0%;
margin-bottom: 10%;
}
.st {
background-image: none;
}
.newsb {
top: -9.5vw;
}
.newsba {
width: 35vw;
height: 35vw;
}
.stgb {
margin-top: 7vw;
font-size: 6.5vw;
line-height: 8.5vw;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.stgaa {
width: 75%;
}
.ste {
margin-top: 12.5vw;
}
.steb, .bluehkb {
margin-left: 8.5vw;
}
.stea, .bluehka {
width: 5.2vw;
height: 8.5vw;
}
.ste, .bluehk {
padding-left: 5.7vw;
padding-right: 7.4vw;
padding-top: 3.75vw;
padding-bottom: 3.75vw;
}
.stf {
margin-top: 22.5vw;
}
.progress-bar {
top: 20vw;
}
.suba {
width: 41.86046511627907vw;
height: 13.605930232558139vw;
}
.active2 {
top: 4.25vw;
}
.hdbg {
font-size: 4.9vw;
line-height: 4.9vw;
margin-top: 7.4vw;
}
.hdbga {
width: 5.7vw;
height: 5.7vw;
left: -6.5vw;
top: -3vw;
font-size: 3vw;
line-height: 3vw;
}
nav {
}
.active1 {
height: 20vw;
}
.std {
margin-top: 6.75vw;
}
.sta, .stga, .newsa, .projca, .bluehc, .bluehe, .bluehjd, .linkc, .kontb, .blueha, .linkd, .projd, .data, .eventc, .eventd {
line-height: 6.6vw;
}
body {
font-size: 4.9vw;
}
.bluehi {
font-size: 3.9vw;
line-height: 5.2vw;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-top: 7vw;
width: 100%;
}
h2 {
font-size: 11vw;
line-height: 12vw;
}
.sti {
width: 3.75vw;
right: 5.5vw;
top: unset;
bottom: 30vw;
}
.stj {
width: 10vw;
}
.sth, .aus1, .aus4, .bluehh, .bluehl, .bluehm {
display: none;
}
.hda {
width: 44.18604651162791vw;
height: 44.18604651162791vw;
left: -22.093023255813954vw;
top: 10vw;
}

}


	
@keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-moz-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-webkit-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-o-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}