html,body {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow:hidden;
}


@font-face {
    font-family: 'habibiregular';
    src: url('../fonts/habibi-v11-latin-regular-webfont.woff2') format('woff2'),
         url('../fonts/habibi-v11-latin-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


 body {
    	background-color:#1b1b13;
     	font-family: habibiregular, serif;
     }

 .container {
 	max-width: 100%;

	margin:0;
  }

  /*-- Navigationsleiste --*/
.navbar {
     top: 150px;
  }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.95);
    border-color: rgba(255,255,255,1);
   }

.navbar-collapse {
     align-items: start;
   }

.nav-link,
.navbar-brand {
  color: white;
  cursor: pointer;
}

.nav-link {
  margin-right: 1em !important;
}

.nav-link:visited,.nav-link:active  {
   color: white;
}

.nav-link.active  {
  font-weight:bold;
}

.nav-link::before {
    content: ".:: ";
 }

#di .nav-link::before {
    content: "";
 }

.nav-link:hover,
.navbar-brand:hover {
    color: white;
}


.nav-link:hover::before,
.navbar-brand:hover::before {
    content: ":.. ";
}

.navbar-collapse {
    justify-content: flex-end;
}

.navbar-expand-md .navbar-nav {
    flex-direction: column;
 }

.menu {
    -ms-flex: 0 0 225px;
    flex: 0 0 225px;
    background-color: rgba(27,27,19,0.9);
 }

.menu .container-fluid {
    padding-right:0px;
 }

#di {
   bottom:25px;
 }

#di  a{
   font-size:0.85em;
   display: flex;
   flex-wrap: wrap;
   align-items: start;
   padding:5px 0;
   padding-left: 2.5em;

 }

.inhalt {
     background-color: rgba(255,255,255,0.9);
     padding-right: calc(var(--bs-gutter-x) * 1.1);
     padding-left: calc(var(--bs-gutter-x) * 1.1);
     overflow-y: auto;
     height:100%;
     position: absolute;
     left:225px;
     font-size: 0.95rem;
     
 }

.col-md-3.inhalt { 
  width: 32%;
}


.inhalt ul {
   padding-left:1rem;
 }

.inhalt li {
  line-height:1.4em;
  padding-bottom:.5em
 }

.inhalt #email {
  	bottom:22px;
  	border-top:1px solid #030456;
  	padding-top:20px;
   	text-align: center;
	padding-right: calc(var(--bs-gutter-x) * 1.8);
	padding-left: calc(var(--bs-gutter-x) * 1.8);
         margin: 50px 0;
   }

.lw-font{
          font-size: 0.9rem;
   }

.inhalt #email a {
  	color:#000;
  	text-decoration:none;
   }

 .inhalt a {
  	color:#000;
   }


 .inhalt #email a:hover{
    	text-decoration:underline;
   }

  .inhalt a.extern,  .inhalt a.extern:visited {
  	color:#000;
         font-weight:bold;
      }

 .inhalt a.extern::after {
 	   content: "";
	  display:inline-block;
	  height:12px;
	  width:12px;
	  background-size: 12px 12px;
	  background-image: url(../images/extern.svg);
	  background-repeat: no-repeat;
	  margin: 0px 3px;

  }


 h1.brand {
 	 font-size: 1.8em;
	  margin-top:20px;
	  text-align:center;
	  padding-right: calc(var(--bs-gutter-x) * 1.8);
	  padding-left: calc(var(--bs-gutter-x) * 1.8);
   }

 h2.brand {
 	 font-size: 1.4em;
	  text-align:center;
	  margin-right: calc(var(--bs-gutter-x) * 1.5);
	  margin-left: calc(var(--bs-gutter-x) * 1.5);
	  border-bottom: 1px  #000 solid;
	  padding-bottom: 20px;
   }

   .not-desktop {
          display:none;
 }

/*********************       Galerie       ***********************************/

 .bi-arrow-right-circle-fill, .bi-arrow-left-circle-fill  {
  height: 40px;
  width: auto;
}

img.cssbox_thumb {
  height: 120px;
  object-fit: cover;
  width: 120px;
  margin:6px;
  border: 5px solid #fff;
}


/*********************       Formular       ***********************************/

label {
 	 min-width: 90px;
          padding-bottom:12px;
 }

textarea,input {
      width: 200px;
}

input.butt {
      width: 100px;
}

.important{
   display: none !important;
}

#fehler{
   color: #FF3402 !important;
}
.accordion-flush .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #c6c6c6;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-flush .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
  z-index: 3;
  border-color: #181811;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(24,24,17,.25);
}

.accordion-flush .accordion-button {
  padding: 0.8rem 0.95rem;
}

.hausordnung { 
font-size: 0.92em;
padding: 10px 20px;
text-align: right;
}



 @media only screen and (max-width: 768px) {

         body {
          overflow: visible;
        }

         .row>* {
    		padding-right: 0;
     		padding-left: 0;
         }

         .mobile-h {
          	height:auto !important;
              }

          .menu {
              flex: 0 0 auto;
              text-align:right;
             background-color: rgba(27,27,19,0.0);
              }

         .navbar {
               top: 0px;
                background-color: rgba(27,27,19,0.9);
                padding-bottom: 1.0em;
                z-index:20;
              }

         .nav-link {
     		 text-align: left;
               }

 	 #di {
   	     display:none;
           }

         .not-desktop {
    	    display:block;
          }

     .inhalt {
   	left: 0px;
         display:inline-block;
         padding: 60px 30px 50px 10px;
         }

         .col-md-3.inhalt {
          width: 100%;
      }

    img.cssbox_thumb {
      height:95px;
      width: 95px;
      margin:4px;
     border: 4px solid #fff;
}

      h1.brand {
  	  font-size: 1.5em;
          }
      h2.brand {
  	  font-size: 1.2em;
          }

  .inhalt  .position-absolute#email{
          display:none;
          }

  .menu  .position-absolute.email{
           top: 18px;
           bottom: auto;
           z-index:300;
           padding:0;
           border:0px;
           text-align:right;
           width:80%;
           display:block;
           right:15px;
          }

   .position-absolute.email a{
  	  font-size: 0.8em;
           color:#fff;
           text-decoration:none;
          }
   .position-absolute.email a:hover {
           text-decoration:underline;
          }

}