@charset "utf-8";

@import url('css-reset.min.css');
@import url('fontface.css');

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Chivo', serif;
*/


/* STYLES
-------------------------------------------------------------------------------------------------------------------------------------------- */
html {
    font-size: 100%;

}

@media only screen and (max-width: 64em) {
    html {
        font-size: 95%;
    }
}

@media only screen and (max-width:40rem) {
    html {
        font-size: 85%;
    }
}

body {
    margin: 0;
    padding: 0;
    background-color: #F9F9F9;
}

a {
    color: #0A5054;
}

a:hover {
    color: #598999;
}

p,
ul li {
    font: 1rem/1.5 'Open Sans';
    color: #414141;
    font-weight: 400;
    hyphens: auto;
}

p.big {
    font: 1.8em/1.5 'Open Sans';
    font-weight: 400;
}

p.big a {
    border-bottom: 1px solid #B8BE60;
}

.pCut > p:after {
    content: '...';
}

p strong {
    font-family: 'Open Sans';
    font-weight: 600;
}

small {
    font-size: 85%;
}

u {
    text-decoration: underline;
}

img {
    border: 0;
}

h1 {
    font: 8em/1 'Chivo';
    font-weight: 700;
    text-transform: uppercase;
    color: #414141;
    text-shadow: 2px 2px 4px rgba(61, 58, 58, 0.44);
}

h1.small {
    font-weight: 300;
    color: #4E4322;
    font-size: 4.374.9375rem;
    line-height: 1;
    margin-top: -1rem;
}

h2 {
    font: 3.675rem/1 'Chivo';
    font-weight: 700;
    color: #414141;
    word-wrap: break-word;
}

h3 {
    font: 2.25em/1.2 'Chivo';
    font-weight: 700;
    color: #414141;
    margin-bottom: 0.5rem;
}

h4 {
    font: 1.5em/1.2 'Chivo';
    font-weight: 700;
    color: #414141;
}

h5 {
    font: 1.25em/1.45 'Chivo';
    font-weight: 700;
    color: #707070;
}

h6 {
    font: 1.125rem/1.4 'Open Sans';
    font-weight: 300;
    text-transform: uppercase;
    color: #0A5054;
    letter-spacing: 0.1rem;
    margin-bottom: 0.74.9375rem;
}
h1,h2,h3,h4,h5,h6,p,ul li,ol li {
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphenate-limit-chars: auto 3;
    hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 2;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 2;
}
@media only screen and (max-width: 73.9375em) {
    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 2.525rem;
        margin-bottom: 1.1rem;
    }
}


/* HEADER
-------------------------------------------------------------------------------------------------------------------------------------------- */

#hm {
    margin-top: 0.6rem;
}

.showheel {
    background-color: #F9F9F9;
    height: 40rem;
    margin: 0 0.8rem;
    height: 40rem;
    padding: 2rem 0rem 1rem 0rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    /*	padding: 0px;*/
    margin: 0px;
}

.showheel em {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    background-color: rgba(96, 94, 88, 0);
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.showheel video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    background-color: transparent;
}

.navi,
.headline {
    position: relative;
    z-index: 3;
}
.navi {
    z-index: 4;
}
.logo img {
    min-width: 15rem;
    margin-left: 1rem;
}

.st1 {
    fill: #FFFFFF;
}

.secondaryMenuBar {
    position: relative;
    z-index: 5;
}

a.top_submenu {
    font: 0.875rem/1 'Open Sans';
    color: #707070;
    font-weight: 400;
    margin-left: 2.25rem;

}

ul.row.align-right.topMenu {
    margin-right: 0.8rem;
}

a.top_submenu:hover {
    color: #0A5054;
}

a.top_submenu.active {
    color: black;
}

.headline {
    margin-top: 6rem;
}

.headline * {
    color: white;
}

.headline h1 {
    animation-delay: 0.2s;
}

.headline h3 {
    animation-delay: 0.6s;
    text-shadow: 2px 2px 3px rgba(61, 58, 58, 0.44);
}

.headline p {
    opacity: 1;
    animation-delay: 0.8s;
    text-shadow: 2px 2px 3px rgba(61, 58, 58, 0.44);
}

@media only screen and (max-width: 64em) {
    #hm {
        align-items: center;
        margin-top: inherit;
    }

    .showheel {
        padding: 1rem 0;
        height: 30rem;
    }

    .logo {
        text-align: right;
    }

    .logo img {
        width: 100%;
        max-width: 12.5rem;
        min-width: 5rem;
        margin-left: inherit;
    }
}

@media only screen and (max-width:40em) {
    #hm {}

    .showheel {
        /*        padding: 1rem 0;*/
        margin: 0rem;
        height: 28rem;
    }

    ul.row.align-right.topMenu {
        margin-right: 0rem;
    }

    a.top_submenu {
        margin-left: 1rem;
    }



}


/* site
-------------------------------------------------------------------------------------------------------------------------------------------- */

.onAir {
    margin-top: -1.56rem;
    position: relative;
    z-index: 5;
    animation-delay: 0.7s;
}

.oa_start {
    background-color: white;
    display: flex;
    align-items: center;
}

.oa_start article {
    padding: 1.4rem 2.5rem;
}

.onAir .responsive * {
    color: white;
}

.onAir h2 {
    font-size: 2rem;
    line-height: 0.9;
    height: 6.5rem;
    margin: 0;
}

.onAir h3 {
    font: 2.25rem/1 'Chivo';
    color: #414141;
    font-weight: 300;

}

.onAir h6 {
    font: 1.125rem/1 'Open Sans';
    color: #0A5054;
    text-transform: uppercase;
    font-weight: 800;
}

.onAir time {
    font: 1.5rem/1 'Open Sans';
    display: block;
}

.onAir .responsive > div time:last-of-type,
.onAir p {
    font-weight: 700;
}

.onAir p {
    margin-top: 2rem;
}

.emptyMessage {
    background-color: #0A5054;
    align-items: center;
}

.emptyMessage h2 {
    height: auto;
    padding: 0 2.5rem;
    color: white;
}


/* FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------- */

footer > div > div {
    background-color: #414141;
}

footer p {
    color: white;
    margin-bottom: 0.8rem;
}

footer p a {
    color: white;
    border-bottom: 1px dotted white;
}
footer p a.phone {
    border-bottom: none;
}
footer a:hover {
    color: #2b94b8;
}
footer a.phone:hover {
    color: inherit;
}

footer h3 {
    font-size: 1.125rem;
    color: white;
    text-transform: uppercase;
    margin-top: 6.25rem;
}

footer .logo {
    height: 3.25rem;
}

footer aside:last-child {
/*    margin-top: 8rem;*/
}

.creditsLink p {
    font-size: 0.874.9375rem;
    color: #414141;

}

.creditsLink div:last-child p {
    text-align: right;
}

.creditsLink a {
    margin-left: 1rem;
    color: #414141;
}

.creditsLink a:hover {
    color: #2b94b8;
}

@media only screen and (max-width: 64em) {}

@media only screen and (max-width: 40rem) {
    footer aside:last-child {
        margin-top: 5.5rem;
    }

    .creditsLink div p,
    .creditsLink div:last-child p {
        text-align: center;
    }

    .creditsLink a {
        display: block;
    }
}

.socialLink:hover {
    opacity: 0.75;
}


.privacy-wrapper {
    margin: 1rem auto;
    width: 100%;
    max-width: 56rem;
    padding: 0 2rem;
}

.privacy-wrapper ul,
li {
    list-style: none !important;
}

.privacy-wrapper header {
    margin: 1rem 0 2rem 0;
}

.privacy-wrapper h4 {
    margin: 1rem 0 0 0;
}

.memberPopup {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.callout.corona {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}