@charset "utf-8";
/* jura-regular - latin */
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jura-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jura-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jura-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jura-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jura-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jura-v24-latin-regular.svg#Jura') format('svg'); /* Legacy iOS */
}
/* jura-600 - latin */
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/jura-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jura-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jura-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jura-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jura-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jura-v24-latin-600.svg#Jura') format('svg'); /* Legacy iOS */
}
/* poiret-one-regular - latin */
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poiret-one-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poiret-one-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poiret-one-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poiret-one-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poiret-one-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poiret-one-v14-latin-regular.svg#PoiretOne') format('svg'); /* Legacy iOS */
}
body {
	font: 100%/1.4 'Jura', sans-serif;
	
	font-size:100%;
	background-color:#f5e9d9;
	
	color:#666;
	margin:0;
	padding:0;
}
.hg_wrapper {
	background-image:url(../images/HG.jpg);
	background-repeat: repeat-y;
	background-size: cover;
	background-position:center;
	}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
a img {
	border: none;
}
#scale {
	width:100%; 
	height:auto;
	}

a:link {
	color:#666;
	text-decoration:none; 
}
a:visited {
	color: #666;
	text-decoration:none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #999;
}

.container {
	width: 100%;
	margin: 0;
}

.logo {
	float:right;
	width:100%;
	max-width:12em;
	min-width:12em;
	margin:0em auto;
	padding:0.5em 2em;
	}
.logo img {
	width:100%;
	max-width:12em;
	height:auto;
	}
.header {
	position: relative;
	top:0;
	width:100%;	
	background-color:#f5e9d9;
	height:auto;
	margin:0em auto 0em auto;
	padding:0em;
	z-index:100;
	}
/*Menubar TOP*/
#menubar {
	float:left;
	display:block;
	padding:0.625em 0em 0.25em 0em;
    margin:0;
        
}
#menubar ul {
	display:block;
	margin:2% 0% 2% 6%;
	
}
#menubar ul li {
	display:inline;
       
}
#menubar ul li a.menubutton, #menubar {
	display:none;
}
.navigation {
	float:left;
	width:75%;
	margin:auto;
	padding:2.5% 0% 1% 0%;
	text-align:center;
	z-index:10;
	}
#nav li {
	font-weight:600;
	font-size:120%;
	color:#666;
	display:inline;
	list-style:none;
	margin:0em 1em 0.5em 0.5em;
	}
.activ {
	padding-bottom:6px;
	border-bottom:2px solid #666;
	}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.headerbild, .foo_img  {
	width:100%;
	height:auto;
	margin-bottom:-6px;
	}

.content {
	padding: 1em 0em 3em 0em;
	width:100%;
	max-width:70em;
	margin:0em auto 0em auto;
	
}
.cover, .cover3 {
	padding:4% 4% 4% 4%;
	margin:1%;
	background-color:#e8dfd6;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	}
.cover3 {
	padding:4% 0% 4% 0% ;
	}

.spalten {
	text-align:justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
     hyphens: auto;
	-moz-column-count: 2;
	-webkit-column-count: 2;
    column-count: 2;
    column-gap: 2em;
	}
.cover2 {
	padding:0;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	
	}
.content2 {
	padding: 1em 0em;
	width:100%;
	max-width:70em;
	margin:0em auto 0em auto;
	
}
.tab_aus {
	width:31%;
	float:left;
	background-image:url(../images/bg_4.png);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:1%;
	border-left:0px solid #FFF;
	}
.tab_in {
	width:97%;
	background-image:url(../images/bg_4.png);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:1%;
	border-left:0px solid #FFF;
	text-align:center;
	}
.tab_aus td, .tab_aus #fett {
	padding:2% 1% 3% 3%;
	border-bottom:1px solid #edab10;
	color:#FFF;
	}
.tab_in td {
	padding:1% 1% 1% 1%;
	border-bottom:1px solid #edab10;
	color:#FFF;
	}
.fff {
	color:#fff !important;
	}
.tab_aus #fett {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:600;
	}
.content3 {
	padding: 0em 0em 6em 0em;
	width:100%;
	max-width:70em;
	margin:0 auto;
}

.content p, .content2 p {
	text-align: justify; 
	max-width:900px; 
	margin:0 auto;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
     hyphens: auto;
	}
.content h1 {
	font-family: 'Poiret One', sans-serif;
	font-size:3em;
	font-weight:100;
	color:#3b58a0;
	text-align:center;
	margin-top:1em;
	}
.content2 h1 {
	font-family: 'Poiret One', sans-serif;
	font-size:3em;
	font-weight:100;
	color:#fff;
	text-align:center;
	margin-top:1em;
	}
.content3 h1{
	font-family: 'Poiret One', sans-serif;
	font-size:3em;
	font-weight:400;
	color:#edab10;
	text-align:center;
	margin-top:1em;
	}
.content h2 {
	font-family: 'Poiret One', sans-serif;
	color:#3b58a0;
	font-weight:100
	;
	text-align:center;
	}
#content_wrap {
	width:90%;
	max-width:55em;
	margin:1em auto 0em auto;
	}
.wrapper {
	padding:0% 0% 6% 0%;
	width:100%;
	background-color:#edab10;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
}
.wrapper2 {
	padding:0% 0% 4% 0%;
	width:100%;
	background-color:#edab10;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	color:#FFF;
}
.wrapper3 {
	padding:0% 0% 2% 0%;
	width:100%;
	background-color:#ededee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
}
.aktuelles {
	width:100%;
	max-width:56.25em;
	margin:1% auto;
	padding:2% 1%;
	background-color:#3D2534;
	border:1px solid #4d3143;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	}
#box_1 {
	float:left;
	width:23%;
	min-height:21em;
	margin:1%;
	padding:2% 1%;
	text-align:center;
	
	 background-color:#3b58a0;
	 border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	}
#box_1 p {
	text-align:justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
     hyphens: auto;
	margin:1em 0em 0em 0em;
}
.spalten3 {
	width:90%;
	text-align:justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
     hyphens: auto;
	-moz-column-count: 3;
	-webkit-column-count: 3;
    column-count: 3;
    column-gap: 3em;
	margin:0% auto 5% auto;
	}
.img_1 {
	float:left;
	width:24%;
	max-width:480px;
	height:auto;
	margin:0.5%;
	border-radius:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:6px solid #fff;
	/*-webkit-box-shadow: 2px 2px 9px 0px rgba(0,0,0,0.78);
-moz-box-shadow: 2px 2px 9px 0px rgba(0,0,0,0.78);
box-shadow: 2px 2px 9px 0px rgba(0,0,0,0.78);*/
	
	}
figure, figcaption {
	margin: 0;
	padding: 0;
}

figure.einzel {
	position: relative;
	display: inline-block;
	width: 31%;
	margin:1% 1% 3% 1%;
}

figure img {
	width: 100%;
	height:auto;
	display: block;
}

figcaption {
	position: absolute;
	bottom: -2em;
	width: 100%;
	text-align: center;
	line-height: 2em;
	color: white;
	background: rgba(88, 88, 88, 0.7);
}

.gesamt {
	position: relative;
	color: black;
	background-color: transparent ;
	padding-bottom:1%
}
.img_2 {
	width:31%;
	height:auto;
	margin:1%;
	}
.img_3 {
	width:100%;
	max-width:93em;
	height:auto;
	margin:0 auto;
	}
.img_4 {
	width:98%;
	height:auto;
	margin:0% 1%;
	}
.adr {
	text-align:center;
	color:#666;
	
	padding:2%;
	margin:1%;
	background-color:#e8dfd6;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.adr p {
	text-align:center !important;
	 }
.adr2 {
	text-align:center;
	color:#666;
	padding:2% 2% 1% 2%;
	margin:0% 1% 1% 1%;
	background-color:#e8dfd6;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.buchen {
	width:70%;
	text-align:center;
	padding:0.25em 1em 0.25em 1em;
	background-color:#edab10;
	margin:1em auto 0.5em auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #fff;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	color:#FFF;
	}
#box_2 {
	float:left;
	width:31%;
	min-height:10em;
	margin:1%;
	color:#edab10;
	padding:1%;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-left:1px dotted #edab10;
	
   
	}
#box_2  h2 {
	
	font-weight:400;
	font-size:2em;
	color:#edab10;
	}
#box_1 h2 {
	font-family: 'Poiret One', sans-serif;
	color:#fff;
	font-size:1.8em;
	}
#box_1 p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	color:#FFF;
	}
.box_1et {
	float:left;
	width:48%;
	margin:1%;
	padding:2% 1% 1% 1%;
	background:#3D2534;
	text-align:justify;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.box_2et {
	float:left;
	width:31.3%;
	margin:1%;
	padding:2% 1% 1% 1%;
	background:#3D2534;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.box_2et h2 {
	text-align:center;
	}
.preise {
	background-color:#338da7;
	width:100%;
	max-width:62.5em;
	color:#FFF;
	margin:0 auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}
.preise td {
	text-align:center;
	padding:1%;
	border-bottom:1px solid #fff;
	}
.preise th {
	padding:2% 1% 1% 1%;
	border-bottom:1px solid #fff;
	}

/*#tab_preise2 {
	background-color:#aec4b7;
	color:#301d29;
	margin:1em auto;
	width:100%;
	max-width:62.5em;
	}*/
#col_t {
	padding:2% 1%;
	border-bottom:0px;
	text-align:left;
	}

#col_l {
	text-align:center;
	padding:1%;
	border-bottom:0px;
}
#col_m {
	text-align:center;
	padding:1em;
}
#col_c {
	text-align: justify;
	padding:1em 2em;
	border-bottom:1px solid #9eb2a6;
}
#team {
	float:left;
	width:23%;
	margin:1%;
	padding:2% 1% 1% 1%;
	background-color:#3D2534;
	text-align:center;
	font-size:105%;
	font-weight:600;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
#menu1 {
	width:80%;
	max-width:20em;
	padding:1em;
	margin:1em auto;
	text-align:center;
	font-size:2em;
	border:1px solid #f3c990;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
#menu2 {
	width:80%;
	max-width:20em;
	padding:1em;
	margin:1em auto;
	text-align:center;
	font-size:2em;
	border:1px solid #311d29;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
a:link #menu2  {
	color:#311d29;
	}
a:hover #menu2  {
	background-color:#aec4b7;
	}
a:hover #menu1, a:hover #maps  {
	background-color:#3D2534;
	}
#maps {
	width:90%;
	max-width:15em;
	padding:1em;
	margin:2% auto;
	text-align:center;
	font-size:1.5em;
	border:1px solid #f3c990;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.footer {
	padding:1% 0% 0% 0%;
	background: #f5e9d9;	
}
.footer a:link, .footer a:visited, .footer a:hover  {
	color:#eb8c21;
	}
#button_2 {
	color:#FFF;
	background-color:#edab10;
	width:80%;
	margin:0 auto;
	padding:13px 10px 1px 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
#copy_wrapper {
    background-color:#edab10;
	}
.copyright {
	text-align:center;
	color:#fff;
	font-size:90%;
	padding:1% 0% 1% 0%;
	
	}
.copyright a:link, .copyright a:visited, .copyright a:hover, a:active, a:focus  {
	color:#fff;
	}
.fltrt { 
	float: right;
	margin-left:1em;
}
.fltlft { 
	float: left;
	margin-right:1em;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 0px;
	line-height: 0px;
}
.clear {
	
	float:left;
	}
#zentriert {
	display:block;
	margin:0em auto 2em auto;
	}
#distance {
	width:100%;
	height:2em;
	}
.fs14 {
	font-size:1.25em;
	text-align:center !important;
	}
#back-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 300;
    display: none;
}
 
#back-top a {
    width: 50px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 25px;
    color: #fff;
    background-color:#CCC;  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px; 
    transition: background-color .15s;
    -moz-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    -ms-transition: background-color .15s;
}
 
#back-top a:hover {
    text-decoration: none;
    background-color: #555;

}
.display_01 {
	width:100%;
	height:auto;
	margin-bottom:-6px;
	}
.display_02, .display_03 {
	display:none;
	}
#social {
	position: fixed;
	z-index:500; 
	top: 10px; 
	right: 10px;
	}
#social a:hover {
	position: fixed;
	z-index:500; 
	top: 10px; 
	right:13px;
	}
/*Resonsive*/
@media screen and (max-width: 1200px)
{
#menubar {
        border:0px dotted #fff;
		margin-bottom:0;
		min-width:20em;
       
}
#menubar, #menubar ul li a.menubutton {
	display:block;
	
}
.navigation {
	display:none;
    width:100%;   	
	}
.navigation {
	height:auto;
	padding:0em;
	margin-bottom:0;
	margin-top:0em;
	
	}

#nav li {
	float:none;
	text-align:center;
	display:block;        
	padding:0.5em 0em 0.5em 0em;
    border-bottom:1px dotted #338da7;
	margin:0em; 
	}
#nav ul li a {
        color:#fff;
}
#nav a:link {
	margin:0em;
	}
.display_01 {
	display:none;
	}
.display_02 {
	display:block;
	width:100%;
	height:auto;
	
	}
#team {
	width:31%;
	}
.preise {
	margin:1%;
	width:98%;
	}
}
@media screen and (max-width: 1120px)
{
#box_1 {
	min-height:21em;
	}
#box_1 h2 {
	font-size:1.5em;
	}
.spalten3 {
    column-gap: 1.2em;
	}	
}
@media screen and (max-width: 1000px)
{	
#box_2 h2, #box_2 h3  {
	font-size:1.3em;
	}
#box_2 h3  {
	font-size:1em;
	}
.responsive {
	display: block;
	width:100%;
	height:auto;
	}
.aktuelles {
	width:96%;
}

}
@media screen and (max-width: 900px)
{
#content_box_1_1_slider {
	display:none
	}
#content_box_1_1_slider-2 {
	display: block;
	}
#box_2 h2  {
	font-size:1.5em;
	}
#box_2 h3  {
	font-size:0.9em;
	}
#box_1 {
	width:48%;
	margin:1%;
	padding:2% 1%;
	min-height:15em;
	
	}
.img_1 {
	width:48%;
	margin:1%;
	}
.img_2 {
	margin:0.5%;
	}
figure.einzel {
	width: 47.5%;
	margin:1% 1% 5% 1%;
}
.tab_aus {
	font-size:90%;
}

}
@media screen and (max-width: 750px)
{
#menubar {
	float: none;
		width:100%;
		border-top:1px dotted #fff;
       
}
.navigation {
	width:100%;
	}
.logo {
	display:none;
	}
.info {
	float:none;
	width:96%;
	max-width:96%;
	margin:0% auto 2% auto;
	}

.fs20 {
	font-size:250%;
}
.fs15 {
	font-size:190%;
}
#box_1 h1 {
	font-size:1.2em;
	}
#box_2 {
	min-height:11.5em;
	}

.clear {
	display:block;
	clear:both;
	}
#team {
	width:47%;
	margin:1%;
	}
.display_02 {
	display:none;
	}
.display_03 {
	display:block;
	width:100%;
	height:auto;
	
	}
.tab_aus {
	float:none;
	width:98%;
	font-size:100%;
	border-left:0px;
	border-bottom:1px solid #fff;
}
.spalten3 {
	-moz-column-count: 2;
	-webkit-column-count: 2;
    column-count: 2;
    column-gap: 1em;
	}
}
@media screen and (max-width: 630px)
{
#box_2 {
	min-height:13em;
	}
.content h1, .content2 h1, .content2 h2, .content3 h1, .content4 h1 {
	font-size:2em; 
	}

}
@media screen and (max-width: 600px)
{
#box_1 {
	float:none;
	width:98%;
	margin:1%;
	padding:2% 1%;
	min-height:10em;
	
	}
.box_1et {
	float:none;
	width:96%;
	margin:1% auto;
	}
.preise {
	font-size:90%;
	}
}
@media screen and (max-width: 580px)
{
#box_2 {
	float:none;
	width:90%;
	margin:2% auto;
	padding:1% 1% 3% 1%;
	min-height:5em;
	border-left:0px;
	border-bottom:1px dotted #eb8c21;
	}
#box_2 h3 {
	font-size:1.3em;
	}
#team {
	float:none;
	width:90%;
	margin:1% auto;
	}
.box_2et {
	float:none;
	width:80%;
	padding:3% 2% 2% 2%;
	margin:1% auto;
	}
.img_1 {
	width:98%;
	margin:1%;
	max-width:580px;
	}
.img_2 {
	width:98%;
	float:none;
	margin:1%;
	}
figure.einzel {
	width: 98%;
	margin:1% 1% 6% 1%;
}
.tab_aus {
	font-size:90%;
	
}
.preise {
	font-size:80%;
	}

.spalten, .spalten3 {
	-moz-column-count: 1;
	-webkit-column-count: 1;
    column-count: 1;
    column-gap: 0em;
	}
	
}