/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
/*html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}*/

html,body{
    font-family: 'Roboto Condensed', sans-serif;
    height:100%;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    color: #474747;
}
strong{
    font-weight: 600;
}

.please-scroll-down{
    position:absolute;
    width:35px;
    margin:0 auto;
    bottom:9%;
    left:50%;
}
.mouse{height:50px;width:35px;border-radius:14px;border:2px solid #fff}
.mouse:after{content:'';display:block;height:8px;width:2px;margin:10px auto;background:#fff;position:relative;-webkit-animation:a 1.2s ease infinite;animation:a 1.2s ease infinite}
.arrow-scroll{width:35px;margin-top:10px}
.arrow-scroll>span{font-family:Arial,sans-serif;display:block;width:9px;height:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #fff;border-bottom:2px solid #fff;margin:5px auto 3px;-webkit-animation:b 1s infinite;animation:b 1s infinite;-webkit-animation-delay:.2s;animation-delay:.2s}
.arrow-scroll>span:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}
.arrow-scroll>span:last-child{-webkit-animation-delay:.3s;animation-delay:.3s}
@-webkit-keyframes a{
    0% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    } to {
              opacity:0;
              -webkit-transform:translateY(8px);
              transform:translateY(8px)
          }
}
@keyframes a{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes b{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes b{0%{opacity:0}50%{opacity:.5}to{opacity:1}}

.welcome-slider-wrapper{
    min-height:100%;
    position:relative;
}
.welcome-slider{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

header{
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    width: 100%;
    position:absolute;
    top:350px;
    font-size: 21px;
    padding:14px 0 14px 70px;
    line-height: 30px;
    text-align: center;
    background-image: url('/img/bg_menu.png');
// set animation
-webkit-transition:
background-color 0.4s ease,
height 0.4s ease,
font-size 0.4s ease;
    transition:
            background-color 0.4s ease,
            height 0.4s ease,
            font-size 0.4s ease;
}
header > h1 {
    border:1px solid #000000;
    width:70%;
    margin: 8px auto 8px;
    font-size: 26px;
    background-color:rgba(145,145,145,.2);
    color:#000000;
    font-weight:bold;
}
header > strong {
    color:#000000;
}
header > hr {
    border-top: 1px solid #000000;
    width:70%;
    margin: 8px auto 8px;
}
header > a {
    color: #1e89cb;
    font-weight:bold;
}
header > a:hover {
    color: #1e89cb;
    font-weight:bold;
    font-style:italic;
}
header > h1 > a {
    color:#1a1a1a;
}
header > h1 > a:hover {
    color:#ffffff;
}
header.small > h1 {
    border:none;
}
header.small{
    padding-left: 20px;
    border-bottom:1px #000000 solid;
    font-size: 24px;
    padding-top:0;
    line-height: 48px;
    text-align: left;
    height: 48px;
    background-color: rgba(248, 173, 46, 0.9);
    position:fixed;
    top:0;
}
header.sticky {
    position: fixed;
    top:0;
}
#main-content {
    transition: margin-left 0.5s ease;
}
#menu-toggle-wrapper {
    background-color: rgba(0, 0, 0, 0.65);
}

h3.post-header{
    font-size: 21px;
}
.post-main-content{
    font-size: 17px;
}

/* Responsiveness
**************************************************/
@media only screen and (max-width: 992px){
    header > h1 {
        font-size: 23px;
    }
}
@media only screen and (max-width: 768px){
    .logo-start-page {
        background-image:url('/img/logo/suedstern-ev-white-300.png');
        width:300px;
        height:139px;
        margin:0 auto;
        position:relative;
        top:75px;
    }
    header > h1{
        font-size: 19px;
    }
}
@media only screen and (max-width: 600px){
}
@media only screen and (max-width: 480px){
}
@media (min-width: 600px) {
}
@media (min-width: 768px) {
    .logo-start-page{
        background-image:url('/img/logo/suedstern-ev-white-500.png');
        width:500px;
        height:232px;
        margin:0 auto;
        position:relative;
        top:75px;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}