/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v43-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v43-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v43-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Bottom Link keinen Unterstrich */
#bottom .inside a:hover {
  border-bottom: none;
}

/* Kontaktformular keine Rundungen, Höhe und Farbe */
form.style5 textarea {
  height: 200px;
  border-radius: 0px;
}
form.style5 input {
  height: 50px;
  border-radius: 0px;  
}
form.style5 button.submit {
  height: 45px;
  padding: 0px;
  border-radius: 5px;
  background: #867e73;
}

/* Formular Checkbox händisch formatiert wegen iPhone */
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + label {
	margin-left: 1.5em;
	position: relative;
	cursor: pointer;
}
input[type="checkbox"] + label:after {
	left: -1.2em;
	color: rgba(255, 255, 255, 0.6);
	display: inline-block;
	position: absolute;
	right: -1.2em;
	top: -.1em;
	width: .8em;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.6em;
	content: '\f096';
	font-family: 'FontAwesome';
}
input[type="checkbox"]:checked + label:after {
	content: '\f046';
}

/* Logo Betriebsgastronomie */
@media only screen and (min-width: 768px) {
  .header.original .logo-betriebsgastronomie {
  height: 81px;
  width: 232px;
  }
}

@media only screen and (max-width: 767px) {
  .header .logo-betriebsgastronomie {
  width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .logo-betriebsgastronomie {
  float: none;
  margin-left: auto;
  margin-right: auto;
  }
}
.logo-betriebsgastronomie {
  margin-top: auto;
  margin-bottom: auto;
  float: left;
}
.logo-betriebsgastronomie a {
  background-image: url(../img/logos/logo_betriebsgastronomie.png);
}
.logo-betriebsgastronomie a {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left;
}
  
/* Logo Catering */
@media only screen and (min-width: 768px) {
  .header.original .logo-catering {
  height: 81px;
  width: 232px;
  }
}
@media only screen and (max-width: 767px) {
  .header .logo-catering {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .logo-catering {
  float: none;
  margin-left: auto;
  margin-right: auto;
  }
}
.logo-catering {
  margin-top: auto;
  margin-bottom: auto;
  float: left;
}
.logo-catering a {
  background-image: url(../img/logos/logo_catering.png);
}
.logo-catering a {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left;
}

/* Google Map iframe Position und Tooltip */
.map-container {
  position: relative;
  width: 600px; /* Passen Sie die Breite an */
  height: 450px; /* Passen Sie die Höhe an */
}

.tooltip {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: white;
  padding: 5px;
  border: 1px solid black;
  display: none; /* Standardmäßig ausgeblendet */
}

.map-container:hover .tooltip {
  display: block; /* Tooltip wird bei Hover angezeigt */
}


/* Top-Bereich wird zusammen mit Sticky angezeigt */
@media only screen and (min-width: 1024px) {
  body.fixed-header #fix-wrapper {
  position: fixed; 
  background-color: white;
  }
  body.fixed-header #stickyheader {
  top: 32px; 
  transition: none;
  }
}
.header.cloned {
  box-shadow: none;
}
@media only screen and (max-width: 1024px) {
    body.fixed-header #stickyheader {
  top: 0px; 
  transition: none;
  }
}