body {
  font-family: 'Didact Gothic';
  color:#9e5855;
  background-color: rgb(250, 245, 245) !important;
  background:
  url("../img/bg.png") bottom center fixed,
  url("../img/bg-2.png") Top -25px center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-repeat:no-repeat;
  height: 100%;
  margin: 0;
  padding: 0;
}

/**** Navigation ****/
a:link, a:visited {
color:#e08693;
font-size:145%;
font-style:italic;
}
a:hover {
color:#ee7793;
}

.nav-link {
padding: 0 .75rem 0 .75rem !important;
margin-right:5px;
}
.nav-item{
margin:5px 10px 5px -0.7rem;
}

.smallnav {
font-size: 70%;
margin-top:0;
line-height:2px;
}

.smallnav .nav-link {
padding: .4rem .25rem .2rem .75rem !important;
margin:4px 0 2px 0;

}

.a-nav:hover {
  border-bottom: solid 2px #e08693;
  margin-bottom:3px;
  background-color:#fff;
  border-radius:5px;
}

.sec-nav {
}

.sec-nav:hover {
  border-bottom: solid 2px #e08693;
  margin-bottom:1px;
  background-color:#fff;
  border-radius:5px;
  padding-bottom:2px;
}

/**** DIV & Co ****/
.balken {
height:20px;
width:100%;
background: #ff5c5c; /* Old browsers */
background: -moz-linear-gradient(left, #f8909f 1%, #fee8df 48%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f8909f 1%,#fee8df 48%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f8909f 1%,#fee8df 48%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8909f', endColorstr='#fee8df',GradientType=1 ); /* IE6-9 */
border-radius:5px;
}

.balken2 {
margin-left:8%;
width:92%;
margin-top:2px;
}

.navi {
margin:20px 0px 10px 0px !important;
}

.logo-div {
height:120px;
max-height:120px !important;
}


/**** Inline Elemente ****/
.angebot {
color: rgba(255, 102, 0, 0.842);
Background-color:#1f0431;
border-radius: 5px;

}

.logo-img {
height:160px;
}

h1 {
font-size:155%;
color:#9e5855e0;
}

h3 {
font-size:130%;
margin-top:20px !important;
}

h2 {
font-size:140%;
}

h4 {
font-size:110%;
margin-top:20px;
}

p {
font-size:100%;
line-height:1.6rem;
}

.zeiten {
   width: 90%;
   margin-bottom:30px !important;
   padding: 0;
   border-top: 2px solid #fee8df;
   border-bottom: 2px solid #fee8df;
}

.zeiten2 {
  width: 90%;
  margin-bottom:30px !important;
  padding: 0;
  border-top: 2px solid #fee8df;
  border-bottom: 0px solid #fee8df !important;
}
.zeiten p, .zeiten2 p{
   display: flex;
   justify-content: space-between;
   margin: 0.35rem 0;
   font-weight:100;
}

.zeiten2 p span{
  font-weight:100;
}

/**** Abstadhalter ****/
.space {
margin:0px;
padding:0px;
}

.top-abstand {
margin-top:50px;
}

.boden-abstand {
margin-bottom:20px;
}

.content-img {
max-height:300px;
}

.zoom {
    background-color: #fff !important;
    transition: transform .2s; /* Animation */
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5);
    z-index:999;
    position:relative;
}



/******************************************/
/******************************************/
/******************************************/



@media (min-width: 576px) {}
@media (max-width: 575.98px) {
.logo-img {height:110px; margin-left:-10px; }
}

@media (min-width: 768px) {}

@media (max-width: 767.98px) {
.navbar-toggler {width: 100% !important; height:100%; float:none;  padding: 0 auto 20px; margin-bottom:20px;}
.navbar-toggler-icon img {width:2.5em; margin:auto;}
.navbar-toggler-icon {width:2.5em; margin:auto;}
.balken2 { margin-left:0%;  width:100%; margin-top:2px;}
.navbar .navbar-collapse { text-align: center;}
.navi{ margin-top:-90px !important;}
.nav-link {font-size:120% !important; padding:5px !important; margin-right:0;}
.nav-item {}
.smallnav .nav-link {}
.navbar-nav a:hover {}
}




@media (min-width: 992px) {}
@media (max-width: 991.98px) {}



@media (min-width: 1200px) { }
@media (max-width: 1199.98px) {}

section.first  p:first-of-type {
font-weight:bold;
padding-bottom:5px;
border-bottom:2px solid #fee8df;
}

p a:link, .mail {
font-size:100% !important;
}



/* FONTS FONTS FONTS */

/* didact-gothic-regular - latin */
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/didact-gothic-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Didact Gothic Regular'), local('DidactGothic-Regular'),
       url('../fonts/didact-gothic-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/didact-gothic-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/didact-gothic-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/didact-gothic-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/didact-gothic-v11-latin-regular.svg#DidactGothic') format('svg'); /* Legacy iOS */
}