#wrap01 {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 40px;
}
#bx-pager2 .clickenlarge-0, #bx-pager2 .clickenlarge-1 {
	float: none;
}
#rand.home.top {
    margin-top: -175px;
}

#slogan {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
    margin-bottom: 25px;
}

#slogan h4 {
    font-family: 'Schoolbell Regular';
    font-size: 90px;
    text-align: center;
    text-transform: uppercase;
    color: #4483bc;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
	padding-top: 15px;
}

#slogan p {
    font-family: 'Schoolbell Regular';
    font-size: 35px;
    color: #ffffff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    width: auto;
    background: #fff;
    float: left;
    margin-left: calc(50% - 215px);
    z-index: 1;
    padding: 0 19px;
}

#slogan::after {
    content: '';
    width: 100%;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 24px;
    z-index: -1;
}

.quicklinks {
    float: left;
    position: relative;
    width: 1022px;
    margin-left: calc(50% - 511px);
}

.ql {
    float: left;
    position: relative;
    width: 433px;
    height: 227px;
    transition: ease all 0.2s;
}

.ql a {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 30px #ccc;
}

.ql a h1 {
    text-align: center;
    font-family: 'Schoolbell Regular';
    color: #000;
    font-size: 26px;
    padding-top: 175px;
}

#ql00 a h1::before {
    content: '';
    width: 128px;
    height: 128px;
    background: #fff url(../images/kalender.png) no-repeat center;
    background-size: 66px;
    position: absolute;
    left: 151px;
    top: 28px;
    border-radius: 50%;
    border: 2px solid #000;
}

#ql01 a h1::before {
    content: '';
    width: 128px;
    height: 128px;
    background: #fff url(../images/shake.png) no-repeat center;
    background-size: 76px;
    position: absolute;
    left: 151px;
    top: 28px;
    border-radius: 50%;
    border: 2px solid #000;
}

#ql02 a h1::before {
    content: '';
    width: 128px;
    height: 128px;
    background: #fff url(../images/pointer.png) no-repeat center;
    background-size: 44px;
    position: absolute;
    left: 151px;
    top: 28px;
    border-radius: 50%;
    border: 2px solid #000;
}

#ql03 a h1::before {
    content: '';
    width: 128px;
    height: 128px;
    background: #fff url(../images/downloads.png) no-repeat center;
    background-size: 47px;
    position: absolute;
    left: 151px;
    top: 28px;
    border-radius: 50%;
    border: 2px solid #000;
}

#ql00 {
    background: #ff9f9a;
    margin-right: 155px;
    margin-bottom: 42px;
}

#ql01 {
    background: #d7edb4;
    margin-bottom: 42px;
}

#ql02 {
    background: #fec9a4;
    margin-right: 155px;
}

#ql03 {
    background: #a2c8e5;
}

#wrap02 {
    float: left;
    position: relative;
    width: 100%;
	margin-bottom: 90px;
}

#wrap02 .weiter {
    position: relative;
    float: right;
    margin-right: calc(50% - 137px);
    padding: 26px 100px 90px 0;
}

#wrap02 .weiter a {
    background: url(../images/weiterlesen.png) no-repeat scroll right center;
    font-size: 30px;
    color: #fff;
    font-family: 'Schoolbell Regular';
    padding-right: 95px;
    transition: ease all 0.2s;
}

#wrap02 .weiter a:hover {
    background: url(../images/weiterlesen_h.png) no-repeat scroll right center;
    color: #fec9a4;
}

#rand.home {
    margin-top: 0;
}

.headline.rechts {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
    margin-top: 76px;
}

.headline.rechts h2 {
    float: right;
    font-family: 'Schoolbell Regular';
    color: #000;
    font-size: 40px;
    background: #fff;
    padding-left: 30px;
}

.headline.rechts::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 30px;
    background: #000;
    z-index: -1;
}

#schule #bx-pager2 {
    top: 0;
    left: 199px;
    position: absolute;
    width: 425px;
    height: 362px;
	z-index: 99;
    padding: 130px 45px 0;
}

#schule #bx-pager2 a p {
    font-family: 'Schoolbell Regular';
    font-size: 32px;
    color: #fff;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#schule #bx-pager2 a.active p {
    background: url(../images/li_slider.png) no-repeat left center;
}

#wrap03 {
    float: left;
    position: relative;
    width: 100%;
}

.headline.links {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
    padding-top: 67px;
    margin-bottom: 72px;
}

.headline.links h2 {
    float: left;
    font-family: 'Schoolbell Regular';
    color: #000;
    font-size: 40px;
    background: #fff;
    padding-right: 30px;
}

.headline.links::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 30px;
    background: #000;
    z-index: -1;
}

#rand.home.bottom {
    max-width: 60%;
    margin-bottom: 155px;
    padding-top: 10px;
}

.rechteck {
    float: left;
    position: relative;
    width: 100%;
    background: #396f9f;
}

.bx-controls-direction {
    float: right;
}

#wrap02 .bx-controls-direction {
    float: left;
}

.showall a {
    float: left;
    font-family: 'Schoolbell Regular';
    color: #000;
    font-size: 32px;
    padding-top: 22px;
    transition: ease all 0.2s;
}

.showall a:hover {
    color: #6785be;
}

.bx-controls-direction {
    float: right;
    position: relative;
    width: 170px;
    padding-top: 20px;
}

#rand.home.bottom .bx-controls-direction #slider-prev a {
    background: url(../images/prev.png) no-repeat scroll center center;
    transition: 0.2s ease;
    bottom: 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 42px;
    width: 75px;
    position: absolute;
    z-index: 5;
    text-indent: -100px;
    overflow: hidden;
    text-decoration: none;
}

#rand.home.bottom .bx-controls-direction #slider-prev a:hover {
    background: url(../images/prev_h.png) no-repeat scroll center center;
}

#rand.home.bottom .bx-controls-direction #slider-next a {
    background: url(../images/next.png) no-repeat scroll center center;
    transition: 0.2s ease;
    clear: right;
    right: 8px;
    height: 42px;
    width: 75px;
    text-indent: -100px;
    overflow: hidden;
    text-decoration: none;
    float: right;
}

#rand.home.bottom .bx-controls-direction #slider-next a:hover {
    background: url(../images/next_h.png) no-repeat scroll center center;
}

#wrap04 {
    float: left;
    position: relative;
    width: 32.4%;
}

.ql a::before {
    content: '';
    width: 11px;
    height: 11px;
    background: #fff;
    border-radius: 50%;
    top: 15px;
    right: 15px;
    position: absolute;
}

.ql a::after {
    content: '';
    width: 11px;
    height: 11px;
    background: #fff;
    border-radius: 50%;
    top: 15px;
    left: 15px;
    position: absolute;
}

.mehr {
    float: left;
    position: relative;
    margin-left: calc(50% - 30px);
    padding-bottom: 40px;
    padding-top: 30px;
}

.mehr a {
    font-family: 'Lato Regular';
    font-size: 25px;
    color: #fff;
	padding-bottom: 2px;
}
.mehr a:hover {
    border-bottom: 2px solid #fff;
	padding-bottom: 0;
}
#homenews h5 {
    font-family: 'Schoolbell Regular';
    color: #fff;
    font-size: 30px;
	    padding-top: 60px;
    height: calc(100% - 60px);
}
#homenews .teaser {
    float: left;
    position: relative;
    padding-left: 40px !important;
    width: calc(100% - 80px) !important;
}
#homenews .month, #homenews p {
    font-family: 'Lato Regular';
    color: #fff;
    font-size: 20px;
}
#bx-pagerNews a p {
    font-family: 'Schoolbell Regular';
    font-size: 32px;
    color: #fff;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
}
#bx-pagerNews a.active p {
    background: url(../images/li_slider.png) no-repeat left center;
}
#slider-prev1 a {
    background: url(../images/prev.png) no-repeat scroll center center;
    transition: 0.2s ease;
    bottom: 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 42px;
    width: 75px;
    position: absolute;
    z-index: 5;
    text-indent: -100px;
    overflow: hidden;
    text-decoration: none;
}

#slider-prev1 a:hover {
    background: url(../images/prev_h.png) no-repeat scroll center center;
}

#slider-next1 a {
    background: url(../images/next.png) no-repeat scroll center center;
    transition: 0.2s ease;
    clear: right;
    right: 8px;
    height: 42px;
    width: 75px;
    text-indent: -100px;
    overflow: hidden;
    text-decoration: none;
    float: right;
}

#slider-next1 a:hover {
    background: url(../images/next_h.png) no-repeat scroll center center;
}
#homenews .bx-wrapper {
    float: left;
    position: relative;
    width: 100%;
}
#homenews .bx-viewport {
    float: left;
    position: relative;
    width: 100%;
}
/* Outline Out */
#ql00 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

#ql00:before {
    content: '';
    position: absolute;
    border: #ff9f9a solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

#ql00:hover:before,
#ql00:focus:before,
#ql00:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}

#ql01 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

#ql01:before {
    content: '';
    position: absolute;
    border: #d7edb4 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

#ql01:hover:before,
#ql01:focus:before,
#ql01:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}

#ql02 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

#ql02:before {
    content: '';
    position: absolute;
    border: #fec9a4 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

#ql02:hover:before,
#ql02:focus:before,
#ql02:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}

#ql03 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

#ql03:before {
    content: '';
    position: absolute;
    border: #a2c8e5 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

#ql03:hover:before,
#ql03:focus:before,
#ql03:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}
#homenews {
    float: left;
    position: relative;
    width: 100%;
}
#homenews li.news {
    float: left;
    position: relative;
    width: 100%;
    list-style: none;
}
#wrap04 #bx-pagerNews {
    float: left;
    position: relative;
    width: 100%;
    margin-left: 35px;
    margin-top: 60px;
}