/* class="btn btn-primary */
:root {
  --background-grey: #2f2f2f;
  --background-ocker: #ffe8d6;
  --header-text-farbe: #545452;
  --header-text-farbe-active: #9cb440;
  --hell-ocker: #fffaf0;
  --body-color: #3d3d3d;
  --gruen: #9cb440;
}
*{
	transition: .5s;
	}
/* fonts */
/* josefin-sans-100 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-200 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-300 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-500 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-600 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-700 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-100italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-200italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-300italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-500italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-600italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-700italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/josefin-sans-v17-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('../../../../../media/templates/fonts/lato-v17-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../../../media/templates/fonts/lato-v17-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
html{
	font-size: 25px;
}
body{
	
}
body, .speiseplan{
	background: url(../../../../../images/pics/kinzigtal2024.jpg);
	background-size: cover;
	 background-attachment: fixed;
	 background-position: center center;
	 background-repeat: no-repeat;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
        word-break:normal;
    font-family: 'Josefin Sans', sans-serif;
    color: #3d3d3d;
}
a, .sppb-addon-content a{
	text-decoration: none !important;
}
h1{
	font-size: 
}
h2{
	text-transform: uppercase;
	color: var(--header-text-farbe);
	font-size: 1.8em;
	
}
h1, h2, h3, h4{
	font-weight: 300;
}
h5{
	font-weight: 200;
	color: var(--header-text-farbe);
}

b, strong {
  font-weight: inherit;
  color: #15141A;
}
.border-round-10 img{
	border-radius: 10px;
}
.mod-preview-position, .mod-preview-style{
  display: none;
}
.no-border{
	border: none;
}

.container-banner .banner-overlay {
  color: #fff;
  background-position: top,50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: inherit;
  height: 1200px;
  }
  .custom.banner-overlay{
	background-position: center;
}
.sppb-addon-title{
	font-weight: 300;
	font-family: 'Josefin Sans', sans-serif;
}
.tahoma-heading{
	font-weight: 300;
  font-style: normal;
  text-decoration: none;
  font-size: 2em;
  font-family: Tahoma;
  letter-spacing: .1em;
  height: auto;
}

.flex-box, .flex-box-pics{
	display: flex;
}
.group-pics img{
	max-height: 400px;
}
.flex-box-pics div{
	padding: 20px;
}
.block-left{
	width: 90%;
  margin-right: 5%;
}
.pic-left{
	margin-right: 5%;
}
.btn-primary {
background: #9cb440 !important;
  padding: 10px 12px;
  border-radius: 5px;
  max-width: fit-content;
  text-decoration: none;
  line-height: initial;
  font-size: .9em;
}
.btn-primary a{
	 text-decoration: none;
}
.btn-primary:hover {
  background: #b0d704 !important;
}
.com-content-article__body, .container-topbar, .custom-modul{
	padding: 1em 10%;
}
.kontakt .grid-child{
	padding: 20px 18%;
}
.container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
  margin-top: 0;
}
.modul-background-white, .modul-background-grey{
	background-color: #ffe8d6ab !important;
  padding-top: 50px;
  padding-bottom: 50px;
}
.modul-background-grey{
	background-color: #2f2f2f8f !important;
	color: white;
}
.background-ocker{
	background-color: var(--background-ocker) !important;
}
.container-topbar{
	display: flex;
  background-color: var(--gruen);
  padding: .5em;
}
#mod-custom111{ /* LOGO */
	margin-right: 2%;
	margin-left: 1%;
	padding: 0;
	min-width: fit-content;
}

#mod-custom111 h1{
	display: flex;
}

#mod-custom111 .logo-text{
	color: var(--background-grey);
  font-family: 'Josefin Sans';
  font-weight: 600;
  font-size: 1em;
  padding-top: 37px;
  padding-left: 20px;
}
.custom-wide, .team-pics{
	padding: 1em;
  width: 90%;
  margin: 0 auto 30px;
  border-radius: 20px;
  border: none;
  background: none;
}
.custom-wide .box-left{
	width: 80%;
}
.card-body{
	padding-left: 0;
}
.kontakt .card-body{
	padding: var(--card-spacer-y)var(--card-spacer-x);
}
/*
.unternehmen .banner-overlay, .galerie .banner-overlay, .preise .banner-overlay, .kontakt .banner-overlay{
	height: 40vh;
}
*/
.galerie .item-pagegalerie p{
	display: none;
}
.galerie h2{
	margin: 25px 0 5px;
	background-color: rgba(250, 235, 215, 0.63);
	padding: 10px;
	border-radius: 5px;
}
.ausflugsziele .com-content-article__body {
	display: grid;
  grid-template-columns: auto auto auto;
  justify-content: space-around;
  row-gap: 20px;
  }
.ausflugsziele .com-content-article__body img {
	 border-radius: 10px; 
	 box-shadow: 0px 0px 10px 5px #00000030;
	 }
:is(.ausflugsziele, .dtv) .com-content-article__body img:hover{
	transform: scale(1.013,1.03);
}
:is(.unternehmen, .galerie, .preise, .kontakt, .kinzigtal, .ausflugsziele) .banner-overlay{
	height: 40vh;
}
:is(.unternehmen, .galerie, .preise, .kontakt, .kinzigtal, .ausflugsziele) .banner-overlay .overlay h2 {
	font-weight: 600;
  letter-spacing: 5px;
  font-size: 3em;
  background-color: #250c0c42;
  padding: 10px;
  border-radius: 10px;
  color: wheat;
  }

/*
.unternehmen .banner-overlay .overlay h2, .galerie .banner-overlay .overlay h2, .preise .banner-overlay .overlay h2, .kontakt .banner-overlay .overlay h2{
	font-weight: 600;
  letter-spacing: 5px;
  font-size: 3em;
  background-color: #250c0c42;
  padding: 10px;
  border-radius: 10px;
  color: wheat;
}
*/
:is(.kinzigtal, .ausflugsziele) .com-content-article__body{
	padding: 20px;
  background: rgba(255, 255, 255, 0.61);
  border-radius: 15px;
  margin: 10vh 10vw;
}
.fa-handshake::before {
  content: "\f2b5";
}
.contentbox-1{
	padding: 0 10%;
	font-style: italic;
}
/* ---------------- MENU */

.nav a{
	text-decoration: none;
}
.mod-list li {
/*   padding: .8em 0; */
  font-size: 1.4em;
  color: var(--header-text-farbe);
  max-height: 55px;
}
.mod-list li.active > a {
	color: var(--header-text-farbe-active);
}
.container-banner .banner-overlay .overlay{
	background-color: transparent;
}
.container-banner .banner-overlay .overlay .ls-layer{
	background-color: var(--gruen);
	color: var(--header-text-farbe);
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
  height: auto;
  padding: 20px 0;
}
.metismenu.mod-menu .metismenu-item {
  font-size: 1.2rem;
  line-height: 1;
}
 .container-topbar .navbar.navbar-expand-lg{
	 display: none;
 }
.grid-child.container-nav{
	min-height: 100px;
	justify-content: center;
}
.navbar-toggler{
	background: darkolivegreen;
}
.container-header .metismenu > li > a:hover{
	color: #ababab;
}
/* ---------------- MENU  END---- */
.container-header .mod-menu > li.active::after{
	display: none;
}

.container-header{
	background-color: white;
	background-image: none;
}
.container-banner {
  margin: 0;
}
/*
.site-grid .container-component{
	grid-column: full-start/full-end !important;
	background-color: var(--background-ocker);

}
*/
.footer, .footer strong {
  color: #b4b4b1;
  background-color: var(--background-grey);
  background-image: none;
  margin-top: 0;
}
.footer .grid-child {
  justify-content: space-evenly;
  align-items: stretch;
  padding: 2.5rem .5em;
}
.footer h3{
	color: white;
}
.site .footer .grid-child .footer-buttom{
	position: absolute;
  bottom: 1px;
  padding-top: 10px;
  border-top: 1px solid;
  width: 80vw;
  font-size: .7em;
}
figcaption {
  color: #e5e7e9;
  font-size: .9em;
  text-align: center;
}
figure {
  margin: 0 0 2em;
  text-align: center;
}
.com-contact{
	max-width: 90%;
  margin: 0 auto;
}
.com-contact__form{
	margin-bottom: 40px;
}
.com-contact h3{
	display: none;
}
.kontakt .top-a.card{
	border: none;
  padding: 0 20px;
  background: #ffffff6b;
  border-radius: 20px;
}
.kontakt .top-a .card-body{
	padding-left: 0;
	padding-top: 30px;
}
.kontakt .container-top-b .card-body, .pics-bloecke{
	background-color: transparent;
}
.grundriss .pics{
	display: flex;
	justify-content: space-around;
}
.grundriss .pics div{
	justify-content: space-around;
	display: flex;
}
.grundriss .pics div img{
	width: 80%;
	box-shadow: 1px 1px 16px #00000080;
	border-radius: 10px;
}
.home .custom img{
/* 	max-width: 90%; */
}
.home .custom a img:hover{
	filter: sepia(50%);
	opacity: .8;
}
.wf-icon-zoom-image::before, .wf-icon-zoom-image svg {
  color: #494343;
  font-size: 24px;
  height: 28px;
  position: absolute;
  text-align: center;
  width: 24px;
  opacity: .8;
  top: auto;
  bottom: 5px;
  left: 0 !important;
  right: 0 !important;
  z-index: 1;
}
.wf-icon-zoom-image > svg {
  fill: #707a46 !important;
}
.fullwith{
	display: flex;
  width: 81vw !important;
  background-color: #9cb440 !important;
}
.dj-simple-contact-form-introtext{
	font-size: inherit !important;
}
.dj-simple-contact-form-row.terms-conditions.checkboxes{
	display: flex;
}
/* ------------------  ----------------- */
.speiseplan table{
	background-color: var(--hell-ocker);
	font-size: 110%;
}
.speiseplan thead{
	background-color: var(--hell-ocker);
	text-align: center;
	border-bottom: 1px solid wheat;
}
.speiseplan thead th{
	padding-top: 5px;
}
.speiseplan tbody tr td, .speiseplan tbody tr th{
	padding: 10px 10px;
	color: #3d3d3d;
}
.speiseplan tr:nth-child(even){
	background-color: var(--background-ocker);
}
.speiseplan .card{
	border: none;
	border-bottom: 1px solid antiquewhite;
	background: transparent;
}
.team-pics .pics{
	display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.team-pics .pics img{
	width: 23%;
  margin-bottom: 20px;
}
.preise .pics .bloecke{
	width: 30%;
  padding: 2%;
  background: #313d40;
  font-size: small;
  border-radius: 25px;
  color: wheat;
  margin-bottom: 2vw;
}
.preise .pics .bloecke h5{
	color: wheat;
	font-size: 1rem;
}
.preise .pics .bloecke.gruen{
	background: #9cb440;
	color: wheat;
}
.preise .pics .bloecke a{
	color: wheat;
	text-decoration: none;
}
.preise .pics .bloecke a:hover{
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
}
.preise .pics .bloecke li{
	font-size: 1.5em;
}
body.wrapper-fluid .site-grid {
  grid-gap: 0;
  }
  
.ba-gallery-items{
	box-shadow: 0px 0px 10px #05050559;
}
.metismenu.mod-menu .metismenu-item {
  padding: .5em .5em;
  }
 .preise h2{
	 text-align: center;
  background: #9cb440;
  padding: 10px 0;
  border-radius: 15px;
  width: 96%;
  margin: 0 auto 50px;
  font-weight: 600;
  color: wheat;
 }
 .ba-gallery-row-wrapper{
	 margin-top: 5vh;
 }
.home .com-content-article__body{
		background-color: #faebd7d6;
  margin-bottom: 20px;
	}
:is(.datenschutz,.impressum,.hunde, .hausordnung) main{
	background-color: #faebd7d6;
}
@media only screen and (max-width: 1350px) {
	.container-banner .banner-overlay .overlay .ls-layer {
		width: 100%;
		margin: 0;
		height: auto;
		padding: 10px 0;
		font-size: 1.6em;
  }
  #mod-custom111 {
 	 margin-right: 1%;
 	 margin-left: 1%;
 	 padding: 8px 0 0 0;
 	 min-width: fit-content;
	}
}
@media only screen and (max-width: 1000px) {
	.flex-box, .flex-box-pics{
  		flex-direction: column;
	}
	.com-content-article__body, .container-topbar, .custom-modul, .contact {
		padding: 2.5em 8%;
	}
	.block-left, .block-right, .box-left, .box-right {
		width: 100% !important;
		margin-right: 0;
		margin-left: 0;
	}
	.block-right, .box-right{
		text-align: center;
	}
	.container-topbar {
    	padding: .5em 10px;
  	}
  	.flex-box-pics div {
  		padding: 20px;
  		text-align: center;
	}
	.navbar-collapse{
		background-color: var(--background-grey);
		border-radius: 15px;
	}
	.custom-wide{
		padding: 1em 10px;
	}

	.container-header nav {
		margin-top: .5em;
		padding: 0;
/* 		right: 15px; */
		position: absolute;
	}
	#mod-custom111 {
	 margin: 0 auto;
  }
}
@media only screen and (max-width: 730px) {
	h2{
		font-size: 1.5em;
	}
	.container-header .container-nav nav {
    margin-top: .5em;
  }

	.container-banner .banner-overlay .overlay .ls-layer {
		width: 100%;
		margin: 0;
		height: auto;
		padding: 10px 0;
		font-size: 1.5em;
  }
  .pics{
	  flex-direction: column;
  }
  .preise .pics .bloecke{
	  width: 100%;
  }
  .team-pics .pics img{
/* 	  width: 100%; */
  }
  .speiseplan .card-body {
  	padding: 1px;
  	font-size: 70%;
  }
  .speiseplan table{
	font-size: 85%;
	}
	.com-content-article__body{
		padding: 2.5em 2%;
	}
	.contentbox-1 {
	padding: 0 2%;
	}
	.kontakt .grid-child {
	padding: .5em 2%;
	}
	.ausflugsziele .com-content-article__body {
		display: block;
  }
  :is(.kinzigtal, .ausflugsziele) .com-content-article__body {
  	padding: 50px;

  	margin: auto;
	}
	.card-body {
		padding: 0 !important;
	}
	.sppb-addon-content{
		padding: 20px !important;
	}
	.grundriss .pics div {
		display: block;
		margin: 10px auto;
	}
	.grundriss .pics div img {
		width: 100%;
	}
	.site .footer .grid-child .footer-buttom {
		position: relative;
		}
	.site-grid{
		background-color: #faebd7c2 !important;
	}
}

@media only screen and (max-width: 40em) {
  .responsive thead {
  		font-size: 90%;
  }
  .custom-wide {
  	padding: 1.5em 5px;
	}
}
@media only screen and (max-width: 500px){
	.mod-menu_dropdown-metismenu .metismenu-item a{
		color: antiquewhite !important;
	}
	.preise h2{
		width: 100%;
		font-size: 2em !important;
	}
	.com-content-article__body {
    	padding: 20px;
  	}
  	.preise .pics .bloecke{
	  	border-radius: 15px;
  	}
  	.fullwith {
  		width: 100% !important;
	}
	.team-pics{
		width: 100%;
	}
	.container-banner .banner-overlay {
		background-position: center;
		background-size: contain;
		max-height: 500px;
	}
	:is(.unternehmen, .galerie, .preise, .kontakt, .kinzigtal, .ausflugsziele) .banner-overlay .overlay h2 {
		font-weight: 600;
		letter-spacing: 5px;
		font-size: 2em;
		}
	.ausflugsziele .com-content-article__body {
		display: block;
  }
}