html {
    font-family: 'Ubuntu', sans-serif;
    background-color: white;
    margin: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
}

body {
    margin: 0;
    top: 0px;
    font-size: 100%;  
}

section {
    padding-bottom: 50px;
}

.mainlayout {
    width: 65%;
    margin: 0 auto;
    max-width: 1200px;
}

header {
    position: absolute;
    width: 100%;
/*    background-color: #c91f40;*/
    top: 0px;
    text-align: left;
}

/*
.navlogo {
    width: 40%;
    float: left;
    text-align: left;
    padding-left: 10%;
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 600;
   
}
*/

.navlogo a {
    color: white;
}

header ul {
    list-style-type: none;
    padding: 10px;
    padding-top: 20px;
    text-align: left;
    padding-left: 17%;
    margin-top: 0px;
    margin-bottom: 0px;
    
}

header ul li {
    
    display: inline-block;
    padding: 5px;
    margin-right: 3px;
    font-size: 1.2em;
    color: white;
    transition: 900ms;
    text-align: left;
    
}  
header ul li a {
    color: white;
    text-transform: uppercase;
}
header ul li a:hover {
    color: #c91f40;
    }

header ul li:hover {
    border-bottom: 2px solid #c91f40;
}

a {
    text-decoration: none;
    color: black;
    
}

p {
    width: 70%;
    max-width: 1000px;
    font-weight: 100;
    font-size: 1.1em;
    line-height: 1.15em;
    color: #575757;
    hyphens: auto;
}

.pimp{
    text-align: left;
}

h1 {
    font-size: 5em;
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 700;
    color: white;
    width: 320px;
    margin: 0;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 20px;
    margin: 0 auto;
    

}
.h1impressum {
    width: 100%
}

h2 {
    text-align: center;
    color: white;
    margin: 0;
    margin-top: 10px;
    font-weight: 100;
}

h3 {
    font-size: 35px;
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 700;
    color: #c91f40;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 40px;
}

h4 {
    text-align: center;
    padding: 0px;
    margin: 0;
    font-size: 18px;
    text-transform: uppercase
}

.h4imp {
    text-align: left;
}

h5 {
    font-size: 1em;
    color: dimgrey;
    border-bottom: 1px solid black;
    margin: 0;
    padding-bottom: 10px;
    max-width: 200px;
    transition: 500ms;
}

h5:hover {
    padding-left: 10px;
    max-width: 300px;
    
}

.upicon {
    position: fixed;
    width: 40px;
    left: 85%;
    top: 75%;
    transition: 500ms;
}

.upicon:hover {
    transform: rotate(360deg);
    padding-bottom: 10px;
}

/*-------------------------------------------------- landing */

#landing {
    background-image: url(media/rainbow.jpg);
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    width: 100%;
    
}

#landing .line {
    border: 1px solid #c32348;
    width: 50%;
    margin-top: 15px;
    margin: 0 auto;
}
    
#landingimp {
    background-image: url(media/WhatsApp%20Image%202018-03-20%20at%2023.54.47.jpeg);
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    width: 100%;
}



/*----------------------------------------------------- welcome */


#welcome {
    background-color: white;
}

#welcome p {
  padding-bottom: 40px; 
}

.alpha {
    width: 70px;
    padding-right: 20px;
    transition: 500ms;
}

.alpha:hover {
    transform: scale(1.1);
}


#welcome h4 {
    padding-top: 20px;
    margin-bottom: 10px;
    text-align: left;
}

#welcome table {
    border-collapse: collapse;
}

#welcome td {
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid grey;
    
}

#welcome td:first-child {
    font-size: 25px;
    font-weight: 100;
    text-align: left;
    
}

#welcome td:last-child {
    text-align: left;
    font-style: italic;
}

/*----------------------------------------------------- prayer */


#prayer {
    background-color: #c32348;
    
}

#prayer h3 {
    color: white;
}

.infoblock {
    
/*    height: 400px;*/
    
    width: 200px;
    display: inline-grid;
    margin: 5px;
    margin-top: 4px;
    padding-top: 20px;
    
    padding: 5px;
    color: white;
/*    background-color: rgb(163, 29, 60);*/
    
}

.infoblock img {
    top: 0px;
    width: 100%;
    border-radius: 300px;
}

#prayer p {
    width: 100%;
    text-align: center;
    padding-top: 0px;
    color: white;
}

#prayer h4 {
    padding-top: 10px;
}

#prayer .rounddivs {
    height: 200px;
    width: 200px;
    
    border-radius: 300px;
    
    
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    
    transition: 600ms;
}

#prayer .rounddivs:hover {
    background-size: 125%;
}

/*----------------------------------------------------- events */





#events p {
    width: 100%;
    text-align: center;
    padding-top: 0px;
    
}

#events h4 {
    padding-top: 10px;
    color: #464646;
}

#events .rounddivs {
    height: 200px;
    width: 200px;
    
    border-radius: 300px;
    
    
    background-size: 110%;
    background-position: center;
    
    transition: 600ms;
}

#events .rounddivs:hover {
     background-size: 125%;
}

/*------------------------------------------------links */

#quicklinks {
    background-image: url(media/IMG_5162%20Kopie.jpg);
    background-size:cover;
    background-position: center;
    background-attachment: fixed;
}

#quicklinks h3 {
    color: white;
}

#quicklinks a {
    color: grey;
}
#quicklinks h5 a,
#quicklinks h5 {
    color: #2c2c2c;
}

#quicklinks p {
    color: color: #2c2c2c;
    display: inline-block;
}

.whiteback {
    background-color: white;
    min-height: 300px;
    border-radius: 10px;
    padding: 40px;
    text-align: left;
}

#quicklinks img {
    width: 40%;
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    text-align: left;
    border-radius: 10px;
}

.responsivevideo iframe {
   position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
    
}

.responsivevideo {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
    margin-bottom: 20px;
    margin-top: 50px;
border-radius: 10px;
}



/*----------------------------------------------------- footer

*/


footer {
    background-color: grey;
    
    text-align: center;
    padding: 30px;
    
}

footer a {
    color: white
}

footer a:hover {
    color: #454545;
}