@charset "utf-8";

/*			Fonts			*/
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url('../fonts/RobotoCondensed-Regular.eot');
  src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/RobotoCondensed-Regular.otf') format('otf'),
       url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg'),
       url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
       url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
       url('../fonts/RobotoCondensed-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'RobotoCondensed-Light';
  src: url('../fonts/RobotoCondensed-Light.eot');
  src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/RobotoCondensed-Light.otf') format('otf'),
       url('../fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg'),
       url('../fonts/RobotoCondensed-Light.woff2') format('woff2'),
       url('../fonts/RobotoCondensed-Light.woff') format('woff'),
       url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url('../fonts/RobotoSlab-Regular.eot');
  src: url('../fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/RobotoSlab-Regular.otf') format('otf'),
       url('../fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg'),
       url('../fonts/RobotoSlab-Regular.ttf') format('truetype'),
       url('../fonts/RobotoSlab-Regular.woff') format('woff'),
       url('../fonts/RobotoSlab-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('../fonts/RobotoSlab-Bold.eot');
  src: url('../fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/RobotoSlab-Bold.otf') format('otf'),
       url('../fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg'),
       url('../fonts/RobotoSlab-Bold.woff2') format('woff2'),
       url('../fonts/RobotoSlab-Bold.woff') format('woff'),
       url('../fonts/RobotoSlab-Bold.ttf') format('truetype');
}

/* Clear Floated Elements */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after, .ce_text:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}
* html .clear {height:1%;}
.mod_article:after {display: table; clear: both; content: '';}
.hide, .invisible {display: none;}
a.invisible {display:none;}
.media--left {float:left;margin-right:16px;position: relative;display: inline-block;}
.media--right {float:right;margin-left:16px;position: relative;display: inline-block;}
/*.media--above, .media--below {display: flex;align-items: center;justify-content: left;}*/

body {background-color:#FFF;color:#535353;font-family: 'RobotoCondensed-Regular', sans-serif;}
.mm-page {min-height: auto;}

h1,h2,h3,h4,h5,h6, h2 a {font-family: 'RobotoSlab-Regular', sans-serif;letter-spacing: 0.05em;}
h1,h2,h3,h4,h5,h6 {color: #333;}
h1 {font-size:30px;font-weight: 300;}
h2 {font-size:26px;margin-bottom:40px;}
h3,h4,h5,h6 {font-family: 'RobotoCondensed-Regular', sans-serif;letter-spacing: 0.05em;}
#header h2 a {font-size:30px;margin-bottom:40px;font-family: Helvetica, sans-serif;color:#23332E;text-transform: uppercase;}
#header h2 {margin-bottom:0;margin-top: 0;}
#header p/*, #header p a*/ {color:#23332E;}
#header p a {text-decoration: none;}
#header a.whatsapp {font-weight: 600;font-size: 26px;}

p {font-family:'RobotoCondensed-Regular', sans-serif;
font-size:18px;line-height:1.6em;color:#333;}
a, table th {font-family: 'RobotoCondensed-Regular', sans-serif;}

table {width:100%;border-collapse:collapse;margin-bottom:24px;}
table th,table td {padding:16px 6px;line-height: 1.5em;vertical-align: top;font-size: 18px;}
table th {font-weight:600;text-align:left;}
caption {font-variant: small-caps;}
th *:first-child,td *:first-child {margin-top: 0;}
thead th {text-align: left;color: #000;border-bottom: 1px #000 solid;}
tbody th, td {text-align: left;border-top: 1px solid #ccc;}
tbody tr:hover th,tbody tr:hover td {background: #f8f8f8;}
tfoot {border-top: 4px solid #ccc;}

ul li {font-family: 'RobotoCondensed-Regular', sans-serif;
font-size:16px;line-height:1.6em;color:#333;}

.container ul {margin-left: 30px; list-style: disc;}

a {font-weight:400;color:#333;
transition: .1s ease-in;outline:0 !important;}
a:hover {color:#999999;text-decoration:none;}
p a {text-decoration: underline;}

em,i {font-weight:600;}

hr {position:relative;display:block;width:100%;
height:1px;background:rgba(0,0,0,.12);
border:0;margin:20px 0 20px !important;}

::-moz-selection {color: #333;background: #FFF;}
::selection {color: #333;background: #FFF;}

.content_vimeo  iframe {width: 100%;height: auto; min-height: 790px;}

.ce_gallery {margin: 16px 0;padding: 5px 0;
display: inline-block;}
.ce_gallery ul {display: inline;list-style: outside none none;}
.ce_gallery ul li {float: left;list-style: outside none none;
margin-left: 4px;margin-bottom: 4px;padding: 0;}

/*  Catalogmanager */

.cm_listing {margin-top:16px;margin-bottom: 16px;min-height: 560px;}
.cm_listing figure {overflow: hidden;}
#content .cm_listing img {min-height: 400px;max-width: 100%;object-fit: cover;}
.fewoheader {background: #fff; position: absolute; z-index: 100;
text-align: center; padding: 0 20px; padding-top: 0;top: -1px;
-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);
transform: translateX(-50%); left: 50%; padding-top: 20px;}
.fewoheader:before {content: ''; position: absolute; width: 70%;
height: 1px; background: #ccc; left: 50%; top: 10px;
-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);
transform: translateX(-50%);}
.fewoheader:after {content: "\e3af"; font-family: "Font Awesome 5 Free";
font-style: normal; font-weight: 900; text-decoration: inherit;
color: #23332E; font-size: 18px; position: absolute; top: 0;
left: 50%; width: 40px; height: 20px; background-color: #fff;
-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);
transform: translateX(-50%); line-height: 1;
}
.fewoheader .kurztitel {font-weight: 300;font-size: 34px; line-height: 100%; 
color: #000; margin: 2px; padding: 0 0 .5em 0;}
.fewoheader .hausart {font-size: 17px; text-align: center;text-transform: uppercase;}
.fewoteaser {width: 67.33%;display: block; float: left;box-sizing: border-box; margin: 0;}
.fewoteaser p {padding-top: 16px;}
.price {width: 32.66%;display: block; float: left;line-height: 110%;color: #23332E;
box-sizing: border-box; margin: 16px 0 0 0;font-size: 24px;text-align: right;}
.personen {border: 1px solid #fff; padding: 10px 13px; color: #fff;display: inline-block; line-height: 1;
font-size: 18px; margin: 0 2px;}

.fewobuttons {margin: 0 3px 0 0; /*position: absolute; width: 96%;color: #fff; top: 373px;*/}
.fewobuttons ul {list-style: none; float: right;margin-left: 0;margin-top: 20px;}
.fewobuttons li.personen, .fewobuttons li.map-fewo .fewo-mapbutton {
border: 1px solid #fff; padding: 10px 13px; color: #fff;}
.fewobuttons li {display: inline-block; line-height: 1;font-size: 18px; margin: 0 2px;}
.fewobuttons li.more-button a {background-color: #333;color: #FFF; padding: 10px 13px; line-height: 1;}

/* Sprachwahl */
nav#sprachwahl {/*width: 19.1%;*/float: right;margin-top: 16px;}
ul#sprache {margin-top: -6px;margin-right: 10px;list-style-type: none;}
ul#sprache li {float:right;font-size: 1.4em;padding: 0 4px;margin-right: 4px;}
ul#sprache li a.active, ul#sprache li a:hover {color: transparent;text-align: center;}
#sprache .lang-en {width: 30px;height: 18px;background: url(../img/flagge_united-kingdom.svg) no-repeat;opacity: 1;}
#sprache .lang-de {width: 30px;height: 18px;background: url(../img/flagge_deutschland.svg) no-repeat;opacity: 1;}
#sprache .lang-en.active, #sprache .lang-de.active {opacity: 0.5;}
#sprache li::before {content: "";padding: 0;}
#sprache li.first::before {content: "";padding: 0;margin: 0;}
#sprache li.first {margin: 4px 0 0 0;}
#sprache a.lang-en, #sprache a.lang-de,#sprache strong.lang-en, #sprache strong.lang-de {color:transparent;background:none;width: 30px;height: 18px;}

/* ####### CSS Hilfsklassen ####### */

.geschichten:before {content: " ";border-bottom: 3px solid #23332E; display: block;
padding: 0px; width: 4em; margin: -15px 0 20px -16px;}

.content-gallery {margin: 16px 0;padding: 5px 0;
display: inline-block;}
.content-gallery ul {display: inline;list-style: outside none none;}
.content-gallery ul li {float: left;list-style: outside none none;
margin-left: 4px;margin-bottom: 4px;padding: 0;}

.text-big {font-size:1.3em;}
.text-normal {text-transform:none;font-family: 'RobotoCondensed-Regular', sans-serif;}
.text-small {font-size:0.88em;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.serif, #boxes-overview p.serif {font-family: Helvetica, sans-serif;}

.full-width {width:100%;
	padding:20px;
	text-align:center;}
.btn.full-width {background:transparent;
	border:1px solid #2d3e15;
	text-align:center;}
.zero-padding {
	padding-left:0 ;
	padding-right:0;
}
.btn{border-radius:0 !important;background:#FFF !important;
color:#FFFFFF;font-size:18px;margin:20px 0;padding:10px;}

/*   SLIDER   */
.rsts-skin-default .rsts-nav {text-align: center;}
.rsts-skin-default .rsts-nav-bullets a {background-color: rgba(255,255,255,1);box-shadow: 0 0 0 #777;}
.rsts-skin-default .rsts-nav-bullets a:hover, 
.rsts-skin-default .rsts-nav-bullets a.active {background-color: #EC1C23;box-shadow: 0 0 0 #777;}

.mod_rocksolid_slider {overflow: visible;}
.rsts-crop {overflow: hidden;}
a.rsts-prev {left: 65px;}
a.rsts-next {right: 65px;}

.rsts-skin-default .rsts-next, .rsts-skin-default .rsts-thumbs-next,
.rsts-skin-default .rsts-next:hover{
    background: url("../img/angle-right.svg") center center no-repeat;
    right: 22px;
}
.rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-thumbs-prev,
.rsts-skin-default .rsts-prev:hover{
    background: url("../img/angle-left.svg") center center no-repeat;
    right: auto;
    left: 22px;
}
.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-prev:hover {
opacity: 0.2;
}
.rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next, 
.rsts-skin-default .rsts-thumbs-prev, .rsts-skin-default .rsts-thumbs-next,
.rsts-skin-default .rsts-next:hover, .rsts-skin-default .rsts-prev:hover{
position: absolute;top: 30%;
/*    width: 200px; height: 320px;margin-top: -8px;*/
overflow: hidden;outline: none;line-height: 0;text-decoration: none;
text-indent: -9999px;opacity: 0.6;box-shadow:none;border:0 solid #FFF;
}

#content #vri-container-21269 label{float:none;width:100%;}
.su-tabs {margin: 0 0 1.5em;padding: 5px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
background: #f3f2ef !important;}
.su-tabs-nav {box-sizing: border-box !important;}
.su-tabs-nav span {display: inline-block; margin-right: 3px;padding: 10px 15px;
min-height: 40px; border-top-left-radius: 3px;border-top-right-radius: 3px;
color: #FFF;background-color: #333; font-size: 13px;line-height: 20px;
cursor: pointer;transition: all .2s;}
.su-tabs-nav span.su-tabs-current {background: #23332E !important;
color: #fff !important;cursor: default;}

/*    Content Slider    */

.slider-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-block-start: 1rem;
  height: 3rem;
  position: relative;
}
.slider-control .slider-menu {display:none;}
.slider-control .slider-prev, .slider-control .slider-next {
  display: flex;
  gap: 1rem;
  width: 3rem;
  height: 3rem;
  overflow: hidden;top: -600%;right:-30px;
}
.slider-control .slider-prev {left:-30px;}
.slider-control .slider-next:before {
  background: #333 url("../img/angle-right.svg") center center no-repeat !important;
}
.slider-control .slider-prev:before, .slider-control .slider-next:before {
  display: block;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 0.25rem;
  background: #333 url("../img/angle-left.svg") center center no-repeat;
  transition: background ease-in-out 0.2s;
  content: "";
}

.icon {width:30px;height:30px;display:inline-block;float:left;
margin-right:10px;background:#333;padding:5px;border-radius:40px;}
.saison {padding: 16px;}
.saison .rte, .preisleistung .ce_accordion, .preisleistung .content-text {margin: 0 1.4%; background-color: rgba(0, 0, 0, 0.05);padding: 16px;}
/*.preisleistung .content-text {margin-top: 16px;}*/
.preisleistung .button-text {margin: 0 1.4%; background-color: rgba(255, 255, 255, 1);padding: 16px;}
.button.content-hyperlink a {text-decoration:none;}
.button.content-hyperlink {color: #333; background-color: #FFF;font-size: 18px;
padding: 10px 20px; margin: 4px; margin-left: auto; margin-right: auto;text-transform: uppercase;
border-bottom:2px solid #FFF;}
.button.content-hyperlink:hover {color: #333; background-color: #f7f6f3;border-bottom:2px solid #333;}

.time:before {font-family: 'Font Awesome 5 Free';content: "\f017";font-size: 140%;color: #333;padding-right: 8px;}

.padded-top {padding-top:60px;}

/* ####### CSS spezifisch ####### */


.mod_eventlist .event {border-bottom:1px dashed #666;}

/* Kalender*/
.mod_event_calendar table {margin-top: 13px; margin-bottom: 6px; width: 99%;  border-collapse: collapse;
font-size: 100%;}
.mod_event_calendar table {border-collapse: collapse; font-size: 100%;}
.mod_event_calendar th.head, .mod_event_calendar th.label {min-width: 0;  vertical-align: middle; text-align: center;
color: #333; padding: 4px 8px;display: table-cell;border: none;font-size: 18px;}
.mod_event_calendar th.label {width: 14.28%;}
.mod_event_calendar th.head {width: 33.32%;}
.mod_event_calendar td {padding-right: 0; padding-left: 0; vertical-align: middle;
text-align: center; background-color: #f6f6f6; border: 1px solid #dadada;}
.mod_event_calendar .header {text-align: center;}
.mod_event_calendar .event a {font-size:16px;}
.mod_event_calendar .header.active {background-color: #dfdfdf; border:1px double #878787;}
.next a {text-decoration:none; color: #23332E;}
.current a {text-decoration:none; color: #23332E;}
.mod_event_calendar td.active {background-color: #FFF; border:1px double #878787;color:#333;}
.mod_event_calendar td.active .event a {color: #FFF;}
.mod_event_calendar td.active .relajado {background-color: #fff2cc;}
.mod_event_calendar td.active .relajado a {color: #333;}
.mod_event_calendar td.active .sereno {background-color: #d9ead3;}
.mod_event_calendar td.active .sereno a {color: #333;}
.mod_event_calendar td.active .corto {background-color: #d0e0e3;}
.mod_event_calendar td.active .corto a {color: #333;}
.mod_event_calendar td.active .escapada {background-color: #c9daf8;}
.mod_event_calendar td.active .escapada a {color: #333;}
.mod_event_calendar td.active .travesia {background-color: #cfe2f3;}
.mod_event_calendar td.active .travesia a {color: #333;}
.mod_event_calendar td.active .gaucho {background-color: #d9d2e9;}
.mod_event_calendar td.active .gaucho a {color: #333;}

.event.layout_full button {border:none; background-color:transparent;color:transparent;margin-bottom: 16px;}
.event.layout_full button a {color: #FFF; background-color: #333;font-size: 18px;
padding: 10px 20px; margin-top: 24px; margin-left: auto; margin-right: auto;}
.event.layout_full button a:after {font-family:'Font Awesome 5 Free';content:" \f1d8";padding-left: 8px;}
.event.layout_full button a:hover {color: #23332E; background-color: #F3F2EF;}


/* Accordion */
.toggler:before {font-family: 'Font Awesome 5 Free';content: "\f0da";font-size: 140%;color: #333;padding-right: 8px;}
.toggler.active:before {font-family: 'Font Awesome 5 Free';content: "\f0d7";}
.toggler {cursor: cell;}

.ce_accordion.ui-accordion-header {cursor: pointer;display: block;position: relative;
margin-bottom: 2px;margin-top: 2px;}
.ce_accordion .ui-accordion-header {padding: 4px;margin-bottom: 0px;border-bottom: 0 solid #c9c6c6;font-weight: 600;font-size: 18px;}
.ce_accordion .ui-accordion-content {overflow: auto;padding: 1em 0.2em;}
.ce_accordion.ce_text {margin-bottom:0;}
.ce_accordion {padding:0 16px 16px 0;position: relative;overflow: hidden;}

#header {display:block;background: #FFF;}
.vbe-header {
	display:block;
	background:rgba(255,255,255,1) !important;
	min-height:60px;
	overflow:hidden;
}
.logo {display:block;z-index: 2147483647; margin-right: auto; margin-left: auto;}
#logo-head {padding-bottom:16px;}
.logo h2  {text-align: right; padding-right: 0;padding-top: 16px;}
.logo img {width: 10%;height: auto;}
#content .logo img {width: auto;display: block;height: auto;border-right: 0 solid #FFF;}

.desktop {display:block;}
.fa-stack-2x { font-size: 0.5em; }

#pager, #pagerevent {width: 100%;background: #f3f2ef;position: relative; overflow: hidden; display: block;}
#pager .content-text .rte, #pagerevent .content-text .rte {background-color: #fff;  margin-top: 10px;padding: 0;}
#pager h5, #pagerevent h5 {padding-top: 16px;margin: 15px 20px 0;font-size: 20px;
text-align: center; text-transform: none; color: #000;letter-spacing: 0;}
#pager .content-text p, #pagerevent .content-text p {text-align: center; display: inline-block;margin-bottom: 15px;
width: 100%;}
#pager .content-text p.last, #pagerevent .content-text p.last {margin-bottom: 0;}
#pager img {height: 196px !important; overflow: hidden;}
#pagerevent img {height: auto; overflow: hidden;}
#pager .button, #pagerevent .button  {position: absolute; background-color: #fff; color:#000;
display: inline-block;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);
transform: translateX(-50%);padding: 5px 17px;left: 50%;min-width: 80%;
text-align: center; bottom: 50px; font-size: 18px;}
#pagerevent .button {bottom: 0;}

.navbar-header .last {padding-right: 16px;}
.navtop li ul {font-family: 'RobotoCondensed-Regular', sans-serif;
width:100%;list-style: none;float: right;position: relative;}
.navtop li a {font-family: 'RobotoCondensed-Regular', sans-serif; color:#FFF; font-size:14px;}
.navtop li {float: left;position: relative;padding-right:8px;}

.navdesk ul {display: flex; justify-content: center;}
.navbar-nav {float: left;}
#main-nav  #jaddatz-nav {
	position:relative;
	max-width:1170px;
	margin:0 auto;
	left:-15px;
	right:0;
}
.sticky-menu {position: fixed !important;top: 0;z-index: 1000 !important;
width: 100% !important;height: 168px;}

#main-nav {z-index:1000;margin:0;padding:0;top: auto !important;border-bottom: 1px solid #eee;
position: relative !important;background-color:#FFF;display: flex;justify-content: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
#main-nav li a {font-size: 21px;font-family: 'RobotoCondensed-Regular', sans-serif;
color:#edc15e;color:#fd9116;color:#333;padding-left:16px;padding-right:16px;}
#main-nav li a.has-subnav, #main-nav li a.sf-with-ul, 
#main-nav li a.sf-with-ul.active {padding-right:2em;
background-image:url(../img/arrow-down_active.png);
background-position:95% center;background-repeat:no-repeat;background-size:20px auto;}
#main-nav li a.sf-with-ul.active, #main-nav li a.sf-with-ul.trail{background-image:url(../img/arrow-down.png);}
#main-nav li a:hover, #main-nav li a:focus, #main-nav li a:active {
	background-color:#FFF;color:#333;}
#main-nav li a.active, #main-nav li a.forward, #main-nav li a.trail {
color:#FFF;	background-color:#23332E;}
#main-nav li ul {width:auto;min-width: 12em;	background:#FFF;
color:#333 ;padding:0;}
#main-nav li ul li a {padding:7px 15px;	font-size:17px;color:#333;
border-top:1px solid rgba(238,127,1,.1);}
#main-nav li ul li a.active {color:#333;background-color:#E1E8CD;}
#main-nav li ul li a:hover {background-color: #E1E8CD;}
.mobilansicht {display:none;}

#navmobil, .navmobil {display:none;}
#access {padding:0;background:rgba(238,127,1,1);overflow: hidden;display:inline;
position: relative;z-index: 1;width: 1170px;margin: 0 auto;}
.navdesk a {font-size: 21px;}

#teaser {width: 100%;max-height:600px;overflow:hidden;}
#teaser img {width: 100%;height: auto;}
#teaser .col-xs-12 {padding-left:0;}
#teaser .col-xs-12 {padding-right:0;}

/* Formulare */
fieldset {border:#EEE 0 solid;padding:0;}
fieldset.checkbox_container {display: block;padding: 0.7em; width: 100%;}
#content .checkbox_container legend {display: block; float: none; position: relative; width: 100%;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {font-size:18px;
  color: #666;
  background: #fff;
    background-image: none;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 0.7em;
  width: 100%;
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
background:#FFF;border:#ddd 1px solid;color:#333;outline: none;}
#content input[type="checkbox"] {width: 5%;float: left;}
textarea {font-size:15px;}
button[type=submit],input[type=submit],input[type=reset],input[type=button], button.submit,
.event.layout_full button.submit {padding:4px 15px;
border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, .1);background:#999;color:#FFF;
border:none;font-family:"GillSans", sans-serif;font-size:18px;width: auto;}
button[type=submit]:hover, input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover, 
button.submit:hover,.event.layout_full button.submit:hover {
color:#333;}
button[type=submit]:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus, 
button.submit:focus,.event.layout_full button.submit:focus {color:#333;}
#content label, #content legend {display: block;float: left;position: relative;width: 35%;}
#content .cst label{display: block;float: none;position: relative;width: 100%;}
#content .checkbox_container label {float: none; width: 98%;}
#content.checkbox_container legend  {width: 98%;}
legend {font-size:16px;}
#content input, #content textarea {/*width: 40%;*/}
#content span.captcha_text {font-weight: normal;font-size: 1em;float: left;}
#content .captcha_text {margin-left: 0;}
.captcha_text {display: flex;height: 3em;margin-left: 35%;}
#content input.captcha {width: 48px;margin-left: 16px;}
#content input.disabled {pointer-events: none;}

#content .sofort label, #content .sofort legend {display: none;}
#content .sofort input, #content .sofort textarea {width: 100%;}
#content .sofort .checkbox_container label {display:block;width: 90%;}
#content .sofort input.checkbox {width: 5%; float:left;}
#content .sofort button.submit:after {content: ""; background: transparent url(../img/send.svg) 0 0 no-repeat;
background-size: 100%;padding-right: 1em;position: relative;left: 16px;}
#content .sofort button[type="submit"] {border-radius: 0;text-transform: uppercase;
box-shadow: 0 0 0 rgba(0, 0, 0, .1);  background: #FFF;  color: #333;}

#content .filter .widget-select {width: 18%;display: inline-block;vertical-align: top;}
#content .filter select {padding: 5px 10px; margin: 0 5px;  border: 1px solid #bbb;
-webkit-border-radius: 3px; border-radius: 3px; height: 3em;width: 98%; margin-top:16px;}
#content .filter label {display:none;}
#content .filter .widget-explanation{display: inline-block; vertical-align: bottom;}

#content img{width:100%;margin-top:0;display: block;height: auto;}
#content .legende img {width: 40px !important; margin-top: 0;display: inline-block;height: auto;}

.row {display: flex;flex-wrap: wrap;margin-right: 0px;margin-left: 0px;}

.fill figure {margin: 0; display: block; overflow: visible; position: relative;
object-fit: contain; width: 100%; height: 100%;}


.mitte {text-align: center}
strong {font-weight: 700;}

.ce_leaflet {position: relative; width: 100%; padding-bottom: .25%; overflow: hidden;}
.leaflet-pane > svg path.leaflet-interactive {fill-opacity: 0.07 !important;}

.bildtext {
  position: absolute !important; display: inline-block;
  margin-left: 20%; margin-right: auto; margin-top: 3em; margin-bottom: -6.5em;
  z-index: 5; color: #fff; text-shadow: 0 0 3px #b9b9b9;
  line-height: 1.1; padding: 20px 0;
}
.bildtext p {
  font-size: 43px;font-family: 'RobotoCondensed-Light', sans-serif; line-height: 105%;
  color: #fff; text-shadow: 0 0 3px #b9b9b9; line-height: 1.1;
}
.bildtext::before, .bildtext::after {
  width: 40%; height: 1px; content: '';
  position: absolute; background-color: #fff;
  top: 0; margin-left: 30%;
}
.bildtext::after {
  top: auto; left: 0;visibility: initial;
}
.bildtext p strong {font-weight: 700;font-family: 'RobotoSlab-Bold', sans-serif;}

.feriengut {margin-top:14%;}

#panel1 {position: absolute; display: flex;width: 100%;z-index: 2; margin-top: 40%;}
#panel1 p {font-size: 28px; text-align: center;}
.su-row {padding: 0 5%;width: 100%;padding-bottom: 16px;
background: linear-gradient(transparent 58px, #F3F2EF);
position: relative; display: block; overflow: visible;
}
#panel1 .su-column-size-1-4 {
  padding-top: 33px;
  position: relative;
}
.su-row .su-column:first-child {
  margin-left: 0;
}
.su-row .su-column-size-1-4 {
  width: 22%;
}
.su-row .su-column {display: block; float: left; box-sizing: border-box;
margin: 0 0 0 4%; margin-left: 4%;
}
#panel1 .su-column-size-1-4:before {
  content: "";
/*  background: transparent url(../img/ion--ios-people.svg) 3px 0 no-repeat;
    background-size: auto;*/
  width: 140px;
  height: 100px;
  background-size: 90%;
  color: #23332E;
  font-size: 25px;
  position: absolute;
  top: -30px;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  padding: 0 5px;
}
#panel1 .su-column-size-1-4 .su-column-inner {
background-color: #fff; padding-top: 19px; position: relative;
}
/*#panel1 a.button:before{font-family:'Font Awesome 5 Free';content:" \f1d8";}*/

a.button {text-decoration:none;}
.button {color: #FFF; background-color: #333;font-size: 18px;
padding: 10px 20px; margin-top: 24px; margin-left: auto; margin-right: auto;}
.button:after {font-family:'Font Awesome 5 Free';content:" \f1d8";padding-left: 8px;}
.button:hover {color: #23332E; background-color: #F3F2EF;}

.center {display: flex; justify-content: center; align-items: center;}
#panel1 p.center {font-size: 14px; text-align: center;}

.iconfewo:before {
  content: "";
  background: #fff url(../img/notifications.svg) 3px 0 no-repeat;
    background-size: auto;
  width: 40px;
  height: 30px;
  background-size: 70%;
  color: #23332E;
  font-size: 25px;
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  padding: 0 5px;
}
.iconseminar:before {
  content: "";
  background: #fff url(../img/rose.svg) 3px 0 no-repeat;
    background-size: auto;
  width: 40px;
  height: 30px;
  background-size: 70%;
  color: #23332E;
  font-size: 25px;
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  padding: 0 5px;
}
.iconfood:before {
  content: "";
  background: #fff url(../img/bonfire.svg) 3px 0 no-repeat;
    background-size: auto;
  width: 40px;
  height: 30px;
  background-size: 70%;
  color: #23332E;
  font-size: 25px;
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  padding: 0 5px;
}
.iconhorse:before {
  content: "";
  background: #fff url(../img/Gutsbetrieb-und-Reiterhof.png) 3px 0 no-repeat;
    background-size: auto;
  width: 40px;
  height: 30px;
  background-size: 90%;
  color: #23332E;
  font-size: 25px;
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  padding: 0 5px;
}

.iconhorse:after, .iconfood:after,.iconseminar:after,.iconfewo:after {
  position: absolute;
  content: '';
  width: 50%;
  height: 1px;
  background: #ccc;
  top: 20px;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.iconhorse h2, .iconfood h2,.iconseminar h2,.iconfewo h2 {
  text-align: center;
  font-size: 20px;
  line-height: 130%;
  font-family: 'RobotoCondensed-Light', serif;
  background-color: #ffffff;
  position: relative;
  width: 13em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -20px;
  margin-top: 24px;
  padding: 10px;
}
h2 a {font-size: 20px;}
.iconhorse h2 a, .iconfood h2 a,.iconseminar h2 a,.iconfewo h2 a, h2 a {
color: #000;font-family: 'RobotoCondensed-Light', serif;}


.site-title {
	margin-top:-140px;
	display:inline-block;
	padding:20px;
	background:#eaeef8 !important;
}
.table-heading {
	padding:10px;
	background:#eaeef8 !important;
	margin-bottom:20px;
	opacity:.7;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}

video,iframe {display:block;}
.ce_youtube {
 position: relative;
 padding-bottom: 56.25%;
 max-width: 100%;
 height: 0;overflow: hidden;
 margin: 0 auto;
 width:1100px;
}
 
.ce_youtube iframe {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100%;
 height: 100% ;
}
.ce_youtube a {color: #333; text-decoration: none;}
.playbutton {
    color: #fe0000;
    font-size: 50px;
    left: 50%;
    margin: -73px 0 0 -31px;
    position: absolute;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
    top: 50%;
    cursor: pointer;
    z-index: 10;
}
.dsgvotext {
    color: #000;
    font-size: 16px;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    padding: 2em;
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    top: 10%;
}

audio {max-width:100%;}

#footer {
	padding:40px 0 0 0;
	color:#333;
	background:#F3F2EF;
}
#footer img{width:100%;margin-top:0;display: block;height: auto;}

#footer h3 {
	font-size: 26px;
	color:#333;
	font-family: 'RobotoCondensed-Regular', sans-serif; margin-top: 0; margin-bottom: 0;
}
#footer p, #footer a {
	font-family: 'RobotoCondensed-Regular', sans-serif;
	color:#333;
	text-transform:none;
}
#footer p {font-size:14px;}
#footer .copyright > p {
	margin-top:20px;
	color:#333;
	padding:0 0 20px 0;
	font-size:0.9em !important;
	text-align:right;
}
#footer .copyright > p img{
	max-width:200px;
}
#nav-toggle {
	background:transparent;
	width:80px;
	height:80px;
	padding:0;
	border:0;
}

/* Toplink */
#footer .nach_oben_link{position:fixed;bottom:93px;right:33px;z-index:15;opacity:0.9}
#footer a .nach_oben_link .fas {color:#23332E;background-color:transparent;height:40px;width:40px;display:block;font-size:4.8em;text-align:center;text-decoration:none}
#footer a:hover .nach_oben_link,
#footer a:focus .nach_oben_link{text-decoration:none;}
#footer a:hover .nach_oben_link .fas {color:#999999;}
#footer .nach_oben_link a:before{font-family:'Font Awesome 5 Free';content:" \f139";}

.adress {background-color: #000;color: #fff;position: relative; display: block; overflow: hidden;
padding: 16px;font-size: 1.2em;}
.adress a {color: #fff;text-decoration:none;}
.adress p {color:#FFF;}

.footer-menu li {position: relative;float: left;padding: 0.2em;}
.footer-menu li:after {content: "|";}
.footer-menu li.last:after {content: "";}
.footer-menu li a {padding-right: 0.2em;}
.footer-menu ul {display: table; margin: 0 auto;}


.site-footer ul li {
  padding: 0.2em 0;
}

.modal-content {
	background:transparent !important;
	border-radius:0 !important;
	box-shadow:none !important;
}
.preview_pics_wrap {width:760px;height:120px;float:left;
overflow:hidden;margin:0 0 10px 0;}
.preview_pics {padding:10px;float:left;}
.fas, .far {font-weight: 600;font-size: 1em;color:#23332E;line-height: 1;display: inline-block;}
.fas:hover, .far:hover {color:#B1B3B4;}

/* Karte */

.bildcontain img {width:640px; height:887px;}
.maincontain {position: static; background: transparent; box-shadow: none;padding: 16px;padding-top:32px;}
.maincontain ul {position: absolute; top: 0; left: 0; list-style: none;}
.maincontain li a {color: #fff;box-shadow: none !important;}
.maincontain li.active {background-color: #bf0000;}
.maincontain li a:hover {color: #fff; box-shadow: none !important;}
.maincontain li {position: absolute; color: #fff; background-color: #018968;
border-radius: 50%; width: 23px; height: 23px; text-align: center;
padding: 0;cursor: pointer;display: inline-block;line-height: 1.3}
.maincontain li:nth-child(1) {top: 14.7em;left: 16.8em;}
.maincontain li:nth-child(2) {top: 17.6em;left: 31.1em;}
.maincontain li:nth-child(3) {top: 29.6em;left: 13.3em;}
.maincontain li:nth-child(4) {top: 29.6em;left: 10.6em;}
.maincontain li:nth-child(5) {top: 34em;left: 11.7em;}
.maincontain li:nth-child(6) {top: 27.9em;left: 22em;}
.maincontain li:nth-child(7) {top: 29em;left: 26.4em;}
.maincontain li:nth-child(8) {top: 35.9em;left: 29.6em;}
.maincontain li:nth-child(9) {top: 36em;left: 34.4em;}
.maincontain li:nth-child(10) {top: 31.5em;left: 35.5em;}
.maincontain li:nth-child(11) {top: 27.9em;left: 37.8em;}
.maincontain li:nth-child(12) {top: 41.7em;left: 20.9em;}
.maincontain li:nth-child(13) {top: 46.2em;left: 30.5em;}
.maincontain li:nth-child(14) {top: 46.6em;left: 26.1em;}
.maincontain li:nth-child(15) {top: 46.6em;left: 19em;}
.maincontain li:nth-child(16) {top: 48.3em;left: 9.3em;}
.maincontain li:nth-child(17) {top: 51.7em;left: 16.5em;}
.maincontain li:nth-child(18) {top: 8.9em;left: 2em;}
.maincontain li:nth-child(19) {top: 30.5em;left: 6.3em;}
.maincontain li:nth-child(18) i {-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.maincontain li:nth-child(18) .tooltip-content {bottom: auto;top: 140%;}
.maincontain li:nth-child(18) .tooltip-content::after {
top: -19px;border-bottom-color: #008a6b;bottom: auto;border-top-color: transparent;}
.maincontain li:nth-child(18) .tooltip-text {border-top: 10px solid #008a6b;border-bottom: 0;}
.maincontain li:nth-child(18) .tooltip-inner {border-bottom: 10px solid rgba(0, 0, 0, 0.1);border-top: 0;}
.mapabstand {padding-left:32px;}

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

}

@media screen and (max-width: 992px){
	#main-nav li a {font-size:18px;}
  .logo h2 {text-align: center;padding-right: 0;}
	.site-title {font-size:24px;}
	#panel1 p {font-size: 18px;}
	.sticky-menu {height: 208px;}
}

@media screen and (max-width: 767px){
  .logo h2 {text-align: center;padding-right: 0;}
  #logo-head {z-index: 1;}
	img#logo {width:100%;height:auto;margin-top:10px;}
	#phone-btn img.icon{width:50px;height:50px;}
	.phone {margin:0 -15px 0 0;}
	#main-nav {width:100%;margin:0;float:none !important;border-bottom: 0 solid #eee;}
	#jaddatz-nav {float:none !important;}

/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { display: block; }
	/* Hide table headers (but not display: none;, for accessibility) */
	thead { position: absolute;top: -9999px;left: -9999px;}
	tr { border: 1px solid #ccc; margin-bottom: 20px;}
	td { /* Behave  like a "row" */border: none;
	/*border-bottom: 1px solid #eee; */position: relative;}
	td:before { /* Label the data */content: attr(data-title);
	display: inline-block;width: 35%; padding-right: 10px; white-space: nowrap;}
	td {padding-left: 45%;}
	td:before {width: 40%;}
	td:first-child {font-weight:bold;}
		td:first-child:before {font-weight:normal;}

	#header {display: block;background: #FFF;position: relative;
	overflow: visible;}
	.text-welcome {font-size: 2.4em;}
	.text-small {font-size: 0.6em;}
	.text-yellow {margin-left: 2px;}
	#content {margin-top: 0;padding: 0;display: block;
	overflow: visible;position: relative;}
	#teaser h2 {top: 20px;}
	#teaser img {margin-top: 0;}
	#teaser h2.teaser-headline {font-size: 22px;left: auto;top: 70px;}
	#footer img {max-width: 119px;}
	
	#navmobil {display: flex;margin: 0;z-index: 99999;}
	#navmobile {display: flex;/*margin: 0 19px 0 0;*/}
	#navmobile a {font-size: 30px;/*font-size: 14px;*/padding: 0 8px; margin: 0; 
	color: #333;text-decoration:none;font-weight: bold;}
	.navbar-toggle {padding:0;}
	.btn.navbar-toggle {margin: 8px;}
	.navdesk.mod_navigation.block {display: none;}
/* All the following are for the div.menu-icon (pure CSS) */
	.icon-align-justify {font-size: 30px; /*icon size*/display: block;
	position: relative;	width: 36px;height: 34px;text-align: center;cursor: pointer;
	background-color: transparent;border-radius: 3px;margin-bottom:6px;}
	.icon-align-justify::before {border-bottom: 0.25em solid #333;
	border-top: 0.65em double #333;box-sizing: content-box;content: "";
	height: 0.25em;left: 4px;position: absolute;top: 0.25em;width: 1.5em;}

	#header .col-xs-4 {width: 34.33333333%;}
	.blau {margin-right: 0;margin-left:0;}
	#logo-area {width: 100%;}
	#header h2 a {font-size: 28px;}
	#teaser h3 {left: 10%;}
	.navtop {display:none;}
	#content input, #content textarea {width: 90%;}
	#content label, #content legend {float: none;width: 100%;}
	input[type="submit"], input[type="reset"], input[type="button"] {margin-left: 0;}
	input, textarea {width: 90%;}
	.mm-menu--position-top.mm-menu--opened {min-height: 80vh;}
	#panel1 {position: relative;}
	#panel1 p {font-size: 18px;}
	.bildtext p {font-size: 23px;}
	.su-row {background: none;}
	.su-row .su-column-size-1-4 {width: 48%}
	.su-row .su-column-size-1-4.third {margin-left: 0;}
	table.minicalendar, .minicalendar thead, .minicalendar tbody, .minicalendar th, .minicalendar td, .minicalendar tr {display: revert;}
	.minicalendar thead {position: relative;top: auto;left: auto;}
}