*{
	padding: 0;
	margin: 0;
}
html,body{
	height: 100%;
}
body{
	background: #fff;
	color: #666666;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size:1rem;
	min-width: 320px;	
}
img{
	max-width: 100%;
	height: auto;
}
a{
	color: #666666;
	text-decoration: underline;
}
a:hover{
	color: #f98508;
	text-decoration: none;
}
section{
	position: relative;
}
h1{
	font-size: 72px;
	font-weight: 300;
	color: #fff;
	margin-top: -15px;
}
h1 span{
	font-size: 36px;
	font-weight: 300;
	color: #fff;
	margin-top: -15px;
}
h2{
	color: #ff6699;
	font-size: 4.5rem;
	font-weight: 400;
	margin-bottom: 40px;
	text-align: center;
}
.weihnacht{
	color: #FC0004;
	font-size: 2.75rem;
	font-weight: 400;
	margin-bottom: 40px;
	text-align: right!important;
	margin-top: -15px;
}
.wnacht{
	background: url(../img/weihnact-bgr.jpg) left top no-repeat;
	background-size: cover;
	padding: 20px 30px 288px;
	margin-bottom: 40px;
}
h3{
	background: url(../img/kubiki.png) left 20px no-repeat;
	padding-left: 30px;
	font-size: 2.5rem;
	font-weight: 400;
	color: #3E3E3E;
}
h4{
	color: #6c7393;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 1.0;
}
h4 span{
	font-size: 1.5rem;
	font-weight: 500;
	color: #f98508;
}
h5{
	color: #fff;
	font-size: 30px;
	font-weight: 400;
}
h6{
	color: #ff6699;
	font-size: 40px;
	font-weight: 400;
}
#renov{
	height: 100vh;
}

/*TEMPORARY
=====================================================*/
.late-news{
	font-size: 18px;
	border-left: 5px solid #f98508;
	padding-left: 20px;
	margin-bottom: 30px;
}
.late-news h4 {
	margin-bottom: 1rem;
}
.late-news p {
	margin-bottom: .3rem;
}
.late-news > p > span{
	font-weight: 800;
	color: red;
	margin-bottom: .8rem;
}
.pagination a{
	text-decoration: none;
	color: #808499;
}
.page-item.active .page-link {
    background-color: #808499;
    border-color: #808499;
}
.prev-photo{
	margin: 30px 0 30px -15px;
	text-align: left;
}
.koch {
	float: left;
}
.koch img {
	margin: 0 15px 5px 0px;
}

/*TOP-MENU
=====================================================*/
#menu-top{
	background: #4a4e60;
}
#menu-top a{
	text-decoration: none;
}
.bg-dark{
	background: #4a4e60 !important;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .show > .nav-link {
    color: #ddad3d;
	cursor: default;
}
.navbar-dark .navbar-nav .nav-link {
    color: #c7ebec;	
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #ddad3d;
}
.navbar-nav >li{
	font-size: 0.875rem;
	margin-right: 24px;
}
.navbar-dark .navbar-brand {
	font-size: 0.875rem;
}

/*HEADER
=====================================================*/
#header{
	background: url(../img/bgr-header.jpg) center top no-repeat;
	background-size: cover; 
	padding: 106px 0 60px 0;
}
.nation{
	margin-top: 50px;
}
.nation-ss{
	color: #fff!important;
	text-decoration: none;
	padding: 3px 10px;
	background: rgba(16, 16, 16, .80)
}
.nation-ss:hover{
	color: #d4a741;
	text-decoration:underline;
}

/* UP BUTTON + SOCIAL
==================================================*/
#upbutton {
    background: rgba(0, 0, 0, 0.7);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
    padding-top: 10px;
    height: 40px;
    width: 50px;
	position: fixed;
    bottom: 0px;
    right: 30px;
	color: #fff;
    cursor: pointer;
    display: none;
    z-index: 999;
  }	
#upbutton:hover {
    background: #f98508;
	transition: all 0.4s;
  }
#social{
	background: rgba(80, 86, 100, 0.7);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 7px ;
	width: 30px;
	position: fixed;
    top: 40%;
    right: 0px;
	color: #fff;
	z-index: 999;
	font-size: 17px;
}
#social a span{
	color: #fff;
	margin-bottom: 10px;
}
#social a span:hover{
	color: #ddad3d;
}

/* INFORMATION, FGALERIE
==================================================*/
#info{
	padding: 30px 0 30px 0;
}
.nachr-zgl{
	margin: 20px 0 20px 0;
}
.img-thumbnail{
	margin-bottom: 15px;
}
.down-bord{
	margin-bottom: 20px;
	border-bottom: 1px dashed #e8e8e7;
}
#fgalerie{
	padding: 70px 0 30px 0;
}
.thumb img{
	overflow: hidden;
	margin-right: 10px;
}
.thumb img:hover{ 
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.7);
	transition: all .4s;
}
.tempor{
	margin-top: 20px;
}
.psalom-wrapper{
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: .25rem;
	margin-top: 30px;
}
.psalom{
	font-weight: 500;
}
.psalom span{
	text-align: right;
	
}


/* NACHRICHTEN
==================================================*/
#nachr{
	background: url(../img/bgr-nachrichten2.png);
	padding: 30px 0 30px 0;
}
.row-nachr{
	margin-bottom: 20px;
}
.datum{
	line-height: 1.3;
	margin-bottom: 5px;
	font-size: 1.125rem;
	font-weight: 600;
}
.datum span{
	color: #f98508;
}
.impres{
	color: #6c7393;
	line-height: 1.3;
	margin-bottom: 7px;
	font-size: 1.3rem;
	font-weight: 600;
}
.weiter{
	margin-top: 20px;
}
.weiter a{
	background: #4a4e60;
	padding: 5px 15px;
	font-size: 0.875rem;
	color: #c7ebec;
	text-decoration: none;
	width: 130px;
}
.weiter a:hover{
	color: #d4a741;
}
.contact{
	margin-bottom: 20px;
}
#map{
	margin-bottom: -7px;
}

/* FOOTER 
==================================================*/
footer{
	background: #4a4e60;
	padding: 20px 0 0 0;
	color: #c7ebec;
	font-size: 0.6875rem;
}
.row-copy{
	margin-top: 15px;
}
.menu-down ul{
	list-style: none;
	font-size: 0.8125rem;
}
.menu-down ul li a{
	color: #c7ebec;
	text-decoration: none;
}
.menu-down ul li a:hover{
	color: #d4a741;
}
.activ-down{
	color: #d4a741;
}
.bank{
	font-size: 0.8125rem;
}
.impressum{
	font-size: 1.0rem;
	text-align: right;
}
.fa-map-marker, .fa-mobile, .fa-envelope, .fa-money-check-alt{
	color: #f98508;
}
.katal{
	text-align: right;
}
.katal a{
	color: #c7ebec;
	text-decoration: underline;
}
.katal a:hover{
	color: #d4a741;
	text-decoration: none;
}

/* @MEDIA 
==================================================*/
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 1199px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 991px) {	
	h1{
		font-size: 3.8rem;
	}
	h1 span{
		font-size: 2.0rem;
	}	
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 767px) {
	h1{
		font-size: 2.5rem;
		margin-top: 5px;
	}
	h1 span{
		font-size: 1.5rem;
	}
	.nazv{
		text-align: center;
	}
	.katal{
		text-align: left;
	}
	.menu-down{
		margin-top: 15px;
	}
	.impressum{
		font-size: 0.875rem;
		text-align: left;
	}
	.thumb{
		text-align: center;
	}
	.ny{
		margin-top: 30px;
	}
	.psalom-wrapper{
		margin-bottom: 20px;
	}
	.koch {
		float: none;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	h1{
		font-size: 2.1rem;
		margin-top:5px;
	}
	h1 span{
		font-size: 1.5rem;
	}
	h3{
		background: url(../img/kubiki.png) left 16px no-repeat;
		font-size: 2.25rem;
	}
	#header{
		padding: 70px 0 150px 0;
	}
	.logo{
		text-align: center;
	}
	.logo img{
		width: 86px;
		height: 120px;
	}
	.nation{
		margin-top: 30px;
	}
	.weihnacht{
		font-size: 2.0rem;
		font-weight: 400;
		margin-bottom: 20px;
		margin-top: 0px;
	}
}