html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

header{
    width: 95%;
    padding:10px 4% 10px 1%;
    max-width: 1920px;
    text-align: right;
    margin: 0 auto;
}

header img{
    width: 100%;
    max-width: 799px;
    height: auto;
}

.events{
      width: 100%;
    padding:0 20px 80px 20px;
    max-width: 768px;
    margin: 0 auto;
    color: #1d1d1b;
    font-size: 180%;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
}
.events span.titel{
    color: #f6a000;
    margin:0;
    paddin:0;
}
.events span{
    color:#706f6f;
}

.events a{
    font-weight: normal;
    font-size: 70%;
}

.events span.slash{
     font-weight: normal;
    font-size: 70%;
}


main, .hero{
    width: 100%;
    padding:0;
    max-width: 960px;
    margin: 0 auto;
}


.col {
	width: 100%;
    float: left;
    margin: 1%;
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}
.twentyfive, .dreiviertel, .einviertel {
	width: 48%;
    padding-bottom: 40px;
    min-height: 325px;
	}

.twentyfive img, .dreiviertel img, .einviertel img{
    width: 100%;
    height: auto;
}

.dreiviertel img{
    padding:80px 0;
}

.twentyfive p{
    text-align: center;
}

a:link, a:visited{
    color:#000;
}
a:hover{
    text-decoration: none;
}

footer{
    background-color:#6e6e6d;
    text-align: center;
    color:#ffffff;
    margin-top:80px;
    padding-bottom: 40px;
}

h3{
    padding:20px 0 20px 0;
    font-weight: 700;
}

footer a:link, footer a:visited{
    color:#fff;
}
footer a:hover{
    text-decoration: none;
}

.hr{
    border-top:2px solid #fff;
    width: 50%;
    max-width: 150px;
    display: block;
    margin: 20px auto 0 auto;
}


@media (min-width: 960px){
    
    
    header{
    width: 85%;
    padding:10px 14% 10px 1%;
}

    
    main, .hero{
    max-width: 1920px;
}
    
    .twentyfive {
		width: 23%;
	}
    
    .dreiviertel{
        width: 73%;
    }
    .einviertel{
        width: 23%;
    }
    
    
}