html, body {
    height:100%;
    min-height: 100%;
}

html {
    padding:0px;
}

body { 
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: aleobold;
    color: #00344a;
    width:100%;
    height:100%;
    text-transform: uppercase;
    /* border-left: 30px solid #00344a;
    border-right: 30px solid #00344a; */
    
}

/* .marineframe {
    position:fixed;
    width: 100%;
    height:100%:
    margin: 0;
    z-index: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-width: 30px;
    border-color: #00344a;
    border-style: solid;
} */

h3 {
    font-family: aleobold;
    color: #f36865;
    text-transform: uppercase;
}

.location p {
    text-transform: uppercase;
}

.flamingo {
    color: #f36865;
    
}

.anker {
    max-height:400px;
    width:auto;
}

#content p {
    text-transform: uppercase;
    font-family: aleobold;
}

#content h4 {
    text-transform: uppercase;
    font-family: aleobold;
    color: #f36865;
}

.countdowntxt {
    width:100%;
    text-align: center; 
    text-transform: uppercase;
    margin-top:2%;
}

#countdown {
    width:360px;
    max-width:360px;
    margin:0px auto;
    text-transform: uppercase;
    font-family: aleobold;
    text-align: center; 
    color: #FFF;
}

.successmsg {
    width:360px;
    max-width:360px;
    margin:0px auto;
    text-transform: uppercase;
    font-family: aleobold;
    text-align: center; 
    color: #FFF;
    padding:20px;
    border: 1px solid #fff;
    margin-bottom:40px;
}

.timer {
    font-size: 45px;
    float: left;
    line-height: 0.5em;
    padding:5px;
    text-align: center;
    width:25%;
}

.countdesc {
    font-size:10px;
    width:auto;
    text-align: center;
    font-family: aleolight;
    
}

.section_location h3 {
    width:100%;
    text-align:center;
}


.locationbox0 {
    padding:15px;
    border:10px solid;
    margin-right:10px;
    margin-bottom:10px;
    border-color: #00344a;
}
.locationbox1 {
    padding:15px;
    border:10px solid;
    margin-right:10px;
    margin-bottom:10px;
    border-color: #00344a;
}
.locationbox2 {
    padding:15px;
    border:10px solid;
    margin-left:0px;
    margin-bottom:10px;
    border-color: #00344a;
}

.location {
    text-align: center;
}

.tab-content h3 {
    margin-left:15px;
}

.nav {
    margin-left:15px;
}

.map {
    margin: 0;
    width:100%;
    height:450px;
    padding:0px;
}

#siteNotice h3 {
    margin-left:0px;
}

.section_rsvp {
    width:100%;
    padding:0px;
}

.section_rsvptitle {
    width:100%;
    text-align: center;
}

.codeinput {
    text-align: center;
}

.input-md {
    width:100%;
    border-bottom: 4px solid #00344a;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    -webkit-box-shadow:inset 0 0 0px #000;
    -moz-box-shadow:inset 0 0 0px #000;
    box-shadow:inset 0 0 0px #000;
    text-transform: uppercase;
    color: #00344a;
    margin-top: 20px;
}
.input-md:focus {
    width:100%;
    border-bottom: 4px solid #f36865;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    -webkit-box-shadow:inset 0 0 0px #000;
    -moz-box-shadow:inset 0 0 0px #000;
    box-shadow:inset 0 0 0px #000;
    text-transform: uppercase;
    color: #f36865;
}

.btn-primary {
    border-radius: 0px;
    background-color: #00344a;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    border:none;
    margin:0px auto;
}
.btn-primary:hover {
    border-radius: 0px;
    background-color: #f36865;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    border:none;
}
.btn-primarylogin {
    display:none;
    border-radius: 0px;
    background-color: #00344a;
    text-transform: uppercase;
    width: 15%;
    margin-left:5px;
    height: 50px;
    color:#fff;
    margin-top: 5px;
    border: 1px solid #fff;
    margin:0px auto;
}
.btn-primarylogin:hover {
    display:none;
    border-radius: 0px;
    background-color: #f36865;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    border:none;
}
#nachricht {
    width:100%;
    text-transform: uppercase;
    border-bottom: 4px solid #00344a;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-radius: 0px;
    color: #00344a;
    min-height:100px;
    
}
#nachricht:focus {
    width:100%;
    text-transform: uppercase;
    border-bottom: 4px solid #f36865;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    color: #f36865;
    
}

.rsvp_title {
    width:360px;
    text-align:center;
    margin:0px auto;
    }

.RSVP_form {
    max-width: 360px;
    margin: 0px auto;
}


.checkbox {
    margin-top:20px;
    padding-top: 20px;
}

.top20 {
    margin-top:20px;
}

.zusage_personen {
    border: 4px solid #00344a;
    padding: 20px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.zusage_personen h4 {
    width:100%;
    text-align: center;
}
.checkbox_personen {
    text-transform: none;
}

.abschicken {
    width:100%;
    text-align: center;
}
/*.bar-top {
    position: fixed;
    width: 100%;
    height: 30px;
    background-color: #00344a;
    top: 0;
    z-index: 1;
    left: 0;
}
*/
/* .bar-bottom {
    position: fixed;
    width: 100%;
    height: 30px;
    background-color: #00344a;
    bottom: 0;
    z-index: 1;
    left: 0;
}
*/


#uploadwrapper
{
 text-align:center;
 margin:0 auto;
 padding:0px;
 width:995px;
}
#drop-area
{
 margin-top:20px;
 margin-left:220px;
 width:550px;
 height:200px;
 background-color:white;
 border:3px dashed grey;
}
.drop-text
{
 margin-top:70px;
 color:grey;
 font-size:25px;
 font-weight:bold;
}
#drop-area img
{
 max-width:200px;
}

.galleryitem {
float: left; 
margin: 20px;
/*display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
color:#fff;*/
display:block;
}
#gallerydesc {
    text-align: center;
     width:100%;
 
}
#gallerydesc a {
    display:block;
}
/* #gallerydesc a {
    color:#fff;
}



 .galleryitem:hover #gallerydesc{
    display:block;
    z-index:10;
    cursor: hand;
} */

.galleryimg {
   
   width:250px;
   height:250px;
   
}
/*
.galleryitem:hover .galleryimg {
 -webkit-filter: blur(10px); -moz-filter: blur(10px);
-o-filter: blur(10px); -ms-filter: blur(10px); 
filter: url(#blur); filter: blur(30px);  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
-webkit-transition: 0.3s -webkit-filter linear;
-moz-transition: 0.2s -moz-filter linear;
-o-transition: 0.2s -o-filter linear;
transition: 0.2s -webkit-filter linear;
}



/* SECTIONS */
.section_anker {
    display: table;
    
    height:100%;
    width:100%;
    min-height:100%;
    background-color: #00344a;
    border: 0;
    }

.middle {
    display: table-cell;
    vertical-align: middle;
}
.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 360px;
}

.section_countdown {
    padding-top: 50px;
    background-color: #00344a;
    
}


.section_location {
    margin-top: 0px;
    background-color: #fff;
}

.section_map{
    padding-top: 50px;
    background-color: #fff;
    padding-bottom:50px;
}

.section_rsvp{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
}
.section_geschenke{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
}

.section_footer {
  width: 100%;
  height: 250px;
  background-color: #00344a;
  text-align: center;
  padding-top:50px;
}

.section_footer img {
    height: 150px;
    width: auto;
}

.section_parallax {
    margin-top:0px;
    width:100%;
    height: 500px;
    background-color: #fff;
    background: url("../img/floli_danke.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section_parallax2 {
    margin-top:0px;
    width:100%;
    height: 500px;
    background-color: #fff;
    background: url("../img/floli_2.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section_parallax3 {
    margin-top:0px;
    width:100%;
    height: 500px;
    background-color: #fff;
    background: url("../img/floli_3.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.parallax_overlay {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,0+10,0+90,0.25+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,0.25) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */

    width:100%;
    height:100%;
    padding:0;
    margin:0;
}


.codeeingabe {
    max-width: 360px;
    width: 360px;
    margin: 0px auto;
}

.copy {
    text-transform: none;
    font-family: aleoregular;
}

.copyzusage {
    text-align: center;
}
.copy strong {
    font-family: aleobold;
}

.copy td {
    padding:5px;
    word-wrap:break-word;
}

.hotelinfo {
    width: 100%;
    padding:20px;
    background-color:#f2f2f2;
}

.hotelimg {
    width:120px;
    height:120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    border: 5px solid #00344a;
    float: left;
    padding:5px;
}

.hoteldesc {
    float: left;
    margin-left:20px;
}


hr {
    width: 100%;
}

@media only screen and (max-device-width: 768px) {
    .section_parallax {
        background-attachment: scroll;
    }
    .section_parallax2 {
        background-attachment: scroll;
    }
    .section_parallax3 {
        background-attachment: scroll;
    }
    .section_rsvp {
        padding-left:40px;
        padding-right:40px;
    }
    .hotelimg {
        width:100%;
        float:none;
    }
    .map {
        height:600px;
    }
    
    #galleryitem {
        height:150px;
        margin-top:10x;
        padding:0;
        margin-left:0px;
    }
    
    #gallerydesc {
    position:inherit;
    display:block;
    z-index:10;
    color:#00344a;
    padding:20px;
    width:100%;
    border: 10px solid #00344a;
    text-align:center;
    }
    
    #gallerydesc a { 
    color:#00344a;
    text-align:center;
     }
    
    .galleryitem {
        width:100%;
    }
    .galleryimg {
     display:none;
    }
}