/* styles.css */

/* ==========================================================================
   Include fonts
   ========================================================================== */

/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600|Ropa+Sans'); */

@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-weight: 400;
  src: url('../Fonts/open-sans-v28-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-weight: 700;
  src: url('../Fonts/open-sans-v28-latin-700.woff2') format('woff2');
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * ropa-sans-pro:
 *   - http://typekit.com/eulas/00000000000000003b9af9a8
 *   - http://typekit.com/eulas/00000000000000003b9af9a9
 *   - http://typekit.com/eulas/00000000000000003b9af9aa
 *   - http://typekit.com/eulas/00000000000000003b9af9ab
 *   - http://typekit.com/eulas/00000000000000003b9af9ac
 *   - http://typekit.com/eulas/00000000000000003b9af9ad
 *   - http://typekit.com/eulas/00000000000000003b9af9ae
 *   - http://typekit.com/eulas/00000000000000003b9af9af
 *   - http://typekit.com/eulas/00000000000000003b9af9b0
 *   - http://typekit.com/eulas/00000000000000003b9af9b1
 *   - http://typekit.com/eulas/00000000000000003b9af9b2
 *   - http://typekit.com/eulas/00000000000000003b9af9b3
 *   - http://typekit.com/eulas/00000000000000003b9af9b4
 *   - http://typekit.com/eulas/00000000000000003b9af9b5
 *   - http://typekit.com/eulas/00000000000000003b9af9b6
 *   - http://typekit.com/eulas/00000000000000003b9af9b7
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2021-11-22 07:37:20 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=mxl7orb&ht=tk&f=34141.34142.34143.34144.34145.34146.34147.34148.34149.34150.34151.34152.34153.34154.34155.34156&a=22700865&app=typekit&e=css");

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/0e6457/00000000000000003b9af9a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/0e6457/00000000000000003b9af9a8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/0e6457/00000000000000003b9af9a8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:100;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/cd02f2/00000000000000003b9af9a9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/cd02f2/00000000000000003b9af9a9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/cd02f2/00000000000000003b9af9a9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:100;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/a4dbd7/00000000000000003b9af9aa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"),url("https://use.typekit.net/af/a4dbd7/00000000000000003b9af9aa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"),url("https://use.typekit.net/af/a4dbd7/00000000000000003b9af9aa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:200;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/cd2cd8/00000000000000003b9af9ab/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/cd2cd8/00000000000000003b9af9ab/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/cd2cd8/00000000000000003b9af9ab/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/ce8deb/00000000000000003b9af9ac/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/ce8deb/00000000000000003b9af9ac/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/ce8deb/00000000000000003b9af9ac/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/7fa0d5/00000000000000003b9af9ad/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/7fa0d5/00000000000000003b9af9ad/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/7fa0d5/00000000000000003b9af9ad/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/7bd56a/00000000000000003b9af9ae/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/7bd56a/00000000000000003b9af9ae/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/7bd56a/00000000000000003b9af9ae/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/e688b4/00000000000000003b9af9af/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/e688b4/00000000000000003b9af9af/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/e688b4/00000000000000003b9af9af/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/8c1821/00000000000000003b9af9b0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/8c1821/00000000000000003b9af9b0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/8c1821/00000000000000003b9af9b0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/623e62/00000000000000003b9af9b1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/623e62/00000000000000003b9af9b1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/623e62/00000000000000003b9af9b1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:500;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/2720f2/00000000000000003b9af9b2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/2720f2/00000000000000003b9af9b2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/2720f2/00000000000000003b9af9b2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/ff3311/00000000000000003b9af9b3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/ff3311/00000000000000003b9af9b3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/ff3311/00000000000000003b9af9b3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/7ce24a/00000000000000003b9af9b4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/7ce24a/00000000000000003b9af9b4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/7ce24a/00000000000000003b9af9b4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/10a122/00000000000000003b9af9b5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/10a122/00000000000000003b9af9b5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/10a122/00000000000000003b9af9b5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:800;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/aa1bce/00000000000000003b9af9b6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/aa1bce/00000000000000003b9af9b6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/aa1bce/00000000000000003b9af9b6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:900;
}

@font-face {
font-family:"ropa-sans-pro";
src:url("https://use.typekit.net/af/f36928/00000000000000003b9af9b7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/f36928/00000000000000003b9af9b7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/f36928/00000000000000003b9af9b7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;
}

.tk-ropa-sans-pro { font-family: "ropa-sans-pro",sans-serif; }



/* ==========================================================================
   Basics
   ========================================================================== */

body,
html {
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	color: #575756;
	line-height: 1.428571429;
	margin: 0;
	padding: 114px 0 0 0;
  font-size: 18px;
}

body {
  padding: 0;
}

/* body.home { */
  /* padding: 0; */
/* } */

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

img {
  max-width: 100%;
  height: auto;
}

a {
	color: #5aa5c8;
}

a:hover {
	color: #5aa5c8;
}




/* ==========================================================================
   Layout + global styles
   ========================================================================== */

#page-wrapper {
  position: relative;
  background: #fff;
  max-width: 1920px;
  margin: 0 auto; 
  height: 100%;
}

.content-wrapper {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

.content-wrapper-large {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
}

.bg-gray {
  position: relative;
  background-color: #f8f8f8;
}

.bg-blue {
  position: relative;
  background-color: #58a0c2;
  color: #fff;
}

.bg-orange {
  position: relative;
  background-color: #dc8c14;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'ropa-sans-pro', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

.page-bad h1,
.page-bad h2,
.page-bad h3,
.page-bad h4,
.page-bad h5,
.page-bad h6 {
  color: #5aa5c8;
}

.page-sauna h1,
.page-sauna h2,
.page-sauna h3,
.page-sauna h4,
.page-sauna h5,
.page-sauna h6 {
  color: #dc8c14;
}

.lightblue {
  color: #5aa5c8;
}

.orange {
  color: #dc8c14;
}

.button {
	background: #575756;
	display: -webkit-box;
	display: -ms-flexbox;
	display: inline-block;
	-webkit-box-align: left;
	-ms-flex-align: left;
	align-items: left;
	padding: 7px 20px 7px 15px;
	border-bottom-right-radius: 20px;
	justify-content: left;
	color: #fff;
	font-size: 22px;
	font-family: 'ropa-sans-pro', sans-serif;
  text-decoration: none;
}

.button:hover {
  background-color: #5AA5C8;
	color: #fff;
  text-decoration: none;
}

.page-sauna .button:hover {
  background-color: #dc8c14;
}

.frame-layout-1 {
  margin: 3rem;
}

/* Space */
.frame-space-before-extra-small { margin-top: 0; padding-top: 1em }
.frame-space-before-small { margin-top: 0; padding-top: 2em }
.frame-space-before-medium { margin-top: 0; padding-top: 3em }
.frame-space-before-large { margin-top: 0; padding-top: 4em }
.frame-space-before-extra-large { margin-top: 0; padding-top: 5em }
.frame-space-after-extra-small { margin-bottom: 0; padding-bottom: 1em }
.frame-space-after-small { margin-bottom: 0; padding-bottom: 2em }
.frame-space-after-medium { margin-bottom: 0; padding-bottom: 3em }
.frame-space-after-large { margin-bottom: 0; padding-bottom: 4em }
.frame-space-after-extra-large { margin-bottom: 0; padding-bottom: 5em }

@media (max-width: 767px) {
	.frame-space-before-extra-small { margin-top: 0; padding-top: .5em }
  .frame-space-before-small { margin-top: 0; padding-top: 1em }
  .frame-space-before-medium { margin-top: 0; padding-top: 1.5em }
  .frame-space-before-large { margin-top: 0; padding-top: 2em }
  .frame-space-before-extra-large { margin-top: 0; padding-top: 2.5em }
  .frame-space-after-extra-small { margin-bottom: 0; padding-bottom: .5em }
  .frame-space-after-small { margin-bottom: 0; padding-bottom: 1em }
  .frame-space-after-medium { margin-bottom: 0; padding-bottom: 1.5em }
  .frame-space-after-large { margin-bottom: 0; padding-bottom: 2em }
  .frame-space-after-extra-large { margin-bottom: 0; padding-bottom: 2.5em }
}

.image-embed-item.top-left {
  border-top-left-radius: 20px;
}

.image-embed-item.top-right {
  border-top-right-radius: 20px;
}

.image-embed-item.bottom-left {
  border-bottom-left-radius: 20px;
}

.image-embed-item.bottom-right {
  border-bottom-right-radius: 20px;
}

.video-inline.top-left {
  border-top-left-radius: 20px;
}

.video-inline.top-right {
  border-top-right-radius: 20px;
}

.video-inline.bottom-left {
  border-bottom-left-radius: 20px;
}

.video-inline.bottom-right {
  border-bottom-right-radius: 20px;
}

.lightSlider img.top-left {
  border-top-left-radius: 20px;
}

.lightSlider img.top-right {
  border-top-right-radius: 20px;
}

.lightSlider img.bottom-left {
  border-bottom-left-radius: 20px;
}

.lightSlider img.bottom-right {
  border-bottom-right-radius: 20px;
}

#topaktuellbad img.top-left {
  border-top-left-radius: 20px;
}

#topaktuellbad img.top-right {
  border-top-right-radius: 20px;
}

#topaktuellbad img.bottom-left {
  border-bottom-left-radius: 20px;
}

#topaktuellbad img.bottom-right {
  border-bottom-right-radius: 20px;
}

/* Responsive tables */
.table-container {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}
.table-container::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}
.table-container::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

.smaller {
  font-size: 80%;
}




/* ==========================================================================
   Header
   ========================================================================== */

#header {
  width: 100%;
  height: 120px;
  background: #fff;
}

.top-navigation {
  width: 98%;
  height: 46px;
  background: #5AA5C8;
  border-radius: 0px 0px 20px 0px;
}

.page-sauna .top-navigation {
  background: #dc8c14;
}

.top-navigation ul {
  margin: 0 0 0 10px;
  padding: 0;
  float: none;
  list-style: none;
}

.top-navigation ul li {
  margin: 0;
  padding: 0 4px;
  display: inline-block;
  line-height: 46px;
  height: 46px;
}

.top-navigation ul li a {
  display: inline-block;
  font-family: 'ropa-sans-pro', sans-serif;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  font-size: 10px;
  line-height: 46px;
  height: 46px;
}

.top-navigation ul li.active {
  background: #fff;
}

.top-navigation ul li.active a {
  color: #5AA5C8;
  font-weight: bold;
}

.page-sauna .top-navigation ul li.active a {
  color: #dc8c14;
}

.main-navigation {
  /* float: left; */
  /* width: 50%; */
}

/* .header-right { */
  /* float: left; */
  /* width: 45%; */
/* } */

#main-menu {
  /* float: none; */
}

.logo-wrapper {
  position: absolute;
    top: 58px;
    right: 10%;
    /* left: auto; */
  /* position: relative; */
    /* top: 10%; */
    /* left: auto; */
    /* right: 5%; */
    /* float: right; */
  
}

.logo-wrapper img {
  width: 150px;
}


@media screen and (min-width: 380px) {
	.top-navigation ul li {
    padding: 0 5px;
  }
	.top-navigation ul li a {
    font-size: 12px;
  }
}

@media screen and (min-width: 480px) {
	.top-navigation ul li {
    padding: 0 8px;
  }
	.top-navigation ul li a {
    font-size: 14px;
  }
}

@media screen and (min-width: 600px) {
  #header {
    height: 140px;
  }
	.top-navigation ul li {
    padding: 0 12px;
  }
	.top-navigation ul li a {
    font-size: 16px;
  }
  .logo-wrapper {
    top: 56px;
    right: 3%
  }
  .logo-wrapper img {
    width: 200px;
  }
}

@media screen and (min-width: 768px) {
  .top-navigation ul li {
    padding: 0 20px;
  }
	.top-navigation ul li a {
    font-size: 20px;
  }
}

@media screen and (min-width: 980px) {
  
  .top-navigation {
    width: 70%;
    height: 56px;
  }
  .top-navigation ul {
    float: right;
  }
  .top-navigation ul li {
    line-height: 56px;
    height: 56px;
  }
  .top-navigation ul li a {
    font-size: 20px;
    line-height: 56px;
    height: 56px;
  }
  .main-navigation {
    width: 70%;
    /* height: 46px; */
  }
  /* .sm-clean { */
    /* height: 84px; */
  /* } */
  /* .sm-clean > li { */
    /* line-height: 84px; */
    /* height: 84px; */
    /* padding: 0 0 0 75px; */
  /* } */
  /* .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { */
    /* line-height: 84px; */
    /* height: 84px; */
    /* font-size: 28px; */
  /* } */
  .logo-wrapper {
    position: absolute;
    top: 40px;
    left: 76%;
  }
  .logo-wrapper img {
    /* width: 200px; */
  }
  #main-menu {
    float: right;
    width: 666px;
  }
  .sm-clean > li > ul > li {
    display: inline-block;
  }
}

@media screen and (min-width: 1100px) {
  #header {
    height: 160px;
  }
  .top-navigation,
  .main-navigation {
    width: 65%;
  }
  .logo-wrapper {
    top: 30px;
    left: 72%;
  }
  .logo-wrapper img {
    width: 250px;
  }
  .sm-clean {
    height: 104px;
  }
  .sm-clean > li {
    line-height: 104px;
    height: 104px;
    padding: 0 0 0 75px;
  }
  .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    line-height: 104px;
    height: 104px;
    font-size: 28px;
  }
}

@media screen and (min-width: 1350px) {
  #main-menu {
    width: 766px;
  }
  .top-navigation,
  .main-navigation {
    width: 60%;
  }
  .logo-wrapper {
    /* top: 20px; */
    left: 70%;
  }
  .logo-wrapper img {
    width: 315px;
  }
  .top-navigation ul li a {
    font-size: 24px;
  }
  .sm-clean > li {
    padding: 0 0 0 86px;
  }
  .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    font-size: 32px;
  }
}

@media screen and (min-width: 1500px) {
  .top-navigation,
  .main-navigation {
    width: 55%;
  }
  .top-navigation {
    width: 55%;
    height: 56px;
  }
  .top-navigation ul {
    float: right;
    margin: 0;
  }
  .top-navigation ul li {
    line-height: 56px;
    height: 56px;
  }
  .top-navigation ul li a {
    line-height: 56px;
    height: 56px;
  }
  .logo-wrapper {
    /* left: 70%; */
  }
}




/* ==========================================================================
   Video (Header)
   ========================================================================== */

.header-video-container {
  position: relative;
  /* width: 100%; */
  /* height: auto; */
  /* border: none !important; */
  /* border-radius: 0; */
  /* outline: none; */
}

.header-video {
  /* width: 100%; */
  /* height: auto; */
  line-height: 0;
}

.header-video:focus {
  /* outline: none; */
}

video {
  height: auto;
  /* max-height: 540px; */
  max-height: 1080px;
  width: 100%;
}

.header-video-text {
  position: absolute;
  top: 60%;
  left: 20%;
  color: #fff
}




/* ==========================================================================
   Ticker
   ========================================================================== */

.marquee {
  overflow: hidden;
  background: #5AA5C8;
  border: solid 1px #5AA5C8;
  height: 60px;
  /* min-height: 30px; */
  line-height: 60px;
  font-size: 22px;
  color: #fff;
}

.page-bad .marquee {
  background: #5AA5C8;
  border: solid 1px #5AA5C8;
}

.page-sauna .marquee {
  background: #dc8c14;
  border: solid 1px #dc8c14;
}

@media (max-width: 989px) {
	.marquee {
    font-size: 18px;
     height: 50px;
     line-height: 50px;
  }
}



/* ==========================================================================
   Introtext
   ========================================================================== */

.introtext {
  padding: 30px 0;
}

.introtext h1 {
  color: #fff;
}



/* ==========================================================================
   LightSlider
   ========================================================================== */

.lightSlider {
  max-height: 380px;
}



/* ==========================================================================
   Akkordeon
   ========================================================================== */

.accordion_container {}

.accordion_head {
  clear: right;
  cursor: pointer;
  margin: 5px 0;
  padding: 10px 40px 10px 15px;
  font-weight: 600;
  position: relative;
  background: #b9baab;
  color: #fff;
}

.accordion_body {
  background-color: rgba(185,186,171,0.1);
	padding: 15px 15px 1px 15px;
	border-bottom-right-radius: 20px;
}

.accordion_icon {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 5px;
	/* color: #575756; */
  color: #fff;
	font-size: 2em;
  line-height: 0.5;
}



/* ==========================================================================
   Sauna-Daten
   ========================================================================== */

.sauna-daten h2 {
  margin: 20px 0;
}

.sauna-daten-flexbox {
  display: flex; 
	/* justify-content: space-around; */
}

.sauna-daten-links {
  margin-top: 20px;
  display: flex;
  flex: 1;
	flex-direction: column;
	align-items:center;
}

.sauna-daten-mitte {
  margin-top: 20px;
  display: flex;
  flex: 1;
	flex-direction: column;
	align-items:center;
}

.sauna-daten-rechts {
  margin-top: 20px;
  display: flex;
  flex: 1;
	flex-direction: column;
	align-items:center;
}

.sauna-daten-label {
  font-size: 14px;
  margin: 15px 0 5px 0;
}

.sauna-daten-wert {
  /* font-size: 32px; */
  font-size: 1.8vw;
  /* font-size: max(1.8vw, 30px); */
  margin: 0;
}

@media (max-width: 479px) {
  .sauna-daten-flexbox {
    display: block; 
	  justify-content: none;
  }
	.sauna-daten-links {
    display: block;
    text-align: center;
  }
  .sauna-daten-mitte {
    display: block;
    text-align: center;
  }
  .sauna-daten-rechts {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .sauna-daten-wert {
    font-size: 24px;
  }
}

@media (min-width: 1920px) {
  .sauna-daten-wert {
    font-size: 30px;
  }
}





/* ==========================================================================
   Bad-Daten
   ========================================================================== */

.bad-daten h2 {
  margin: 20px 0;
}

.bad-daten-flexbox {
  display: flex; 
	/* justify-content: space-around; */
}

.bad-daten-links {
  margin-top: 20px;
  display: flex;
  flex: 1;
	flex-direction: column;
	align-items:center;
}

.bad-daten-mitte {
  margin-top: 20px;
  display: flex;
  flex: 1;
	flex-direction: column;
	align-items:center;
}

.bad-daten-rechts {
  margin-top: 20px;
  display: flex;
  flex: 1;
	flex-direction: column;
	align-items:center;
}

.bad-daten-label {
  font-size: 14px;
  margin: 15px 0 5px 0;
}

.bad-daten-wert {
  /* font-size: 32px; */
  font-size: 1.8vw;
  /* font-size: max(1.8vw, 30px); */
  margin: 0;
}

@media (max-width: 479px) {
  .bad-daten-flexbox {
    display: block; 
	  justify-content: none;
  }
	.bad-daten-links {
    display: block;
    text-align: center;
  }
  .bad-daten-mitte {
    display: block;
    text-align: center;
  }
  .bad-daten-rechts {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .bad-daten-wert {
    font-size: 24px;
  }
}

@media (min-width: 1920px) {
  .bad-daten-wert {
    font-size: 30px;
  }
}





/* ==========================================================================
   Tabelle Standard
   ========================================================================== */

.contenttable {
  width: 100%;
  border-collapse: collapse;
}

.contenttable th {
	background: #b9baab;
	color: #fff;
  text-align: center;
}

.contenttable th:last-child {
	border-top-right-radius: 30px;
}

.contenttable td, .contenttable th {
	font-size: .875em;
	padding: .75rem;
}

.contenttable td {
  border-right: 1px solid rgba(185,186,171,.5);
}

.contenttable td:last-child {
  border-right: 0px solid;
}

.contenttable tr:nth-of-type(even) {
  background-color: rgba(185,186,171,0.1);
}




/* ==========================================================================
   Tabelle Zeiten
   ========================================================================== */

table.timetable {
  width: 100%;
  border-collapse: collapse;
}

table.timetable td {
  text-align: center;
	font-size: .875em;
	padding: .45rem .75rem;
  border: 1px solid #fff;
}




/* ==========================================================================
   Tabelle einfach
   ========================================================================== */

table.cleantable {
  width: 100%;
  border-collapse: collapse;
}

table.cleantable td {
	font-size: 18px;
	padding: .5rem .5rem;
  border: none;
}





/* ==========================================================================
   Oeffnungszeiten
   ========================================================================== */

#oeffnungszeiten {
  background-color: #F8F8F8;
  border-top-right-radius: 40px;
  padding: 60px 100px;
}

#oeffnungszeiten h3 {
  color: #575756;
  text-transform: none;
}

#oeffnungszeiten .contenttable {
  width: auto;
}

#oeffnungszeiten .contenttable td {
  border-right: none;
  vertical-align: top;
  padding: .75rem 1.75rem .75rem 0;
  font-size: 22px;
}

#oeffnungszeiten .contenttable tr:nth-of-type(even) {
  background-color: transparent;
}

#oeffnungszeiten .contenttable tr:nth-of-type(even) {
  border-top: 1px solid #ccc;
}

@media (max-width: 989px) {
	#oeffnungszeiten {
    padding: 15px 0;
	}
  #oeffnungszeiten .contenttable td {
    font-size: 16px;
  }
}



/* ==========================================================================
   Oeffnungszeiten Sauna
   ========================================================================== */

#oeffnungszeitensauna {
  background-image: url(../Images/icon-oeffnungszeiten.png);
  background-repeat: no-repeat;
  background-position: -180px bottom;
  padding-top: 130px;
  padding-bottom: 130px;
}

#oeffnungszeitensauna h3 {
  color: #575756;
  text-transform: none;
}

#oeffnungszeitensauna .contenttable {
  width: auto;
}

#oeffnungszeitensauna .contenttable td {
  border-right: none;
  vertical-align: top;
  padding: .75rem 1.75rem .75rem 0;
  font-size: 18px;
}

#oeffnungszeitensauna .contenttable tr:nth-of-type(even) {
  background-color: transparent;
}

#oeffnungszeitensauna .contenttable tr:nth-of-type(even) {
  border-top: 1px solid #ccc;
}



/* ==========================================================================
   Oeffnungszeiten Bad
   ========================================================================== */

#oeffnungszeitenbad {
  background-image: url(../Images/icon-oeffnungszeiten.png);
  background-repeat: no-repeat;
  background-position: -180px bottom;
  padding-top: 130px;
  padding-bottom: 130px;
}

#oeffnungszeitenbad h3 {
  color: #575756;
  text-transform: none;
}

#oeffnungszeitenbad .contenttable {
  width: auto;
}

#oeffnungszeitenbad .contenttable td {
  border-right: none;
  vertical-align: top;
  padding: .75rem 1.75rem .75rem 0;
  font-size: 18px;
}

#oeffnungszeitenbad .contenttable tr:nth-of-type(even) {
  background-color: transparent;
}

#oeffnungszeitenbad .contenttable tr:nth-of-type(even) {
  border-top: 1px solid #ccc;
}



/* ==========================================================================
   Top-Aktuell
   ========================================================================== */

#topaktuell {
  background-color: #5AA5C8;
  border-bottom-right-radius: 40px;
  padding: 60px 100px;
}

#topaktuell h2 {
  text-transform: uppercase;
  font-weight: medium;
  font-size: 40px;
  color: #fff;
  display: flex;
  align-items: center;
}

#topaktuell h2 img {
  margin-right: 10px;
}

#topaktuell p {
  font-size: 20px;
  color: #fff;
}

@media (max-width: 989px) {
	#topaktuell {
		background-color: transparent;
    padding: 0;
	}
  #topaktuell > div > div > div {
    background-color: #5AA5C8;
    border-bottom-right-radius: 40px;
    padding: 15px;
  }
  #topaktuell h2 {
    font-size: 24px;
  }
  #topaktuell p {
    font-size: 16px;
  }
}



/* ==========================================================================
   Top-Aktuell Bad
   ========================================================================== */

#topaktuellbad {
  margin-left: -15px;
  margin-right: -15px;
}

#topaktuellbad h2 {
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
  color: #575756;
  margin: 30px 0 0 0;
  padding: 0;
  vertical-align: bottom;
  /* display: flex; */
  /* align-items: center; */
}

#topaktuellbad .button {
  float: right;
  line-height: 50px;
  padding: 0 20px 0 15px;
}

@media (max-width: 989px) {
  #topaktuellbad h2 {
    font-size: 24px;
  }
  #topaktuellbad p {
    font-size: 16px;
  }
}




/* ==========================================================================
   Unser Angebot
   ========================================================================== */

.headline-unserangebot {
  font-size: 40px;
  text-transform: uppercase;
}

.home-image-grid {
  margin-top: 10px;
  margin-left: -10px;
  margin-right: -10px;
}

.home-image-grid-1 {
  /* padding: 10px 10px 10px 0; */
  padding: 10px;
}

.home-image-grid-2 {
  /* padding: 10px 0 10px 10px; */
  padding: 10px;
}

.home-image-grid-3 {
  /* padding: 10px 10px 10px 0; */
  padding: 10px;
  position: relative;
}

.home-image-grid-4 {
  padding: 10px;
}

.home-image-grid-5 {
  /* padding: 10px 0 10px 10px; */
  padding: 10px;
}

.imagegrid__overlay {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}

.imagegrid__overlay h3 {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
}

.home-image-grid-1 > div,
.home-image-grid-1 > a img {
  border-top-left-radius: 20px;
}

.home-image-grid-2 > div,
.home-image-grid-2 > a img {
  border-top-right-radius: 20px;
}

.home-image-grid-3 > div,
.home-image-grid-3 > a img {
  border-bottom-left-radius: 20px;
}

.home-image-grid-5 > div,
.home-image-grid-5 > a img {
  border-bottom-right-radius: 20px;
}

@media (max-width: 767px) {
  .headline-unserangebot {
    font-size: 24px;
  }
  .home-image-grid-2 > div,
  .home-image-grid-2 > a img {
    border-top-right-radius: 0;
  }
  .home-image-grid-3 > div,
  .home-image-grid-3 > a img {
    border-bottom-left-radius: 0;
  }
}

/* .home-image-grid-1 > div, */
/* .home-image-grid-2 > div, */
/* .home-image-grid-3 > a > img, */
/* .home-image-grid-4 > a > img, */
/* .home-image-grid-5 > a > img { */
  /* border-top-right-radius: 40px; */
/* } */

/* .home-image-grid-1 { */
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  /* padding-bottom: 20px; */
/* } */

/* .home-image-grid-2 { */
  /* padding-left: 20px; */
  /* padding-bottom: 20px; */
  /* padding-right: 20px; */
/* } */

/* .home-image-grid-3 { */
  /* padding-left: 20px; */
  /* padding-right: 20px; */
/* } */

/* .home-image-grid-4 { */
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  /* background: tomato; */
/* } */

/* .home-image-grid-5 { */
  /* padding-left: 20px; */
  /* padding-right: 20px; */
/* } */

.imagezoom {
  position: relative;
  /* height: 19rem; */
  height: auto;
  /* width: 100%; */
  background-color: #333;
  overflow: hidden;
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);
}

.imagezoom h3 {
  margin: 0;
  display: block;
  background-color: transparent;
  color: #fff;
  padding: 1rem 1rem 1rem 2rem;
  transform: translate3d(0, -100%, 0);
  transition: transform 300ms;
  font-size: 30px;
  text-transform: uppercase;
}

.imagezoom a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.imagezoom a:hover ~ .imagezoom__overlay, .imagezoom a:focus ~ .imagezoom__overlay {
  transform: translate3d(0, 30%, 0);
}

.imagezoom a:hover ~ .imagezoom__overlay h3, .imagezoom a:focus ~ .imagezoom__overlay h3 {
  transform: translate3d(0, 30%, 0);
}

.imagezoom a:hover ~ .imagezoom__overlay .imagezoom__body, .imagezoom a:focus ~ .imagezoom__overlay .imagezoom__body {
  opacity: 1;
}

.imagezoom img {
  max-width: 100%;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
}

.imagezoom:hover img {
  transform: scale(1.1);
  opacity: 0.6;
}

.imagezoom__overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  transition: transform 300ms;
  /* background-color: #ff61b6; */
  transform: translate3d(0, 100%, 0);
  color: #fff;
}

.imagezoom__body {
  flex-grow: 1;
  padding: 2rem;
  opacity: 0;
  transition: opacity 500ms 100ms;
}

.imagezoom__body p {
  margin: 0;
}




/* ==========================================================================
   News
   ========================================================================== */

.news .section-heading h2 {
  text-transform: uppercase;
  font-size: 40px;
}

.news-image {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.news-image img {
    border-top-right-radius: 40px;
}

.news-text > h3 {
    font-size: 24px;
    color: #5AA5C8;
    text-transform: uppercase;
}

.news-text > p {
    
    margin-bottom: 0;
}

span.news-time {
    
    margin-bottom: 0;
	font-size: 12px;
	font-weight: 600;
}

.news-btn {
	text-align: right;
	margin: 10px 0;
}

.news-list-view {
	margin-bottom: 40px;
}

.newslist-left {
	float: left;
	width: 100%;
	margin-right: -130px;
}

.newslist-left > div {
	margin-right: 130px;
}

.newslist-right {
	float: right;
	width: 130px;
	text-align: right;
}

.news-list-date {
	font-size: 14px;
}

.article {
	margin-bottom: 30px;
}

.article > h3 {
	color: #5AA5C8;
  font-size: 24px;
  text-transform: uppercase;
}

.news-single h3 {
	color: #5AA5C8;
  font-size: 24px;
  text-transform: uppercase;
}

.news-single img {
    border-top-right-radius: 40px;
	margin-top: 6px;
}

.news-archive-link {
  text-align: right;
  padding-top: 5px;
}

.f3-widget-paginator {
	margin-bottom: 20px;
}

.f3-widget-paginator li {
	display: inline;
	margin-right: 10px;
}

/*.news-hover-effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 40px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.single-news-item:hover .news-hover-effects {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.single-news-item {
    margin-bottom: 50px;
}*/


.mediaelement-image a.lightbox {
	position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

@media (max-width: 989px) {
  .news .section-heading h2 {
    font-size: 24px;
  }
  .news-single h3 {
    font-size: 20px;
  }
}




/* ==========================================================================
   Powermail
   ========================================================================== */

.tx-powermail .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.tx-powermail > .container-fluid > form > h3 {
	display: none;
}

.tx-powermail legend {
	display: none;
}

.powermail_fieldwrap {
	margin: 10px 0 15px;
}

.tx-powermail input:not([type]), 
.tx-powermail input[type="text"],
.tx-powermail input[type="email"] {
	width: 100%;
	padding: 8px;
	border: 1px solid #c0c0c0;
	border-bottom-right-radius: 10px;
}

.tx-powermail select {
	width: 100%;
	padding: 8px;
	border: 1px solid #c0c0c0;
	border-bottom-right-radius: 10px;
}

.tx-powermail textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #c0c0c0;
	border-bottom-right-radius: 10px;
}

.tx-powermail input:not([type]), 
.tx-powermail input[type="submit"] {
	background: #8a8572;
	display: -webkit-box;
	display: -ms-flexbox;
	display: inline-block;
	-webkit-box-align: left;
	-ms-flex-align: left;
	align-items: left;
	padding: 7px 20px 7px 15px;
	border-bottom-right-radius: 20px;
	justify-content: left;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	font-family: 'Ropa Sans', sans-serif;
	border: 0;
}



/* ==========================================================================
   Powermail Fehlermeldungen
   ========================================================================== */

.tx-powermail .powermail_fieldset .parsley-errors-list {
  display: none;
  margin: 5px 0 20px 0;
  padding: 0;
  list-style-type: none;
  background-color: #F2DEDE;
  border: 1px solid #EBCCD1;
  width: 100%;
  float: right;
  clear: left
}

.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
  display: block
}

.tx-powermail .powermail_fieldset .parsley-errors-list>li {
  color: #A94442;
  padding: 5px 10px
}

.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {
  background-color: #EBCCD1;
  color: #A94442
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
  width: 100%;
  margin-bottom: 0;
  background-color: #EBCCD1;
  border: none
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list>li {
  padding-left: 5px
}




/* ==========================================================================
   Sidenav
   ========================================================================== */

#sidenav {
	position: fixed;
	right: 0;
	top: 30%;
	background: #575756;
	border-radius: 20px 0 0 0;
	z-index: 99998;
}

#sidenav a {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	z-index: 99999;
	color: #fff;
	font-size: 30px;
	text-align: center;
	padding: 10px;
	box-sizing: content-box;
	line-height: 1;
}

#sidenav a span {
	z-index: -1;
	position: absolute;
	top: 0;
	right: -210px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	background: #575756;
	color: transparent;
  -webkit-transition: right .3s ease-in, color .6s ease-in;
  transition: right .3s ease-in, color .6s ease-in;
	font-size: 18px;
	text-align: left;
	padding-left: 10px;
}

#sidenav a:hover {
	background: #575756;
}

#sidenav a:hover span {
	right: 30px;
	color: #fff;
}

@media (max-width: 480px) {
	#sidenav {
		display: none;
	}
}



/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
  /* margin-top: 80px; */
  padding-top: 50px;
  padding-bottom: 10px;
  background: #5AA5C8;
  color: #fff;
}

#footer a {
  color: #fff;
}

#footer h3 {
  text-transform: uppercase;
  font-weight: medium;
  font-size: 24px;
  color: #fff;
}

#footer p,
#footer li {
  font-size: 17px;
}

#footer p.copyright {
  font-size: 12px;
}


.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 56px;
  height: 57px;
}


/* Stellenabgebote */
.bite_entry--link a {
  color: #00afd7!important;
}



/* Suche */
.tx-indexedsearch-info-sword {
  margin: 1em 0;
}

.tx-indexedsearch-browsebox {
  margin-bottom: 1em;
}

.tx-indexedsearch-res {
  margin: 1.5em 0;
}



@media (max-width: 767px) {
	body {
		font-size: 16px;
	}
  h1 {
    font-size: 2.0rem;
  }
  h2 {
    font-size: 1.65rem;
  }
  h3 {
    font-size: 1.35rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  h5 {
    font-size: 1.15rem;
  }
  h6 {
    font-size: 1.05rem;
  }
  table.cleantable td,
  .contenttable td {
    font-size: 16px;
  }
}