/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/

*{
    margin:0;padding:0;
}
html,body{
    height: 100%;
    font-family: 'Open Sans',sans-serif;
    color:#333;
    text-align:center
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}/*\*/
.clearfix{display:block}/**/
.none{display:none}

hr {border: 0px; border-bottom: 1px dotted #999; margin-bottom: 35px;}


/*-----------------------------------------------------------------------------------*/
/*	Highest Resolutions
/*-----------------------------------------------------------------------------------*/

h1 {font-size: 40px; margin: 25px 0 17px 0; line-height: 45px;}
h2 {font-size: 20px; font-weight: normal; color: #999; line-height: 26px;}
h2 a {color: #999; text-decoration: none;}
h3 {font-size: 20px; font-weight: normal; color: #999; line-height: 26px; text-align: center;}

/* sticky footer */
section#content {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -240px;
}

.push {
    height: 240px;
    clear: both;
    display: block;
}

footer {
    display: block;
    height: 240px;
    background:url(bg.jpg) bottom center no-repeat;
    background-size:100% 135px;
}

.wrapper {width:978px;margin: 0 auto; padding-top: 75px;}

.logo {max-width:100%;margin:auto}

#countdown_wrap{
    margin: 40px auto 0 auto;
    display:table;
    padding:2px;
    white-space:nowrap;
}
#countdown{
    display:table-row;
    white-space:nowrap;
}

.ie #form_coming {
    height: 45px;
}

#coming-soon {
    height: 115px;
    padding: 47px 0 0 0;
    background: url(coming-soon.png) no-repeat top center;
    margin-top: 40px;
}

#form_placeholder {
    background:#fff;
    border: 1px solid #dedede;
    border-radius:5px;
    box-shadow: 1px 5px 12px 1px #ccc;
    margin: 0 auto;
    padding: 5px;
    width: 550px;
    position: relative;
}

.emailInput{
    background:#fff;
    width:370px;
    height:45px;
    /*line-height: 45px;*/
    font-family:'Open Sans',sans-serif;
    font-size:17px;
    color:#8d8d8d!important;
    outline:0;
    border:0;

    padding:0 5px 0 18px;
}
.emailInput::-webkit-input-placeholder{
    font-size:16px;
    color:#c4c4c4 !important;
    font-style: italic;
    font-weight: bold;
}
.emailInput:-moz-placeholder{
    font-size:16px;
    color:#c4c4c4 !important;
    font-style: italic;
    font-weight: bold;
}
.emailInput:-ms-input-placeholder{
    font-size:16px;
    color:#c4c4c4 !important;
    font-style: italic;
    font-weight: bold;
}
.placeholder {
    line-height: 45px !important;
    font-size:16px;
    color:#c4c4c4 !important;
    font-style: italic;
    font-weight: bold;
}

.ie .emailInput {
    line-height: 45px !important;
    float: left !important;
}

.emailBt {
    position: absolute;
    top: 8px;
    right: 8px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:16px;
    font-weight:bold;
    width: 140px;
    height: 40px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ba5100;
    cursor: pointer;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffb700;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffb700;
    box-shadow:inset 0px 1px 0px 0px #ffb700;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8500), color-stop(1, #ff0900) );
    background:-moz-linear-gradient( center top, #ff8500 5%, #ff0900 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8500', endColorstr='#ff0900');
    background-color:#ff8500;
    border:1px solid #ff9100;

}

.emailBt:hover {
    /*background-position:0 -60px;margin-top:-1px*/
    background-color:#68d39a;
}


p {
    color: #9f9d9d;
    font-size:13px;
    line-height: 19px;
    margin: 20px 0 30px 0;
}

#footer_content-iphone {
    background:url(vorschau.png) bottom center no-repeat;
    height: 140px;
    overflow: hidden;
    padding: 100px 0 0 0;
    text-align: center;
    margin: 0 auto;
}

#footer_content-macbook {
    background:url(/cta_archivoss/macbook.png) bottom center no-repeat;
    height: 200px;
    overflow: hidden;
    padding: 40px 0 0 0;
    text-align: center;
    margin: 0 auto;
}

/* poolie */
#pooliestudios {border-radius: 5px; font-size: 11px; position: absolute; top: 0px; right: 22px; color: #ccc;}
#pooliestudios a { color: #ccc;}
#start ul {list-style: none; font-size: 13px;  position: relative; display: block; margin: 5px 0 10px 60px; color: #999;}
#start li {margin-right: 20px; position: relative; float: left; display: block;}

@media (max-width: 320px) {
    h1 {font-size: 25px; margin: 10px 0 17px 0; line-height: 30px;}
    ul { margin: 5px 0 10px 5px; text-align: left;}
    .wrapper {padding-top: 50px;}
}

/*-----------------------------------------------------------------------------------*/
/*	Tablets (portrait)
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 765px) and (max-width: 978px){
    .wrapper{width:765px;}
    #coming-soon {
        background: url(/cta_archivoss/coming-soon.png) no-repeat top center;
    }
}



/*-----------------------------------------------------------------------------------*/
/*	smartphones (landscape)
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 450px) and (max-width: 765px){
    .wrapper{width:450px;}
    #coming-soon {
        background: none;
        height: 100px;
    }
    #form_placeholder {
        width: 400px;
    }
    .emailInput{
        width:240px !important;
        height:45px;
        display:block!important;
    }
    .emailBt{
        font-size:16px;
        width: 100px;
        height: 40px;
        cursor: pointer;
    }

    p {
        font-size:14px;
    }
}



/*-----------------------------------------------------------------------------------*/
/*	smartphones (portrait)
/*-----------------------------------------------------------------------------------*/

@media only screen and (max-width: 450px){
    .wrapper{width:300px;}

    .item{
        height:60px;
        float:left;
        margin-right:10px;
        font-size:35px;
        font-style: italic;
    }
    .item span{
        font-size:11px;
        margin-left: -10px;
    }
    #coming-soon {
        background: none;
        height: 100px;
    }
    #form_placeholder {
        width: 280px;
    }
    .emailInput{
        width:190px !important;
        height:40px;
        padding:0 0 0 5px;
    }
    .emailInput::-webkit-input-placeholder{
        font-size:14px;
    }
    .emailInput:-moz-placeholder{
        font-size:14px;
    }
    .emailInput:-ms-input-placeholder{
        font-size:14px;
    }
    .emailBt{
        font-size:14px;
        width: 75px;
        height: 35px;
        cursor: pointer;
    }

    p {
        font-size:14px;
    }
}

/* info */
#infopage {text-align: left;}
#infopage figure {float: right;}
#infopage figcaption {text-align: center; font-style: italic; color: #999;}
#infopage p {color: #333; font-size: 16px; line-height: 28px;}
#infopage a {color: #ff6600;}
.teaser {border-radius: 30px; padding: 20px;}
#infopage ul {margin-left: 20px;}
#infopage li {margin-left: 20px;}