/* NOTIZEN
.color-primary-0 { color: #33C1F0 }	/* Main Primary color
.color-primary-1 { color: #F4FCFF }
.color-primary-2 { color: #7BD6F4 }
.color-primary-3 { color: #04AEE6 }
.color-primary-4 { color: #025773 }
*/


/*GENERAL STYLES*/
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
.container{
    background-color: #fff;
    margin-top: 3rem;
}
html{
    background: #F4FCFF;
}
li{
    list-style-type: none;
}
section{
    padding-bottom: 5rem;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
}

.section-title{
    text-align: center;
    padding-top: 2rem;
}
.section-title span{
    font-style: italic;
    color: #000;
}
.section-desc p{
    padding: 0rem 7rem;
    text-align: center;
}

.call-to-action{
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.row{
    padding-right: 1.2rem;
}

h1,
h2,
h3,
h4,
h5,
h6{
    color: #04AEE6;
}

/*SECTION A - HOME */
#section-a{
    background-color: #F4FCFF;
    background-image: linear-gradient(to top right,
    rgba(250,250,250,0.5),
    rgba(250,250,250,0.1)),
    url(../img/fewoSchnB_006.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    height: 50vh;
}
.welcome-box{
    position: relative;
    top: 10rem;
}

/*SECTION B - UMGEBUNG*/
.fact{
    display: inline-block;
    text-align: center;
    padding: 1rem 3rem;
}
.fact .fact-icon{
    font-size: 10rem;
}

/*SECTION C - EINBLICKE*/
.gallery,
.prices{
    margin: 0rem 1rem;
}
.insight,
.price{
    text-align: center;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    margin: 1rem;
}

/*SECTION D - ÜBERZEUGT?*/
.convinced h4,
.convinced h5{
    display: block;
    padding: 1rem;
    margin: 1rem auto;
    text-align: center;
}
/*SECTION E - PREISE*/
/*prices box and single price is basically styled as the gallery and the insights*/
.price{
    padding: 1rem;
    width: 70%;
    margin: 1rem auto;
    text-align: center;
}
#section-e .section-desc{
    padding: 3rem 0rem;
    display: block;
    text-align: center;
}

/* SECTION G - ANFAHRT */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*FOOTER SECTION*/
#footer{
    background-color: #025773;
    margin-bottom: -50px;
    margin-top: 20px;
    padding: 20px;
    text-align: center;
}


/*Impressum*/
.impressum{
    padding: 2rem;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
}



/* Larger than mobile */
@media (max-width: 400px){
    #header nav{
        display: none;
    }
    #header .header-icon{
        font-size: 3rem;
        text-align: center;
    }
}

@media (min-width: 400px) {
    #header{
        background-color: #fff;
        margin-top: -2.5rem;
    }
    #header i{
        display: none;
    }
    nav li{
        padding: 1rem;
        text-align: center;
        color: #fff;
    }
    nav a{
        border-radius: 10px;
        display: inline-block;
        padding: 1.2rem;
        transition: background-color 0.4s;
    }
    nav a:hover{
        background-color: #04AEE6;
        color: #fff;
    }
}

@media (min-width: 550px) {
    .six.columns{
        width: 100%;
        padding: 0 0;
        margin: 2rem auto;
        margin-left: 0.8rem;
    }
}

@media (min-width: 750px) {
    .six.columns{
        width: 45%;
        padding: 0;
        margin: 0.5rem 0.5rem;
    }
    nav li{
        padding-right: 2rem;
    }
}

@media (min-width: 1000px) {
    .six.columns{
        width: 45%;
        padding: 0;
        margin: 2rem 2rem;
    }
}