body {
    background-color: #efefef;
    font-family: Arial;
}

h3 {
    margin: 0;
}

h3+p {
    margin-top: 0;
}

a {
    color: #DD137B;
    font-size: 13px;
    text-decoration: none;
}

.container {
    background-image: url(../images/girl.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    width: 100%;
    max-width: 1400px;
}

@media (max-width: 640px) {
    .container {
        min-width: initial;
    }
}

.wrapper {
    width: 64%;
    max-width: 940px;
    margin: 20px auto;
    background-color: #fff;
    position: relative;
}

@media (max-width: 640px) {
    .wrapper {
        width: 94%;
    }
}

.home-hero {
    display: grid;
    grid-gap: 1px;
    grid-auto-rows: minmax(150px, auto);
}

.home-hero>* {
    padding: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333;
    color: #fff;
}

.feature,
.features {
    background-image: url(../images/krankenschwester.png);
    background-position: bottom right;
    background-color: #fff;
    background-size: 50%;
    color: #333;
    padding: 20px;
}

.feature p {
    *max-width: 50%;
    padding-top: 7px;
}

.features p {
    padding: 0;
    margin: 0;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));
}

.photos {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url(../images/aussenfassade_s.jpg);
    color: #fff;
    position: relative;
}

.news {
    background-image: url(../images/gallery/kursp1.jpg);
    color: #fff;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.special {
    background-color: #FFFFFF;
    color: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 300px;
}

.special .aak,
.photos a,
.news a,
.pkz a {
    color: #fff;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.special h3,
.amazing h3 {
    margin-top: auto;
}

.amazing {
    color: #333333;
    display: flex;
    flex-direction: row;
    background-color: #fff;
    padding: 0;
}

.amazingwether {
    *background-image: url(../images/wetzlar.jpg);
}

.amazingwether,
.amazingpartners {
    display: inline-block;
    width: 50%;
}

.amazingpartners {
    width: 50%;
    max-height: 220px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #efefef;
}

.amazingpartners img {
    max-width: 100%;
    padding-top: 35%;
}

.amazingpartners p {
    padding: 0 10px;
    position: absolute;
}

.cta {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00949C+0,db4c94+50,dd137b+100 */
    background: #00949C;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #00949C 0%, #F1A731 50%, #db4c94 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #00949C 0%, #F1A731 50%, #db4c94 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #00949C 0%, #F1A731 50%, #db4c94 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00949C', endColorstr='#F1A731', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    display: flex;
    flex-direction: column;
}

.cta {
    padding: 10px 25px;
}

.cta p {
    margin: 10px;
    padding: 0;
}

.cta h3 {
    text-align: center;
}

a.register-button:link {
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
    background-color: #DD137B;
    color: #fff;
    display: block;
    padding: 5px;
    margin: auto auto 20px;
    width: 90%;
    text-align: center;
}

.cta a.blink {
    text-decoration: blink;
}

.pkz {
    background-image: url(../images/pkz-video.jpg);
    position: relative;
}

.video {
    background-image: url(../images/wetzlar.jpg);
    background-color: #fff;
    color: #333;
    padding: 0;
    position: relative;
    overflow: hidden;
}

#wetzlar {
    position: absolute;
    right: -100px;
    bottom: 0;
    min-width: 100%;
    max-height: 320px;
    z-index: 1;
}

.videotext {
    position: absolute;
    z-index: 2;
    color: #fff;
    top: -5px;
    right: 30px;
}

.fullscreen {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 2;
    cursor: pointer;
}

.fullscreen i {
    color: #fff;
    font-size: 24px;
}

@media (min-width: 500px) {
    .home-hero {
        grid-template-columns: 1fr 1fr;
    }
    .feature {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }
    .special {
        grid-column: 1;
        grid-row: 3 / 6;
    }
    .amazing {
        grid-column: 1;
        grid-row: 6;
    }
    .cta {
        grid-column: 2;
        grid-row: 5 / 7;
    }
}

@media (min-width: 800px) {
    .home-hero {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: minmax(150px, auto) minmax(150px, auto);
        grid-auto-rows: minmax(100px, auto);
    }
    .feature {
        grid-column: 1;
        grid-row: 1 / 3;
    }
    .special {
        grid-column: 2;
        grid-row: 1 / 4;
    }
    .amazing {
        grid-column: 2;
        grid-row: 4 / 6;
    }
    .cta {
        grid-column: 1;
        grid-row: 3 / 4;
    }
    .pkz {
        grid-column: 1;
        grid-row: 4 / 6;
    }
    .video {
        grid-column: 3;
        grid-row: 6 / 3;
    }
}

#sampletext {
    position: absolute;
    font: italic bold 60px arial;
    color: #aaaaaa;
    margin-top: 200px;
}

#slideshow {
    position: relative;
}

#slideshow>div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
}

#slideshow img {
    max-width: 100%;
}

.blink {
    background-color: #004A7F;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #DD137B;
        -webkit-box-shadow: 0 0 3px #DD137B;
    }
    50% {
        background-color: #e74c9c;
        -webkit-box-shadow: 0 0 40px #e74c9c;
    }
    100% {
        background-color: #DD137B;
        -webkit-box-shadow: 0 0 3px #DD137B;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #DD137B;
        -moz-box-shadow: 0 0 3px #DD137B;
    }
    50% {
        background-color: #e74c9c;
        -moz-box-shadow: 0 0 40px #e74c9c;
    }
    100% {
        background-color: #DD137B;
        -moz-box-shadow: 0 0 3px #DD137B;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #DD137B;
        box-shadow: 0 0 3px #DD137B;
    }
    50% {
        background-color: #e74c9c;
        box-shadow: 0 0 40px #e74c9c;
    }
    100% {
        background-color: #DD137B;
        box-shadow: 0 0 3px #DD137B;
    }
}

@keyframes glowing {
    0% {
        background-color: #DD137B;
        box-shadow: 0 0 3px #DD137B;
    }
    50% {
        background-color: #e74c9c;
        box-shadow: 0 0 40px #e74c9c;
    }
    100% {
        background-color: #DD137B;
        box-shadow: 0 0 3px #DD137B;
    }
}

.breaking-news-headline {
    display: block;
    position: absolute;
    font-family: arial;
    font-size: 13px;
    margin-top: -22px;
    color: white;
    margin-left: 120px;
}

.breaking-news-title {
    display: block;
    height: 20px;
    width: 90px;
    font-family: arial;
    font-size: 11px;
    position: absolute;
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-left: 10px;
    z-index: 3;
    &:before {
        content: "";
        position: absolute;
        display: block;
        width: 0px;
        height: 0px;
        top: 0;
        left: -12px;
        border-left: 12px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 30px solid #FFEA00;
    }
    &:after {
        content: "";
        position: absolute;
        display: block;
        width: 0px;
        height: 0px;
        right: -12px;
        top: 0;
        border-right: 12px solid transparent;
        border-left: 0px solid transparent;
        border-top: 30px solid #FFEA00;
    }
}

#breaking-news-container {
    overflow: hidden;
    position: absolute;
    &:before {
        content: "";
        width: 30px;
        height: 30px;
        background-color: #3399FF;
        position: absolute;
        z-index: 2;
    }
}

.animated {
    -webkit-animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 0.2s;
    -moz-animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
}

.delay-animated {
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 0.4s;
    -moz-animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.scroll-animated {
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 3s;
    -moz-animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-animated2 {
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 0.4s;
    -moz-animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-animated3 {
    -webkit-animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 5s;
    -moz-animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-delay: 0.5s;
    animation-delay: 3s;
}

.fadein {
    -webkit-animation-name: fadein;
    -moz-animation-name: fadein;
    -o-animation-name: fadein;
    animation-name: fadein;
}

@-webkit-keyframes fadein {
    from {
        margin-left: 1000px
    }
    to {}
}

@-moz-keyframes fadein {
    from {
        margin-left: 1000px
    }
    to {}
}

.slidein {
    -webkit-animation-name: slidein;
    -moz-animation-name: slidein;
    -o-animation-name: slidein;
    animation-name: slidein;
}

@keyframes marquee {
    0% {
        left: 0;
    }
    20% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

.marquee {
    animation: marquee 10s linear infinite;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 3s;
}

@-webkit-keyframes slidein {
    from {
        margin-left: 800px
    }
    to {
        margin-top: 0px
    }
}

@-moz-keyframes slidein {
    from {
        margin-left: 800px
    }
    to {
        margin-top: 0px
    }
}

.slideup {
    -webkit-animation-name: slideup;
    -moz-animation-name: slideup;
    -o-animation-name: slideup;
    animation-name: slideup;
}

@-webkit-keyframes slideup {
    from {
        margin-top: 30px
    }
    to {
        margin-top: 0;
    }
}

@-moz-keyframes slideup {
    from {
        margin-top: 30px
    }
    to {
        margin-top: 0;
    }
}

#breaking-news-colour,
#breaking-news-container {
    height: 30px;
    width: 100%;
}

.aktuelles {
    height: 30px;
    display: block;
}

#breaking-news-colour,
.aktuelles {
    background-color: #DD137B;
}

.breaking-news-title {
    background-color: #F1A731;
}

.fb {
    position: absolute;
    top: -3px;
    color: #3b5998;
    right: 0;
    font-size: 36px;
}

.special .fbl {
    z-index: 3;
}

.kontakt {
    font-size: 12px;
    text-align: center;
}

.anschrift {
    font-size: inherit;
}