/* Kalam-light */
@font-face {
    font-family: 'Kalam-light';
    src: local(''),
         url('../fonts/kalam-light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/kalam-light.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
 /* Kalam-normal */
@font-face {
    font-family: 'Kalam-regular';
    src: local(''),
         url('../fonts/kalam-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/kalam-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
   /* Kalam-bold */
@font-face {
    font-family: 'Kalam-bold';
    src: local(''),
         url('../fonts/kalam-bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/kalam-bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

:root{
	--hellblau: rgba(255, 255, 255, 0.6);
	--mittelblau: rgb(0, 126, 188);
    --dunkelblau: rgb(0, 77, 134);
	--hellgrau: rgb(200,200,200);
}


html{
    font-size: 1.2rem;
    scroll-behavior: smooth;
}

#longbg{
    background-image:
    url(../images/background_long.jpg);
}



body {
	content:"";
    background-image:
    url(../images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	font-family: 'kalam-Regular', sans-serif;
}


h1, h2{
   font-family: 'kalam-bold', sans-serif;
   color: var(--dunkelblau);
}


a.adminlink span{
	font-size: 8px;
	float: left;
	text-decoration:none;
}

img#logo{
	min-width: 400px;
	max-width: 800px;
	display: block; 
	margin: 3em auto 1em auto;
}

.whitebackground {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 3%;
	margin-top: 1em;
	border-radius: 8px;
}

nav{
    margin-bottom: 2rem;
    font-size: 1.3rem;
}


nav.navbar.bg-light, .footercustom{
    border-bottom: solid 2px var(--dunkelblau);
    border-top: solid 2px var(--dunkelblau);
    background-color: var(--hellblau)!important;
}

.navbar, .navbar a{
	text-align: center;
	margin-right: 0.2em;
}

.navbar-toggler{
	margin: 0 auto;
}

img{
    width: 100%;
	margin-top: 1em;
	opacity: 1;
}


.fax {
	display: none!important;
}

.juist img{
	margin-top: 1em;
}

.gallery:hover{
    cursor: pointer;
}

.gallerycustom{
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}
.gallery1,.gallery2,.gallery3,.gallery4,.gallery5,.gallery6,.gallery7,.gallery8,.gallery9,.gallery10{
    margin-top: 1rem;
}
h1{
    margin: 2rem 0 2rem 0!important;
}
.accordion {
    margin-top: 2rem;
}

.preis{color: var(--mittelblau);}

/*
.belegung_iframe {
   overflow: hidden;
   margin: 2em auto;
   background-color: var(--hellblau);
   padding: 5px;
   border: 2px solid var(--mittelblau);
   border-radius: 10px;
   text-align: right;
   font-size: 12px;
}


.belegung-mobil {
    display:none;
}
*/

.belegung_iframe {
   overflow: hidden;
   margin: 1em auto;
   background-color: var(--almostwhite)
}

.belegung-mobil {
    display:none;
}

button:focus:not(:focus-visible){
    outline: none!important;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
.accordion-button:focus {
    border-color: var(--mittelblau);
    outline: 0;
}
.accordion-button:not(.collapsed) {
    color: var(--dunkelblau)!important;
}

.footercustom{
    padding: 1rem 3% 1rem 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footercustom .link{
	width: 20%;
	max-width: 120px;
}

.footercustom p{
	text-align: left;
}

footer{
    margin-top: 1rem;
}



@media only screen and (max-width: 972px) {
img#logo {
	max-width: 90%;
}
.belegung_iframe{display: none;}
.belegung-mobil{display: block;}
}


@media only screen and (max-width: 900px) {
img#logo {
	max-width: 90%;
}
}