@charset "utf-8";

body {
	position: relative;
}
body font {
	font-family: cabin, sans-serif;
	font-style: normal;
}
body h2 {
	font-family: cabin, sans-serif;
	font-style: normal;
	font-size: 2.4em;
	color: #FCB813;
	margin-bottom: 20px;
}

.header {
    background-color:#FFFFFF;
    margin-bottom: 10px;
    margin-top: 10px;
}

.header img {
}
	
#navbar {
    float: left;
    overflow: hidden;
    background-color: #FCB813;
    z-index: 10;
}
#navbar a {
    display: block;
    color: #636363;
    text-align: center;
    padding: 1px 15px;
    text-decoration: none;
    font-size: 1em;
}
#navbar a:hover {
    color: black;
}
#navbar a.active {
    color: black;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
.sticky + .content {
    padding-top: 60px;
}
.navSpace {
	background: #FCB813;
	z-index: 9;
}
#navbar1 {
	z-index: 11;
}

#GalH2 {
	margin-top: 30px;
	margin-bottom: 0px;
}

@media (max-width: 767px){
	.navbar-brand{
	margin-right: 60px;
	}
}

@media (min-width: 768px){
	.navbar-brand{
	margin-right: 5000px;
}
}

/*Galerie*/
.links img {
	padding-top: 30px;
}

.impressum button {
	font-family: cabin, sans-serif;
	font-style: normal;
	font-size: small;
	color: #A2A2A2;
	border: none;
	margin-bottom: 20px;
	margin-top: 30px;
	float: right;
	outline: none;
    box-shadow: none !important;
}
.impressum button:hover {
	background: none;
	color: #000000;	
}
.row.impressum .offset-lg-8.col-lg-4.offset-xl-8.col-xl-4.offset-md-8.col-md-4.offset-sm-6.col-sm-6.ImpressumScroll .btn.btn-primary {
	background: none;
}
.modal-dialog.mx-auto .modal-content .modal-footer button {
	background: #FCB813;
}
.modal-dialog.mx-auto .modal-content .modal-body {
	max-height: calc(100vh - 180px);
    overflow-y: auto;
}
#exampleModal .modal-dialog.mx-auto .modal-content .modal-body{
	max-height: calc(100vh - 180px);
    overflow-y: auto;
}
.modal-dialog.mx-auto .modal-footer {
    height: 80px;
}
#exampleModal .modal-dialog.mx-auto .modal-footer {
    height: 80px;
}
.modal-dialog.mx-auto .modal-header {
    height: 80px;
}
#exampleModal .modal-dialog.mx-auto .modal-header {
    height: 80px;
}
.modal-dialog.mx-auto .modal-header h2 {
    margin-top: auto;
}
#exampleModal .modal-dialog.mx-auto .modal-header h2{
    margin-top: auto;
}

#C1, #C2{
	font-size: 2em;
}
