body, html{
  color: #af1619;
  background-color: rgb(255, 255, 255);
  padding: 0px;
  margin: 0px;
  height: 100%;
  font-size: 17px;
}

blockquote{
  border-left-color: #af1619;
  padding-left: 10px !important;
}

a {
	text-decoration: none;
	color: #af1619;
}
a:before {
	text-decoration: none;
	color: #af1619;
}
a:after {
	text-decoration: none;
	color: #af1619;
}

.mainColor{
  background-color: #af1619;
}

.margTop{
  margin-top: 30px;
}

.paddTop{
  padding-top: 50px !important;
}

.quoteText{
  font-size: 17px;
  line-height: 1.8;
}

.subPage{
  position: absolute;
  font-size: 100px;
  color: #af1619;
  z-index: 0;
  margin-top: -55px;
  margin-left: -50px;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#content2{
  z-index: 2;
}

#header{
padding: 15px;
  margin-bottom: 0px;
  min-height: 10%;
  vertical-align: middle;
}

#slider{
  height: 60%;
  background-image: url(/images/slider.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  border-bottom: 10px solid #af1619;
}

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

.infoBox{
  width: 250px;
  height: 60px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-style: solid;
  border-width: 0px;
  overflow: hidden;
  margin-left: -210px;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.infoBox:hover{
  margin-left: 0px;
  height: 60px;
}

.infoCont{
  height: 60px;
}

.menu {
	margin-top: 20px;
}

.menu_mobile{
  font-size: 17px;
  margin: 0px;
}

.menu_mobile .menu_pointer{
  padding-top: 10px;
}

.menu_pointer {
	margin-left: 15px;
	margin-right: 15px;
    color: inherit;
    font-weight: bold;
	letter-spacing: 0.05em;
}

.whitetext {
	color: white;
	text-decoration: none;
}

h1{
  font-size: 20px;
  z-index: 3;
  margin: 0;
  display:inline;
}

h2{
  font-size: 35px;
  z-index: 3;
}

#kontakt h2{
  margin-bottom: 5px;
}

h4{
  margin-top: 0px;
  font-size: 20px;
  z-index: 3;
}

h5{
  margin-top: 0px;
  font-size: 15px;
  z-index: 3;
  font-weight: bold;
}


.serv_head{
  font-size: 20px;
  cursor: pointer;
}

.serv_cont{
  height: 0px;
  overflow: hidden;
  padding-left: 15px;
}

.servs li{
  margin-top: 20px;
}

#slider{
  z-index: 2;
  position: relative;
}

#leistungen{
	z-index: 0;
	position: relative;
	padding-bottom: 50px;
	-webkit-box-shadow: inset 0px -10px 18px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px -10px 18px -12px rgba(0,0,0,0.75);
	box-shadow: inset 0px -10px 18px -12px rgba(0,0,0,0.75);
	min-height: 28%;
	vertical-align: middle;
}

#kontakt{
  padding-top: 40px;
  padding-bottom: 70px;
}

#footer{
  margin-bottom: 0px;
  padding: 20px;
  line-height: 1.2;
}

#about {
	margin-top: -20px;
}

#galerie img {
	float: left;
	width: 16.5%;
	border: 4px solid white;
}

.btn-large:hover{
  background-color: #1761bb !important;
}

.input-field input:focus + label, .input-field .materialize-textarea:focus + label {
  color: #af1619 !important;
}

.input-field input:focus, .input-field .materialize-textarea:focus {
  border-bottom: 1px solid #af1619 !important;
  box-shadow: 0 1px 0 0 #af1619 !important;
}

.pointDown{
  animation-name: pointDown;
  animation-duration: 0.15s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

.pointDown2{
  animation-name: pointDown2;
  animation-duration: 0.15s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  transform: rotate(90deg);
}

.white_text {
	color: white;
	text-decoration: none;
}

.white_text:hover {
	color: white;
	text-decoration: none;
}

.white_text:after {
	color: white;
	text-decoration: none;
}

.block {
	height: 0;
	display: none;
}
.show {
	display: block;
}
.noShow {
	display: none;
}
.transmitter {
	cursor: pointer;
}

@keyframes pointDown {
  0%   { transform: rotate(0deg);}
  100% { transform: rotate(90deg); }
}

@keyframes pointDown2 {
  0%   { transform: rotate(90deg);}
  100% { transform: rotate(0deg); }
}