html,body{
  font-family: 'Lato', sans-serif !important;
  width:100% !important;
  height:100%;
}

p,h1,h2,h3,h4,h5{
  font-family: 'Lato', sans-serif !important;
  color:#000!important;
}

img{
  width:100%;
}

.content{
  margin-top:50px;
}

.navi{
  width:100% !important;
  height:50px;
  padding-top:12px;
  position:fixed;
  top:0;
  left:0;
  background:#B91818;
  z-index:100;
}

.navi ul li{
  float:left;
  list-style:none;
  margin-right:16px;
}

.navi ul{
  line-height: 1 !important;
}

.navi a{
  font-size:23px;
  font-weight:300;
  color:#fff;
}

.navi a:hover{
  color:#000;
}

.navi li.active >a  {
  color:#000!important;
}

.navi img{
  height:40px; 
  width:auto !important;
  margin-top:-30px;
  float:right;
  margin-right:25px;
}
/*Navigation for small*/
  .top-bar{
    background:#B91818 !important; 
  }

  .top-bar-section li{
    background:#B91818 !important;  
  }

  .top-bar .name{
    background:#B91818 !important;
  }

  .top-bar .toggle-topbar a {
    color:fff !important;
  }

  .top-bar .toggle-topbar a:hover {
    color:#000 !important;
  }

  .top-bar .toggle-topbar a:active {
    color:#000 !important;
  }

  .top-bar .toggle-topbar.menu-icon a{
    color:#fff !important;
  }

  .top-bar .toggle-topbar.menu-icon a:hover{
    color:#fff !important;
  }
  .top-bar .toggle-topbar.menu-icon a:active{
    color:#fff !important;
  }

  .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
      .top-bar.expanded .top-bar-section .dropdown {
        clip: initial; }
      .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
        padding: 0; } }

.fixedtext{
  position:fixed;
  top:732px;
  left:-10px;
  z-index:999 !important;
}

.fullwidth img{
  width:100% !important;
}

.slide img{
  width:100% !important;
}

.threecolumntext h4{
  background:#535252;
  color:#fff!important;
  padding:10px;
}

.threecolumntext p{
  background:#535252;
  color:#fff!important;
  padding:15px;
  font-weight: 300;
}

.threecolumntext ul{
  background:#535252;
  color:#fff!important;
  min-width:400px;
  padding:15px;
  font-weight: 300;
}

.threecolumntext a{
  color:#fff;
}

.threecolumntext a:hover{
  color:#B91818;
}

.whitebox{
  background:#fff;
  opacity:0.8;
  padding:15px;
  margin-top:-45%;
  width:35%;
  max-height:50vh;
  margin-left:5%;
  overflow:auto;
}

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

.abstandtop2{
  background:red !important;
  padding-top:300px;
}

.text-small p{
	padding-left:15px;
	padding-right:15px;
}

.fullwidth{
	min-width:100%;
	max-width:100% !important;
	width:100% !important;
	margin:0 !important;
}

.row .row {
margin:0 !important;
}

.footer{
	position:fixed;
	bottom:0;
	left:0;
	background:#222;
	opacity:0.7;
	width:100%;
	height:45px;
	padding:8px;
	color:#fff;
	text-align:center;
	font-size:12px;
}

.content{
	margin-top:70px;
}

.largefont{
font-size:2.5rem !important;
text-shadow: 2px 2px 4px #ffffff;
}

.largefont p{
font-size:2rem !important;
text-shadow: 0px 0px 8px #ffffff;
}

p {padding:0 !important;}