@import url(http://fonts.googleapis.com/css?family=Kreon:400,700);
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
  font: normal 14px arial,sans-serif;
}


/* Custom page CSS
-------------------------------------------------- */
#nav {
  width: 100%;
  position:static;
  top:-32px;
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:10;
   -webkit-transition: all .6s ease-in-out;
}



@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      float:none;
  }
}
.navbar-nav {
  margin: 1px 1px; 
}  
  
/* customize nav style */
.navbar-custom {
  
	font-weight:700;
  background-color: #323946;
    border-width:0;
}
.navbar-custom  .navbar-nav>li>a {
	color: #fff;
}
.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
	background-color: #ff8100;
}
.navbar-custom .dropdown-menu{
	right:0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}

.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

/* Active link */
.nav.navbar-nav li a.active{
	background-color: #ff8100;
}
.nav>li>a:focus {
    background-color: #323946;
}

.navbar-toggle {
	outline:0;
}

.divider {
	height:100px;
}

.panel {
	border-width:0;
}

@media (max-width: 768px) {
	.masthead {
		display: none;
	}
}



.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #74c9e3;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
 
.masthead {
background-color:#fff;
}
.masthead p {
  font-family: 'Roboto';
  font-size:11px;

}
.hidden_desktop {
float:left;
width:60%;
}
.facebookheader {
	margin-top:15px;
	}
	.telephoneheader {
	float:left; margin-top:15px; margin-right:10px; height:auto; width:11%;
	}
	.logoheader {
	height:auto; width:100%; margin-top:9px;
	}
	.clockheder {
	float:left; margin-top:32px; margin-right:10px; height;auto; width:18%;
	}
	.placeheder {
	float:left; margin-top:33px; margin-right:10px; height:auto; width:15%;
	}
	.hederznak {
	float:right; height:auto; width:58%; 
	}
	.menuheding {
	color:#fff; float:right; margin-top:25px;  padding:10px; outline-color:#fff; outline-style: solid; 
	}
	
	#footercopyright {
		width: 100%;
	   
		background-color: #000000;
	   }
	   .copyright {
		padding: 15px;
	}
	.copyright p {
		font-size: 14px;
		font-family: 'Roboto', serif;
		text-align: center;
		color: #ffffff;
	   
		margin: 5px;
	}
	.footertext {
	
		justify-content: center;
		align-items: center;
		font-family: 'Roboto', serif;
	}
	.footertext p{
	text-align:center;
	color:black;
	font-family: 'Roboto', serif;
	}

	#page-top > footer {
		padding-bottom: 0;
	}
	.footer p {
	  font-family: 'Roboto';
	  font-size:14px;

	}
	.footericons {
	margin-top:7px; margin-right:5px;
	}
	.footerlogo {
	height:auto; width:100%;
	}
	.footerfacebook {
	width:50%; height:auto; margin-left:50px; 
	}
	@media (max-width: 768px) {
		.footermobile {
			margin-bottom:15px;
		}
		.footerfacebook {
    width: 50%;
    height: auto;
    margin-left: 100px;
    }
	}
	.kontaktheding h1 {
		font-family: 'Lora', serif;
	}