/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}

.asr-green {
  background-color: #7fc241 !important; }
.asr-green.lighten-5 {
  background-color: #fff3e0 !important; }

  .vl {
    border-left: 1px solid black;
    height: 350px;
    margin: auto;
  }
  .boxKreis {
    background-color: #7fc241;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}
@media only screen and (max-width: 660px) {
  .vl{display: none;}
}
html, body {
 height: 100%;
}

main {
 padding-bottom:50px; /* Höhe des Footers */
}

footer {
 height:50px;
 margin-top: -50px; /* Höhe des Footers */
}

body {
	margin:0;
	font-family: arial, sans-serif;
}

html, body {
	height: 100%;
}

.site {
	height: auto;
	min-height: 100%;
}

.container {
	max-width:960px;
	margin:0 auto;
}

header {
	height:200px;
	background:silver;
}

main {
	padding-top:20px;
	padding-bottom:50px; /* Höhe des Footers */
}

footer {
	height:50px;
	margin-top: -50px; /* Höhe des Footers */
	background: #7fc241;
}