/*
Theme Name: Konzertplatz
Theme URI: http://www.foxcomputers.ch
Author: Fox Computers | Michael Fuchs
Author URI: http://www.foxcomputers.ch
Description: Theme für den Konzertplatz Weisser Hirsch
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: konzertplatz

Konzertplatz WordPress Theme © 2011-2016 Fox Computers
Konzertplatz is distributed under the terms of the GNU GPL
*/

  
@font-face {
    font-family: 'scala_sans';
    src: url('fonts/scala-sans-regular-webfont.woff2') format('woff2'),
         url('fonts/scala-sans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'scala_sans_bold';
    src: url('fonts/scala-sans-bold-webfont.woff2') format('woff2'),
         url('fonts/scala-sans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'scala_caps';
    src: url('fonts/scala-caps-webfont.woff2') format('woff2'),
         url('fonts/scala-caps-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'scala_caps_bold';
    src: url('fonts/scala-caps_bold-webfont.woff2') format('woff2'),
         url('fonts/scala-caps_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: 'weather';
 src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
 src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
 font-weight: normal;
 font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	font-size:100%;
	padding:0;
	border:0;
	margin:0;
	vertical-align:baseline;
	font-family: "scala_sans";
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
}
body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.clear{clear:both}
.sticky{}.bypostauthor{}

.wp-caption, .wp-caption-text, .gallery-caption {
    color: #595c57;
    font-family: "scala_sans";
    font-size: 15px;
    line-height: 18px;
	margin:0 0 5px 0;
}
.alignright {
	float:right;
	margin:0 0 30px 30px;
}
.alignleft {
	float:left;
	margin:0 30px 30px 0;
}
.aligncenter {
	display:block;
	margin:0 auto 30px auto;
}

.screen-reader-text {
	clip:rect(1px, 1px, 1px, 1px);
	position:absolute !important;
}
a {
	outline:none;
}
img {
	max-width:100%;
	height:auto;
}
.ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, #evcal_list .eventon_list_event p.no_events {
    color: #fff !important;
}
.evo_arrows i {
	width:auto !important;
}
.evo_cal_above span.evo-gototoday-btn {
	font-weight: bold !important;
}
.awesome-weather-attribution {
	display: none !important;
}
.awesome-weather-current-temp {
    font-size: 46px !important;
    line-height: 56px !important;
    padding: 5px !important;
}
.awesome-weather-current-temp sup {
	vertical-align: top;
	line-height: 25px !important;
}
.awesome-weather-forecast-day-temp sup {
	vertical-align: top;
	line-height: 0.6em !important;
}
.awesome-weather-forecast-day-abbr {
	text-align: center;
}
.awesome-weather-header {
    padding: 10px;
	width:100%;
	background: none !important;
}

#wrapper {
	margin:0;
}
#header-img {
	position:relative;
}
#header-img img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#logo-home {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top:150px;
}
#logo-home img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width:711px;
	width:25%;
}
#logo {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top:80px;
}
#content #logo {
    position: relative;
    left: auto;
    right: auto;
    top:auto;
	padding-top:80px;
}
#logo img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width:229px;
}

.metaslider .flexslider {
    margin: 0 !important;
}
.content-box-hotel-img #slider-outer, .content-box-restaurant-img #slider-outer, .content-box-zimmer-img #slider-outer, .single-umgebung .content-box-img #slider-outer, .single-hochzeitsangebot .content-box-img #slider-outer, .single-zimmer-suiten .content-box-img #slider-outer {
	position:absolute;
	top:0;
	width:490px;
	height:440px;
}
.content-box-restaurant-img #slider-outer {
	position:absolute;
	top:0;
	left:-143px;
	width:707px;
	height:530px;
}
.content-box-zimmer-img #slider-outer {
	position:absolute;
	top:0;
	left:-118px;
	width:587px;
	height:440px;
}
.flex-control-nav {
    bottom: 40px !important;
	z-index:999;
}
.home .flex-control-nav, .page-template-page-restaurant #header-img .flex-control-nav {
    bottom: 10% !important;
	z-index:999;
}
.page-template-page-restaurant .content-box-restaurant-img .flex-control-nav {
	display:none;
}
.down-arrow {
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-30px;
}
.back-arrow {
position: fixed;
display: block;
top: 200px;
left: 20px;
width: 150px;
z-index: 999;
	opacity: 0.8 !important;
	-webkit-filter: drop-shadow(1px 1px 4px black); 
	filter: drop-shadow(1px 1px 4px black);
}
.flex-control-paging li a {
    background: none !important;
    border-radius: 21px !important;
	border:2px solid #fff;
    height: 10px !important;
    width: 10px !important;
	box-shadow:none !important;
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
    background: #fff !important;
}
.slides li {
	position:relative;
}

#menu {
	background:rgba(188,190,192,0.8);
	position:fixed;
	top:0;
	width:100%;
	height:55px;
	z-index:8008;
	-webkit-backface-visibility:hidden;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
}
#menu ul {
	text-align:center;
}
#menu ul li {
	display:inline-block;
	margin:0 10px;
	position:relative;
}
#menu ul li a {
	font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:54px;
	color:#fff;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	letter-spacing:2px;
}
#menu ul li.current-menu-item a, #menu ul li.current-menu-ancestor a, #menu ul li.current-menu-ancestor .sub-menu li.current-menu-item a, .single-arrangements #menu ul li#menu-item-32 a {
	font-family: 'scala_sans_bold';
}
#menu ul li.current-menu-ancestor .sub-menu li a, #menu ul li.current-menu-item .sub-menu li a, #menu ul li#menu-item-31 .sub-menu li.current-menu-item a, .page-template-page-tagenfeiern #menu ul li.current-menu-ancestor .sub-menu li a, #menu ul li .sub-menu li#menu-item-858.current-menu-item a, #menu ul li .sub-menu li#menu-item-874.current-menu-item a, #menu ul li .sub-menu li.current-menu-item.not-active a {
	font-family: 'scala_sans';
}
#menu ul li .sub-menu {
	display:none;
}
#menu ul li.not-visible .sub-menu, #menu ul li .sub-menu li.not-visible {
	display:none !important;
}
#menu ul li:hover .sub-menu {
	display:block;
	position:absolute;
 	left: 50%;
	margin-left: -105px;
	border-left:2px solid #ebeaea;
	border-right:2px solid #ebeaea;
	border-bottom:1px solid #ebeaea;
	width:210px;
	z-index:9999;
}
#menu ul li:hover .sub-menu:before {
	content:url(images/menu-top.png);
	display:block;
	position:absolute;
	top:-12px;
	left:50%;
	margin-left:-12px;
}
#menu ul li:hover .sub-menu li {
	display:block;
	border-bottom:1px solid #ebeaea;
	white-space:nowrap;
	margin:0;
	background:#fff;
}
#menu ul li:hover .sub-menu li a {
	line-height:57px;
	font-family: 'scala_sans';
	color:#676864;
}
#buchen {
	position:absolute;
	top:0px;
	left:200px;
	text-align:center;
	padding:0 1%;
	width:200px;
	background:#c6c4c3;
   font-family: 'scala_sans_bold';
	font-size:10px;
	line-height:55px;
	color:#757571;
	letter-spacing: 2px;
   text-decoration: none;
   text-transform: uppercase;
	cursor:pointer;
	z-index:99999999;
}

#container {
	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important;
	overflow:hidden;
}
#container.sticky {
	padding-top:55px;
}

#content.reservierung, .page-template-default, .page-template-page-sommer, #content, .error404 #content {
	padding:0 0 120px 0;
}
#content.reservierung article, .page-template-default article, .page-template-page-sommer article, .error404 article {
	margin:60px auto 0 auto;
	max-width:1155px;
	background:#fff;
	padding:30px 0;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8); 
}
.error404 article {
	min-height:160px;
}

#content-block {
	max-width:980px;
	margin:0 auto;
	padding-bottom:120px;
}
.content-box h2 {
    font-family: 'scala_caps';
	font-size:30px;
	line-height:35px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0 10% 30px 10%;
}
.content-box h3 {
	font-family: 'scala_sans';
	font-size:30px;
	line-height:35px;
	letter-spacing:1px;
	margin:15px 10% 25px 10%;
	border-bottom:2px solid #fff;
	display:inline-block;
}
.content-box p {
	font-family: 'scala_sans';
	font-size:21px;
	line-height:30px;
	margin:0 10% 40px 10%;
	letter-spacing:1px;
}
.content-box-hotel h2.white, .content-box-hotel .white p, .content-box-hotel .white h3, .content-box-hotel .white ul li, .content-box-hotel .white ol li, .content-box-hotel .white a {
	color:#fff !important;
}
.content-box-hotel h2.black, .content-box-hotel .black p, .content-box-hotel .black h3 {
	color:#595c57;
}
.content-box a.button, 
.sgpb-popup-dialog-main-div-wrapper a.button, 
.sgpb-main-html-content-wrapper a.button,
.entry-content a.button {
	min-width:170px;
	height:65px;
    font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:65px;
	color:#a4a29f !important;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin:10px 10%;
	padding:0 25px;
	letter-spacing:2px;
}
.entry-content a.button {
	color: white!important;
	background-color: #eb713d;
	font-size:24px;
}

.content-box-zimmer-inner .buttons {
	margin:0 5%;
	padding-top:20px;
	padding-bottom:20px;
}
.content-box-zimmer-inner a.button, .buchen-box a.button, .content-box-tagenfeiern-inner a.button {
	min-width:170px;
	height:65px;
    font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:65px;
	color:#a4a29f !important;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin:0 20px 0 0;
	padding:0 25px;
	letter-spacing:2px;
	float:left;
}
.content-box-tagenfeiern-inner a.button {
	margin: 0 10% 30px 10%;
}
.content-box a.button.bright {
	background:#ebeaea;
}
.content-box a.button.dark, .content-box-zimmer-inner a.button.dark {
	background:#dadada;
}
.content-box-zimmer-inner a.button.darker, .content-box-hotel-inner a.button.darker, .content-box-tagenfeiern-inner a.button.darker, .content-box-tagenfeiern-inner a.button.darker {
	background:#b6b5b2 !important;
	color:#fff !important;
}
.buchen-box a.button {
	background:#b6b5b2;
	color:#fff !important;
	margin:20px 10%;
	padding:0 25px;
	cursor:pointer;
	float:none;
}
#fancybox-content > div {
	overflow:hidden !important;
}

.content-box.left {
	max-width:700px;
	float:left;
	margin-top:120px;
	padding:50px 0 60px 0;
}
.content-box.right, .content-box.slider {
	max-width:700px;
	float:right;
	margin-top:120px;
	padding:50px 0 60px 0;
}
.content-box.full {
	width:100%;
	margin-top:120px;
	display:table;
}
.content-box .content-box-booking {
	display:none;
}
.content-box.full .content-box-inner {
	display:table-cell;
	width:64.28571428571429%;
	height:100%;
	padding:50px 0 60px 0;
}
.content-box.full .content-box-booking {
	display:table-cell;
	width:35.714285714285715%;
	height:100%;
	padding:50px 0 60px 0;
	background:#fff;
}

#lead-box {
	background:#656366;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
}
#lead-box-inner {
	max-width:1460px;
	margin:0 auto;
	padding:55px 0;
}
#lead-box-inner h1 {
    font-family: 'scala_caps_bold';
	font-size:30px;
	line-height:35px;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	margin:0 15% 30px 15%;
	/*-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;*/
}
#lead-box-inner p {
	font-family: 'scala_sans';
	font-size:21px;
	line-height:30px;
	color:#fff;
	text-align:center;
	margin:0 15% 20px 15%;
	letter-spacing:1px;
	/*-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;*/
}
#lead-box-inner em {
	font-style:normal;
}


#content-block-hotel, #content-block-zimmer, .single-umgebung #content-block, .single-hochzeitsangebot #content-block, .single-zimmer-suiten #content-block, .content-box-kontakt, #content-block-restaurant {
    margin: 0 auto;
    max-width: 980px;
	padding-bottom:120px;
}
.content-box-hotel, .content-box-zimmer, .content-box-restaurant, .single-umgebung .content-box, .single-hochzeitsangebot .content-box, .single-zimmer-suiten .content-box {
	padding-top:120px;
}
.content-box-presse-text, .content-box-kontakt {
	padding-top:60px;
}

.content-box-hotel.left .content-box-hotel-inner, .content-box-hotel.umgebung .content-box-hotel-inner, .single-umgebung .content-box-inner, .single-hochzeitsangebot .content-box-inner {
	background:#656366;
	float:left;
	width:50%;
	padding:30px 0;
}
.content-box-hotel.right .content-box-hotel-inner {
	float:right;
}
.content-box-restaurant-left .content-box-restaurant-inner {
	background:#f6f6f6;
	padding:50px 0 70px 0;
}

#events-block .events-box.middle, #shop-block .events-box-middle{
	float:none;
	width:auto;
	max-width:770px;
	margin-left:auto;
	margin-right:auto;
	background: #FFFFFF;
}
#events-block, #shop-block{
	padding:70px 0 50px 0;	
}
#evcal_list {
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
}
#shop-block{
	background: #FFFFFF;	
}
.content-box-zimmer .content-box-zimmer-inner {
	background:#f6f6f6;
	padding:70px 0 50px 0;
}
.content-box-hotel.left .content-box-hotel-img, .content-box-hotel.right .content-box-hotel-img, .content-box-hotel.umgebung .content-box-hotel-img, .single-umgebung .content-box-img, .content-box-hotel.hochzeitsangebot .content-box-hotel-img, .single-hochzeitsangebot .content-box-img, .single-zimmer-suiten .content-box-img {
	float:left;
	width:50%;
	min-height: auto;
	position:relative;
	overflow:hidden;
}
.content-box-hotel.left .content-box-hotel-img {
	float:right;
}
.content-box-hotel.right .content-box-hotel-inner {
	background:#f6f6f6;
	float:right;
	width:50%;
	padding:30px 0;
}
.content-box-hotel.umgebung .content-box-hotel-inner ul.umenu, .content-box-hotel.hochzeitsangebot .content-box-hotel-inner ul.umenu, .content-box-zimmer .content-box-zimmer-inner ul.zsmenu, .single-umgebung .content-box-inner ul.umenu, .single-hochzeitsangebot .content-box-inner ul.umenu, .single-zimmer-suiten .content-box-inner ul.zsmenu {
	margin:0 5% 60px 5%;
	padding:0 !important;
}
.content-box-hotel.umgebung .content-box-hotel-inner ul.umenu li, .content-box-hotel.hochzeitsangebot .content-box-hotel-inner ul.umenu li, .content-box-zimmer .content-box-zimmer-inner ul.zsmenu li, .single-umgebung .content-box-inner ul.umenu li, .single-hochzeitsangebot .content-box-inner ul.umenu li, .single-zimmer-suiten .content-box-inner ul.zsmenu li {
	float:left;
	margin:0 25px 20px 0;
	list-style:none !important;
}
.content-box-hotel.umgebung .content-box-hotel-inner ul.umenu li a, .content-box-hotel.hochzeitsangebot .content-box-hotel-inner ul.umenu li a, .content-box-zimmer .content-box-zimmer-inner ul.zsmenu li a, .single-umgebung .content-box-inner ul.umenu li a, .single-hochzeitsangebot .content-box-inner ul.umenu li a, .single-zimmer-suiten .content-box-inner ul.zsmenu li a {
	font-family: 'scala_sans';
	font-size:16px;
	line-height:18px;
	color:#fff;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
	padding-bottom:1px;
	cursor:pointer;
}
.content-box-hotel.umgebung .content-box-hotel-inner ul.umenu li a:hover, .content-box-zimmer .content-box-zimmer-inner ul.zsmenu li a:hover, .content-box-hotel.umgebung .content-box-hotel-inner ul.umenu li a.active, .content-box-hotel.hochzeitsangebot .content-box-hotel-inner ul.umenu li a:hover, .content-box-zimmer .content-box-zimmer-inner ul.zsmenu li a:hover, .content-box-hotel.hochzeitsangebot .content-box-hotel-inner ul.umenu li a.active, .page-template-page-zimmersuiten .content-box-zimmer .content-box-zimmer-inner ul.zsmenu li:nth-child(1) a, .single-zimmer-suiten .content-box-inner ul.zsmenu li a:hover, .single-zimmer-suiten .content-box-zimmer-inner ul.zsmenu li a.active, .page-template-page-tagenfeiern .content-box-zimmer .content-box-zimmer-inner ul.zsmenu li:nth-child(1) a, .single-tagen-feiern .content-box-inner ul.zsmenu li a:hover, .single-tagen-feiern .content-box-zimmer-inner ul.zsmenu li a.active {
	border-bottom:2px solid #fff;
}

.content-box-restaurant .content-box-restaurant-left ul.resmenu {
	text-align:center;
}
.content-box-restaurant .content-box-restaurant-left ul.resmenu li {
	display:inline;
	margin:0 15px;
}
.content-box-restaurant .content-box-restaurant-left ul.resmenu li a {
	font-family: 'scala_sans';
	font-size:15px;
	line-height:18px;
	color:#595c57 !important;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
	padding-bottom:1px;
	cursor:pointer;
}
.content-box-restaurant .content-box-restaurant-left ul.resmenu li a:hover, .content-box-restaurant .content-box-restaurant-left ul.resmenu li a.active {
	border-bottom:2px solid #595c57;
}
.angebot-box {
	margin:120px auto 0 auto;
	max-width:700px;
	padding:70px 0 50px 0;
	background:#b5b3b1; 
	float:right;
}
.angebot-box.second {
	margin:120px auto;
	max-width:700px;
	padding:70px 0 50px 0;
	background:#ebeaea; 
	float:left;
}
.angebot-box p {
	font-family: 'scala_sans';
    font-size: 21px;
    line-height: 30px;
    letter-spacing: 1px;    
	color:#595c57;
	margin: 0 10% 30px 10%;
}
.angebot-box p.normal {
	font-family: 'scala_sans';
    font-size: 17px;
    line-height: 25px;
	color:#595c57;
	letter-spacing:normal;
	margin: 0 10% 30px 10%;
}

.content-box-hotel .content-box-hotel-inner h2, .content-box-zimmer .content-box-zimmer-inner h2, .single-umgebung .content-box-inner h1, .single-hochzeitsangebot .content-box-inner h1, .single-zimmer-suiten .content-box-inner h1, .content-box-restaurant-left .content-box-restaurant-inner h2, .content-box-tagenfeiern-inner h3, #content.reservierung h1, .page-template-default #content h1, .page-template-page-sommer #content h1, span#webbi_caption_text, .angebot-box h2, .error404 #content h1 {
    font-family: 'scala_caps';
	font-size:30px;
	line-height:35px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0 5% 30px 5%;
	color:#595c57;
}
#content #webbi_outer_wrapper h1, span#webbi_caption_text {
	margin:0;
}
.content-box-hotel.impressionen .content-box-hotel-inner h2 {
	margin:0 8.461538461538462% 30px 8.461538461538462%;
}

.content-box-zimmer .content-box-zimmer-inner .datum {
    font-family: 'scala_caps';
	font-size:22px;
	line-height:28px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#595c57;
	margin:0 5% 20px 5%;
}
.single-umgebung .content-box-inner h2, .single-hochzeitsangebot .content-box-inner h2, .single-zimmer-suiten .content-box-inner h2, .content-box-hotel .content-box-hotel-inner .change h3, .content-box-zimmer .content-box-zimmer-inner h3, .page-template-default #content h2, .page-template-page-sommer #content h2, .form-element-gs h2, .error404 #content h2 {
	font-family: 'scala_sans_bold';
	font-size:17px;
	line-height:25px;
	letter-spacing:1px;
	text-transform:none;
	color:#595c57;
	margin:0 5%;
}
.single-umgebung .content-box-hotel-inner h2, .single-umgebung .content-box-hotel-inner h3, .umgebung .content-box-hotel-inner h2, .umgebung .content-box-hotel-inner h3, .single-hochzeitsangebot .content-box-hotel-inner h2, .single-hochzeitsangebot .content-box-hotel-inner h3, .hochzeitsangebot .content-box-hotel-inner h2, .hochzeitsangebot .content-box-hotel-inner h3 {
	color:#fff;
}
#content #webbi_outer_wrapper h2, .form-element-gs h2 {
	margin:0;
}
.content-box-kontakt-left h2 {
    font-family: 'scala_caps';
	font-size:30px;
	line-height:35px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#595c57;
	margin:0 5% 30px 5%;
}
.content-box-hotel .content-box-hotel-inner p em, .content-box-zimmer .content-box-zimmer-inner p em, .single-umgebung .content-box-inner p em, .single-hochzeitsangebot .content-box-inner p em, .single-zimmer-suiten .content-box-inner p em, .content-box-restaurant-left .content-box-restaurant-inner p em, .content-box-tagenfeiern-inner p em, .page-template-default #content p em, .page-template-page-sommer #content p em, .error404 #content p em {
	font-family: 'scala_sans';
	font-size:21px;
	font-style:normal !important;
	line-height:30px;
	letter-spacing:1px;
}
.content-box-hotel .content-box-hotel-inner p, .content-box-zimmer .content-box-zimmer-inner p, .single-umgebung .content-box-inner p, .single-hochzeitsangebot .content-box-inner p, .single-zimmer-suiten .content-box-inner p, .content-box-restaurant-left .content-box-restaurant-inner p, .content-box-tagenfeiern-inner p, .page-template-default #content p, .page-template-page-sommer #content p, .error404 #content p {
	font-family: 'scala_sans';
	font-size:17px;
	line-height:25px;
	margin:0 5% 30px 5%;
	color:#595c57;
}
 .sg-popup-content p, .sg-popup-builder-content p {
	font-family: 'scala_sans';
	font-size:16px;
	line-height:20px;
	margin:0 5% 30px 5%;
	color:#000000;
}
.page-template-default #content ul, .page-template-page-sommer #content ul, .page-template-default #content ol, .page-template-page-sommer #content ol, .error404 #content ul, .error404 #content ol {
	margin:0 5% 30px 5%;
	padding:0 0 0 15px;
}
.page-template-default #content ul li, .page-template-page-sommer #content ul li, .error404 #content ul li {
	font-family: 'scala_sans';
	font-size:17px;
	line-height:25px;
	list-style:disc;
}
.page-template-default #content ol li, .page-template-page-sommer #content ol li, .error404 #content ol li {
	font-family: 'scala_sans';
	font-size:17px;
	line-height:25px;
	list-style:decimal;
}
#content #webbi_outer_wrapper p {
	margin:0 0 10px 0;
}
#content #webbi_stayBox p {
	margin:0;
}
div#webbi_conditionsBox, #events-block .events-box h2.white, #shop-block .events-box h2.white {
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
div.webbc_sidebar {
	margin-bottom:30px;
}
.webbc_roomImageThumb {
	display:none !important;
}
.content-box-hotel .content-box-hotel-inner ul, .content-box-zimmer .content-box-zimmer-inner ul, .single-umgebung .content-box-inner ul, .single-hochzeitsangebot .content-box-inner ul, .single-zimmer-suiten .content-box-inner ul, .content-box-hotel .content-box-hotel-inner ol, .content-box-zimmer .content-box-zimmer-inner ol, .single-umgebung .content-box-inner ol, .single-hochzeitsangebot .content-box-inner ol, .single-zimmer-suiten .content-box-inner ol {
	margin:0 5% 30px 5%;
	padding:0 0 0 20px;
}
.content-box-hotel .content-box-hotel-inner ul li, .content-box-zimmer .content-box-zimmer-inner ul li, .single-umgebung .content-box-inner ul li, .single-hochzeitsangebot .content-box-inner ul li, .single-hochzeitsangebot .content-box-inner ul li, .single-zimmer-suiten .content-box-inner ul li {
	font-family: 'scala_sans';
	font-size:17px;
	line-height:25px;
	color:#595c57;
	list-style:disc;
}
.content-box-hotel .content-box-hotel-inner ol li, .content-box-zimmer .content-box-zimmer-inner ol li, .single-umgebung .content-box-inner ol li, .single-hochzeitsangebot .content-box-inner ol li, .single-zimmer-suiten .content-box-inner ol li {
	font-family: 'scala_sans';
	font-size:17px;
	line-height:25px;
	color:#595c57;
	list-style:disc;
}
.content-box-hotel a.button, .sgpb-popup-dialog-main-div-wrapper a.button, .sgpb-main-html-content-wrapper a.button {
	min-width:170px;
	height:55px;
	font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:55px;
	color:#a4a29f !important;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin:20px 0 20px 5%;
	background:#dadada;
	letter-spacing:2px;
	padding:0 10px;
}
.content-box-hotel a.button.second {
	margin:0 0 0 5%;
}
.content-box-zimmer.tf a.button {
	min-width:170px;
	height:65px;
	font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:65px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin:20px 0 20px 10%;
	background:#dadada;
	letter-spacing:2px;
	padding:0 25px;
}
.content-box-zimmer.tf a.button.second {
	margin:20px 0 20px 20px;
}
.content-box-zimmer.tf a.button:nth-child(1) {
	color:#a4a29f !important;
}
#content a {
	color:#595c57;
	text-decoration:none;
}
#content #lead-box a {
	color:#fff;
}
#content #lead-box a:hover {
	text-decoration: underline;
}
.page-id-1267 #content a {
	color:#99cc00;
}
.page-id-1267 #content a:hover {
	text-decoration: underline;
}

.content-box-zimmer-left {
	float:left;
	width:68.75%;
}
.content-box-zimmer-left.middle {
	float:none;
	width:auto;
	max-width:770px;
	margin-left:auto;
	margin-right:auto;
}
.content-box-zimmer-right {
	float:left;
	width:31.25%;
}
.content-box-zimmer-zitat {
	width:72.72727272727273%;
	float:right;
	padding:70px 0 70px 0;
}
.content-box-zimmer-zitat h3 {
	font-family: 'scala_sans';
	font-size:33px;
	line-height:42px;
	color:#fff;
	margin:0 12.5%;
	letter-spacing:1px;
}
.content-box-zimmer-booking {
	background:#fff;
}

.content-box-restaurant-left {
	float:left;
	width:57.14285714285714%;
}
.content-box-restaurant-buchen {
	width:71.42857142857143%;
	float:right;
	background:#fff;	
}
.content-box-restaurant-right {
	float:left;
	width:42.857142857142854%;
}
.content-box-restaurant-right .content-box-restaurant-img {
	width:100%;
    height: 530px;
    overflow: hidden;
    position: relative;
}
.content-box-restaurant-left .karten h2 {
    font-family: 'scala_caps';
	font-size:30px;
	color:#595c57;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	margin:50px 10% 30px 10%;
}
.gang-box {    
	margin: 0 10% 20px 10%;
}
.gang-box h3 {
	font-family: 'scala_sans_bold';
	font-size:24px;
	line-height:50px;
	color:#595c57;
	text-align:center;
}
.gang-box h4 {
	font-family: 'scala_sans';
	font-size:19px;
	line-height:26px;
	color:#595c57;
	text-align:center;
	margin:0 0 10px 0;
}
.gang-box h5 {
	font-family: 'scala_sans';
	font-size:15px;
	line-height:20px;
	color:#9b9e99;
	text-align:center;
}

.tg-bg {
	max-height:176px;
	overflow:hidden;
    -moz-transition: max-height 0.8s ease-out;
    -webkit-transition: max-height 0.8s ease-out;
    -o-transition: max-height 0.8s ease-out;
    transition: max-height 0.8s ease-out;
}
.tg-bg.active {
	max-height:2000px;
    -moz-transition: max-height 0.8s ease-in;
    -webkit-transition: max-height 0.8s ease-in;
    -o-transition: max-height 0.8s ease-in;
    transition: max-height 0.8s ease-in;
}

#arrangements-block .filter {
	background:#f1f0f0;
}
#arrangements-block .filter-inner {
    margin: 0 auto;
    max-width: 1120px;
	padding:40px 20px;
}
#arrangements-block .facetwp-template, #events-block{
    margin: 0 auto;
    max-width: 1155px;
	padding-top:120px;
	padding-bottom:85px;
}
#shop-block {
    margin: 120px auto;
    max-width: 1155px;
	padding-top:0px;
	padding-bottom:85px;
}
#arrangements-block .arrangement-box.small, #events-block .events-box.small, #shop-block .events-box.small {
	float:left;
	width:30.303030303030305%;
	margin:0 1.5151515151515151% 35px 1.5151515151515151%;
	padding:55px 0;
}
#arrangements-block .arrangement-box.big, #events-block .events-box.big, #shop-block .events-box.big {
	width:63.63636363636363%;
	margin:0 1.5151515151515151% 35px 1.5151515151515151%;
	padding:55px 0;
}
#events-block .events-box, #shop-block .events-box {
	padding: 55px 0;
}
#events-block .events-box.big, #shop-block .events-box.big {
	margin-bottom:60px;
}
#arrangements-block .arrangement-box.small h2, #events-block .events-box.small h2, #shop-block .events-box.small h2 {
    font-family: 'scala_caps';
	font-size:30px;
	line-height:38px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 11.428571428571429% 30px 11.428571428571429%;
}
#events-block .events-box.small .datum, #shop-block .events-box.small .datum{
    font-family: 'scala_caps';
	font-size:22px;
	line-height:30px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 11.428571428571429% 20px 11.428571428571429%;
}
#arrangements-block .arrangement-box.small p, #events-block .events-box.small p, #shop-block .events-box.small p {
	font-family: 'scala_sans';
	font-size:21px;
	line-height:30px;
	padding:0 11.428571428571429% 30px 11.428571428571429%;
	letter-spacing:1px;
}
#arrangements-block .arrangement-box.small p em, #events-block .events-box.small p em, #shop-block .events-box.small p em, #arrangements-block .arrangement-box.big p em, #events-block .events-box.big p em, #shop-block .events-box.big p em {
	font-style:normal;
}
#arrangements-block .arrangement-box.small a.button, #events-block .events-box.small a.button, #shop-block .events-box.small a.button {
	min-width:170px;
	height:65px;
	font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:65px;
	color:#a4a29f;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin:20px 11.428571428571429% 15px 11.428571428571429%;
	padding:0 25px;
	background:#dadada;
	letter-spacing:2px;
}
#content .angebot-box a.button {
	min-width:170px;
	height:65px;
	font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:65px;
	color:#a3a3a3;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin:20px 10%;
	padding:0 25px;
	background:#dadada;
	letter-spacing:2px;
}
#arrangements-block .arrangement-box.big h2, #events-block .events-box.big h2, #shop-block .events-box.big h2 {
    font-family: 'scala_caps';
	font-size:30px;
	line-height:38px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 5.442176870748299% 30px 5.442176870748299%;
}
#events-block .events-box.big .datum, #shop-block .events-box.big .datum {
    font-family: 'scala_caps';
	font-size:22px;
	line-height:30px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 5.442176870748299% 20px 5.442176870748299%;
}
#arrangements-block .arrangement-box.big p, #events-block .events-box.big p, #shop-block .events-box.big p {
	font-family: 'scala_sans';
	font-size:21px;
	line-height:30px;
	padding:0 5.442176870748299% 30px 5.442176870748299%;
	letter-spacing:1px;
}
#arrangements-block .arrangement-box.big a.button, #events-block .events-box.big a.button, #shop-block .events-box.big a.button {
	min-width:170px;
	height:65px;
	font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:65px;
	color:#a4a29f;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin:18px 5.442176870748299% 15px 5.442176870748299%;
	padding:0 25px;
	background:#dadada;
	letter-spacing:2px;
}
#arrangements-block .arrangement-box h2.white, #events-block .events-box h2.white, #shop-block .evnts-box h2.white, #arrangements-block .arrangement-box .white p, #events-block .events-box .white p, #shop-block .events-box .white p, #events-block .events-box .datum.white, #shop-block .events-box .datum.white {
	color:#fff;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
#arrangements-block .arrangement-box h2.black, #events-block .events-box h2.black, #shop-block .events-box h2.black, #arrangements-block .arrangement-box .black p, #events-block .events-box .black p, #shop-block .events-box .black p, #events-block .events-box .datum.black, #shop-block .events-box .datum.black {
	color:#595c57;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
#arrangements-block a.more-link, #events-block a.more-link, #shop-block a.more-link {
	display:none;
	visibility:hidden;
}
.facetwp-type-slider {
	float:left;
	width:50%;
}
.facetwp-type-slider .facetwp-slider-wrap {
	padding:0 25%;
}
.facetwp-type-slider .facetwp-slider-label {
	font-family: 'scala_sans';
	font-size:17px;
	color:#595c57;
	margin:25px 0;
	padding:0 25%;
	text-align:center;
	display:block;
}
.facetwp-type-checkboxes {
	margin-top:20px;
    max-height: auto !important;
    overflow: hidden !important;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
.facetwp-type-checkboxes .facetwp-checkbox {
	font-family: 'scala_sans';
	font-size:17px;
	line-height:20px;
	color:#595c57;
	margin:0 0 15px 0;
}
.facetwp-type-checkboxes .facetwp-checkbox .facetwp-counter {
	display:none;
	visibility:hidden;
}
.facetwp-facet {
    margin-bottom:0 !important;
}
.aule, .in {
	float:left;
	width:50%;
	margin-bottom:25px;
}
label.al {
	font-family: 'scala_sans_bold';
	font-size:17px;
	color:#595c57;
}
label.i {
	font-family: 'scala_sans_bold';
	font-size:17px;
	color:#595c57;
}
input.facetwp-slider-reset {
	width:170px;
	height:40px;
	font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:40px;
	color:#a4a29f;
	text-align:center;
	text-transform:uppercase;
	display:block;
	background:#dadada;
    border: none !important;
    border-radius:0 !important;
    box-shadow: none !important;
    padding:0 !important;
	margin:20px auto 0 auto;
}
.noUi-connect {
    background: #848480 !important;
}

.content-box-kontakt-left {
	width:62.5%;
	float:left;
	background:#fff;
	padding: 30px 0;	
}
.content-box-kontakt-left .intro p {
    color: #60615e;
    font-family: 'scala_sans';
    font-size: 21px;
    font-style: normal !important;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0 5% 60px 5%;
}
.content-box-kontakt-left .hinweis p {
    color: #b4b4b4;
	font-family: 'scala_sans';
    font-size: 15px;
    line-height: 18px;
    margin: 0 5%;
}
.content-box-kontakt-left .wpcf7-form {
    margin: 0 5% 30px 5%;
}
.content-box-kontakt-right {
	float:left;
	width:37.5%;
	background:#656366;	
}
.content-box-kontakt-right .adresse, .content-box-restaurant-right .adresse {
	padding: 70px 0 50px 0;	
}
.content-box-restaurant-right .adresse {
	background:#656366;	
}
.content-box-kontakt-right .adresse .name p, .content-box-restaurant-right .adresse .name p {
	font-family: 'scala_sans_bold';
	font-size:17px;
	line-height:25px;
	color:#fff;
    margin: 0 11% 20px 11%;
}
.content-box-restaurant-right .adresse .name p, .content-box-kontakt-right .oz-box, .content-box-restaurant-right .oz-box {
    margin: 0 11%;
}
.content-box-kontakt-right .adresse .adressinfo p, .content-box-restaurant-right .adresse .adressinfo p {
	font-family: 'scala_sans';
	font-size:17px;
	line-height:25px;
	color:#fff;
    margin: 0 11% 40px 11%;
}
.content-box-kontakt-right .adresse .adressinfo p a, .content-box-restaurant-right .adresse .adressinfo p a, .content-box-kontakt-right .adresse p a {
	color:#fff !important;
	text-decoration:none;
}
.content-box-kontakt-right .adresse p.small, .content-box-restaurant-right .adresse p.small {
	margin-top:20px;
	font-size: 15px;
    line-height: 23px;
}
.content-box-kontakt-right h3, .content-box-restaurant-right h3 {
    font-family: 'scala_caps';
	font-size:30px;
	line-height:52px;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
    margin: 40px 11% 20px 11%;
}
.content-box-kontakt-right .name h3 {
    margin: 0 11% 20px 11%;
}
.content-box-kontakt-right h4, .content-box-restaurant-right h4 {
	font-family: 'scala_sans_bold';
	font-size:17px;
	line-height:25px;
	color:#fff;
    margin: 40px 11% 0 11%;
}
.content-box-kontakt-right p, .content-box-restaurant-right p {
	font-family: 'scala_sans';
	font-size:17px;
	line-height:25px;
	color:#fff;
    margin: 0 11% 20px 11%;
}
.content-box-kontakt-right .oz-box p, .content-box-restaurant-right .oz-box p {
    margin: 0;
}
.content-box-kontakt-right .oz-left, .content-box-restaurant-right .oz-left {
	float:left;
	width:30%;
}
.content-box-kontakt-right .oz-right, .content-box-restaurant-right .oz-right {
	float:left;
	width:70%;
}

#content ul.gutschein-links {
	padding:0;
}
#content ul.gutschein-links li {
	list-style:none;
}
#content ul.gutschein-links li a {
 	color:#5e90cb;
	text-decoration:none;
}
#content.reservierung .wpcf7-form {
	margin:0 5% 30px 5%;
}
.cr_form {
	margin:0 5% 30px 5%;
	font-family: 'scala_sans';
	font-size:17px;
	color:#595c57;
}
#content.reservierung p {
	color: #595c57;
	font-family: 'scala_sans';
    font-size: 17px;
    line-height: 25px;
    margin: 0 5% 40px;
}
#content.reservierung p.small {
	color: #a9a9a9;
	font-family: 'scala_sans';
    font-size: 15px;
    line-height: 18px;
    margin: 10px 0 0 0;
}
#content.reservierung #gutschein-block p {
	color: #595c57;
	font-family: 'scala_sans';
    font-size: 17px;
    line-height: 25px;
    margin: 0 0 30px;
}
#content.reservierung p em {
    color: #60615e;
    font-family: 'scala_sans';
    font-size: 23px;
    font-style: normal !important;
    letter-spacing: 1px;
    line-height: 32px;
}
.content-box-hotel-inner .wpcf7-form {
	margin:0 5%;
}
.wpcf7-form .form-element:nth-child(even) {
	float:left;
	width:48%;
	margin:0 2% 30px 0;
	min-height:55px;
}
.wpcf7-form .form-element:nth-child(odd) {
	float:left;
	width:48%;
	margin:0 0 30px 2%;
	min-height:55px;
}
.wpcf7-form .form-element-gs:nth-child(odd) {
	float:left;
	width:48%;
	margin:	0 2% 30px 0;
	min-height:55px;
}
.wpcf7-form .form-element-gs:nth-child(even) {
	float:left;
	width:48%;
	margin:0 0 30px 2%;
	min-height:55px;
}
.wpcf7-form .form-element-gs.billing {
	width:100%;
	margin:0 0 30px 0;
	min-height:1px;
} 
.wpcf7-form .form-element-gs.billing label {
	color: #595c57;
	font-family: 'scala_sans';
    font-size: 17px;
}
.wpcf7-form .form-element-gs.billing label input {
	margin-right:10px;
} 
.wpcf7-form .form-element-gs.billing-title {
	width:100%;
	margin:30px 0 10px 0;
	min-height:1px;
}
.wpcf7-form .form-element.full {
	width:100%;
	margin:0;
}
.wpcf7-previous {
	min-width:170px;
	height:67px !important;
	font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:67px !important;
	color:#a4a29f !important;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin:40px 0 0 0 !important;
	background:#dadada !important;
	letter-spacing:2px;
	padding:0 25px !important;
	border:none !important;
	float:left;
	-webkit-appearance:none;
	border-radius:0;
}
.hotelgutscheine-schritt-2 .wpcf7-form .wpcf7-submit, .restaurantgutscheine-schritt-2 .wpcf7-form .wpcf7-submit, .wertgutscheine-schritt-2 .wpcf7-form .wpcf7-submit, .sorgenlos-paket-schritt-2 .wpcf7-form .wpcf7-submit {
	float:right;
	background:#b6b5b2;
	color:#fff;
	min-width:170px;
}

#gutschein-block {
	background:#eee;
	margin:0 -12.5% 30px -12.5%;
	padding:30px 12.5% 30px 12.5%;
}
.reservierung-tagenundfeiern .wpcf7-form .form-element:nth-child(8), .reservierung-tagenundfeiern .wpcf7-form .form-element:nth-child(9) {
	margin-top:30px;
}

.accordion {
	margin:0 5%;
}
.accordion h3 {
	font-family: 'scala_sans';
    font-size: 17px;
    line-height: 25px;
	color:#5e90cb;
	cursor:pointer;
}
.accordion .accordion-content, .accordion p {
	font-family: 'scala_sans';
    font-size: 17px;
    line-height: 25px;	
    color: #595c57;
	margin:0 0 30px 0 !important;
}

.wpcf7-form .label, .cr_form label {
	font-family: 'scala_sans';
	font-size:17px;
	color:#595c57;
	margin:0 0 7px 0;
	display:block;
}
.content-box-hotel-inner .wpcf7-form .label {
	color:#fff;
}
.cr_form label {
	color:#595c57;
}
.wpcf7-form .label.nachricht {
	margin:20px 0 7px 0;
}
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-email, .wpcf7-form .wpcf7-dynamictext {
	width:93%;
	padding:1% 2.5% !important;
	min-height:22px;
	border:1px solid #c1c1c1;
	border-radius:0;
	-webkit-appearance:none;
	font-family: 'scala_sans';
	font-size:17px;
	color:#595c57;
}
.wpcf7-form .veranstaltung {
	display: block;
	margin:0 0 30px 0;
}
.wpcf7-form .wpcf7-radio {
	display: block;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item {
	display: inline-block;
	width:50%;
	margin:0 0 5px 0;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item-label {
	font-family: 'scala_sans';
	font-size:17px;
	color:#595c57;
}
.content-box-hotel-inner .wpcf7-form .wpcf7-radio .wpcf7-list-item-label {
	color:#fff;
}
span.wpcf7-list-item {
    margin-left:0 !important;
}
.cr_form .cr_ipe_item input[type="text"] {
	width:93%;
	padding:1% 2.5% !important;
	min-height:22px;
	border:1px solid #c1c1c1;
	border-radius:0;
	-webkit-appearance:none;
	font-family: 'scala_sans';
	font-size:17px;
	color:#595c57;
}
.cr_form .cr_ipe_item input[type="radio"] {
	margin:0 5px 15px 0;
}
.wpcf7-form select {
	width:98.5%;
	max-width:98.5%;
	border:1px solid #c1c1c1;
	border-radius:0;
	-webkit-appearance:none;
	-moz-appearance: none;
    appearance: none;
	font-family: 'scala_sans';
	font-size:17px;
	color:#595c57;
	padding:1px 30px 2px 1%;
  	background-color:white;
  	background-image:url(images/select-arrow.png);
  	background-position: right;
  	background-repeat: no-repeat;
	cursor:pointer;
}
.wpcf7-form select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
#content.reservierung .wpcf7-form .anzpers select {
	min-width:30%;
	width:auto;
}
.wpcf7-form .strasse .wpcf7-text, .wpcf7-form .strassereg .wpcf7-text {
	width:73%;
	padding:1% 2.5% !important;
}
.wpcf7-form .nummer .wpcf7-text, .wpcf7-form .nummerreg .wpcf7-text {
	width:12.5%;
	padding:1% 2.5% !important;
}
.wpcf7-form .wpcf7-textarea {	
	width:97.1%;
	max-width:97.1%;
	height:120px;
	border:1px solid #c1c1c1;
	padding:3px 1% !important;
	border-radius:0;
	-webkit-appearance:none;
	font-family: 'scala_sans';
	font-size:17px;
	color:#595c57;
}
.wpcf7-form #gutschein-block .wpcf7-text {
	width:94.1%;
	padding:1% 2.5% !important;
}
.wpcf7-form #gutschein-block .wpcf7-textarea {	
	width:97.1%;
	max-width:97.1%;
	height:auto;
	min-height:90px;
	padding:3px 1% !important;
}
.wpcf7-form .wpcf7-submit, button.cr_button {
	font-family: 'scala_sans_bold';
	font-size:16px;
	line-height:65px;
	color:#a4a29f;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin-top:40px;
	padding:0 25px;
	background:#dadada;
	letter-spacing:2px;
	border:none;
	border-radius:0;
	-webkit-appearance:none;
	cursor:pointer;
} 

.wpcf7-not-valid-tip {
	display:none !important;
}
.wpcf7-validates-as-required.wpcf7-not-valid {
	border:1px solid #f00 !important;
}
div.wpcf7-validation-errors {
    border: 2px solid #f00 !important;
	color:#f00;
	font-family: 'scala_sans_bold';
    font-size:17px;
	line-height:20px;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
	color:#398f14;
	font-family: 'scala_sans_bold';
    font-size:17px;
	line-height:20px;
}
div.wpcf7-response-output {
    margin: 2em 0 1em 0 !important;
    padding: 10px 1em !important;
}

#imapper1-pin1, #imapper1-pin3, #imapper1-pin5, #imapper1-pin11 {
	-webkit-filter: brightness(150%);
    filter: brightness(150%);
}
#video {
	position: relative;
	padding-bottom: 53%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content-below-text img {
	margin-top:20px;
}
.content-below-text #galleryWrap img {
	margin-top:0;
}
#galleryWrap {
	margin-top:20px;
}
#galleryWrap div {
	float:left;
	width:18.4%;
	margin:0 0 2% 2%;
}
#galleryWrap div:nth-child(5n+1) {
	margin:0 0 2% 0;
}

.gallery {
	margin:0 5% 25px 5% !important;
}
.gallery .gallery-item {
    margin-top: 5px !important;
}
.gallery img {
    border:none !important;
}

#footer-top {
	background:#fff;
	padding:50px 0;
}
#footer-top #footer-widgets {
	max-width:1155px;
	margin:0 auto;
}
#footer-top #footer-widgets .widget-container:nth-child(1), #footer-top #footer-widgets .widget-container:nth-child(3), #footer-top #footer-widgets .widget-container:nth-child(4), #footer-top #footer-widgets .widget-container:nth-child(6) {
	width:30.333%;
	float:left;
	margin:10px 1.5%;
}
#footer-top #footer-widgets .widget-container:nth-child(2), #footer-top #footer-widgets .widget-container:nth-child(5) {
	width:30.333%;
	float:left;
	margin:10px 1.5%;
}
#footer-top #footer-widgets .widget-container:nth-child(4) {
	clear: both;
}
#footer-top p, #footer-top table {
	font-family: 'scala_sans';
	font-size:17px;
	line-height:25px;
	color:#595c57;
}
#footer-top p strong {
	font-family: 'scala_sans_bold';
	font-weight:normal;
}
#footer-top a {
	color:#595c57;
	text-decoration:none;
}
#footer-bottom {
	background:#595c57;
}
#footer-bottom #footer-logo img {
	margin:0 auto;
	padding:60px 0 30px 0;
	display:block;
}
#footer-bottom p {
	font-family: 'scala_sans_bold';
	font-size:13px;
	line-height:20px;
	color:#b5b3b1;
	text-align:center;
	padding:20px 20px 45px 20px;
	letter-spacing:2px;
	text-transform:uppercase;
}
#footer-menu ul {
	text-align:center;
}
#footer-menu ul li {
	display:inline-block;
	margin:0 15px;
}
#footer-menu ul li a {
	font-family: 'scala_sans';
	font-size:16px;
	line-height:60px;
	color:#fff;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	letter-spacing:2px;
}
#footer-menu ul li a:hover {
	color:#b5b3b1;
}
#footer-menu ul li .sub-menu {
	display:none;
}

.flexslider, .flexslider-other {
  	margin: 0 !important;
  	border: none !important;
  	border-radius: 0 !important;
  	box-shadow: none !important;
}
#slider-outer .flexslider .slides img, #slider-outer .flexslider-other .slides img {
	max-height:440px;
	width:auto !important;
	margin-left:auto;
	margin-right:auto;
}
.content-box-restaurant-img #slider-outer .flexslider .slides img {
	max-height:530px;
}

.wbe-wrapper-container {
	font-family: 'scala_sans' !important;
    font-size: 17px !important;
    line-height: 25px !important;
}
.wbe-headerContent, .wbe-overlay-menu, .wbe-infoBox-container {
    background: #595c57 !important;
}
div.wbe-features-advantage {
    background-color: #99aabe !important;
}
.wbe-infoBox-buttons-book {
    background-color: #b6b5b2 !important;
}
.wbe-roomHeader-calendar-border {
    border: none !important;
    border-radius:0 !important;
	background:none !important;
}

.menu-btn, #header-img.mobile, .mobile-gallery {
	display:none;
}
.mobile-home {
	display:none !important;
}

.gallery .gallery-item {
    width: 24% !important;
	margin-left:0.5%;
	margin-right:0.5%;
}

@media only screen and (max-width:1560px) {
.anfrage, .newsletter {
    right: 2.5% !important;
}
.jobs {
    left: 5% !important;
}
}
@media only screen and (max-width:1440px) {
#buchen {
    padding: 0 15px;
    width: 150px;
}
#menu ul {
	display:inline-block;
	float:right;
}
.anfrage, .newsletter, .jobs {
    display: none;
}
#cart {
	display: none;
}
}
@media only screen and (max-width:1120px) {
#menu div {
	display:none;
}
.mobile-home {
	display:block !important;
}
.menu-btn {
	display:block;
	position:fixed;
	right:20px;
	top:16px;
	cursor:pointer;
	z-index: 8009;
}
#buchen {
	display:block !important;
	position:fixed;
	left:0px;
	top:0px;
}
#logo-home {
    top:20%;
}
#content-block-hotel, #content-block-zimmer, .single-umgebung #content-block, .single-hochzeitsangebot #content-block, .single-zimmer-suiten #content-block, .content-box-tagenfeiern, .content-box-kontakt {
	width:100%;
}
.content-box-hotel-img #slider-outer, .content-box-restaurant-img #slider-outer, .content-box-zimmer-img #slider-outer, .single-umgebung .content-box-img #slider-outer, .single-hochzeitsangebot .content-box-img #slider-outer, .single-zimmer-suiten .content-box-img #slider-outer {
    left: 0;
    width: 100%;
}
.lightbox-button, .content-box-restaurant-right .lightbox-button {
    right: 30px;
}
}
@media only screen and (max-width:1023px) {
#welcome-box-inner {
}
#welcome-box-inner .welcome-box-img {
    width: 100%;
	display: table-footer-group;
}
#welcome-box-inner .welcome-box-img img {
    display: block;
    width: 70%;
	max-width:70%;
	margin-left:auto;
	margin-right:auto;
}
.home #welcome-box-inner .welcome-box-img img {
    width: 55%;
	max-width:55%;
}
#welcome-box-inner .welcome-box-text {
	display: table-header-group;
}
#welcome-box-inner .welcome-box-text .header {
    padding:40px 4% 0 4%;
    width: 92%;
}
#welcome-box-inner .welcome-box-text .entry-content {
    padding:0 4% 40px 4%;
    width: 92%;
}
}

.content-box-restaurant-left, .content-box-restaurant-right {
    float: none;
    width: 100%;
}
.content-box-restaurant {
    padding-top:0;
}
.content-box-restaurant-right .content-box-restaurant-img, .content-box-restaurant-img #slider-outer, .page-template-page-restaurant .flexslider .slides li {
	background:#f6f6f6 !important;
}
.angebot-box, .angebot-box.second {
	margin:0;
	float:none;
	width:100%;
    max-width: 100%;
}
#content-block-restaurant {
    padding-bottom: 0;
}
.content-box-restaurant-right .content-box-restaurant-img {
    height: auto;
}
.content-box-restaurant-img #slider-outer {
	display:none;
}
.content-box-restaurant-img .mobile-gallery {
	display:block;
	margin:20px 10%;
}
.content-box-restaurant-img .mobile-gallery .gallery-box {
	float:left;
	margin:0 0 1.5% 1.5%;
	width:22%;
}
.content-box-presse-text, #content-block-presse {
	padding-bottom:0;
}
.content-box-presse-text {
	display:table;
}
.content-box-presse-text-left {
    float: none;
	display:table-cell;
}
.content-box-presse-text-right {
    float: none;
	display:table-cell;
    min-height:auto;
}
}
@media only screen and (max-width:910px) {
.content-box-hotel.impressionen .content-box-hotel-inner {
	width:100%;
}
#arrangements-block .arrangement-box.big, #events-block .events-box.big, #shop-block .events-box.big {
    width: 96.9697%;
}
#arrangements-block .arrangement-box.small, #events-block .events-box.small, #shop-block .events-box.small {
    width: 46.9697%;
}
.content-box-kontakt-left {
    float: none;
    padding: 70px 0 50px;
    width: 100%;
}
.content-box-kontakt-right {
    float: none;
    width: 100%;
}
.content-box-kontakt-right .map {
	float:right;
	width:50%;
	text-align:right;
}
.content-box-kontakt-right .adresse {
	float:left;
	width:50%;
}
.content-box-kontakt {
    padding-bottom:0;
}
}
@media only screen and (max-width:800px) {
.facetwp-type-checkboxes {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.content-box-presse-text {
	display:block;
}
.content-box-presse-text-left {
	display:block;
	width:100%;
}
.content-box-presse-text-right {
	display:block;
	width:100%;
}
#footer-top #footer-widgets .widget-container:nth-child(2) {
    width: 29.3027%;
}
#footer-top #footer-widgets .widget-container:nth-child(3) {
    width: 25.3027%;
}
.content-box-presse-text-left h2, .content-box-presse-text-left p, .content-box-presse-text-right h2, #pt-block {
    margin-left:7.14286%;
    margin-right:7.14286%;
}
.page-template-page-presse #container {
	background:#fff !important;
}
.page-template-page-presse #content #logo {
	display:none;
}
.content-box-presse-text {
    padding-top: 0;
}
.content-box-presse-text-left, .content-box-presse-text-right, .content-box-presse-bilder {
    padding: 35px 0 25px;
}
.content-box-presse-bilder-logo .alignleft {
	float:none;
	display:block;
}
.content-box-presse-bilder-logo-right img {
	margin: 0 30px 38px 0;
}
}
@media only screen and (max-width:767px) {
.down-arrow {
    bottom: 10px;
}
.content-box-hotel.impressionen {
	display:none;
}
.content-box-presse-bilder #gallery .gallery-box {
	margin:0 0 1.5% 1.5%;
	width:22%;
}
.content-box-presse-bilder #gallery .gallery-box:nth-child(6n+1) {
	margin:0 0 1.5% 1.5%;
}
.content-box-presse-bilder #gallery .gallery-box:nth-child(4n+1) {
	margin:0 0 1.5% 0;
}
#footer-top #footer-widgets .widget-container:nth-child(1) {
    margin: 60px 2% 15px 2% !important;
}
#footer-top #footer-widgets .widget-container:nth-child(3) {
    margin: 30px 2% 60px 2% !important;
}
#footer-top #footer-widgets .widget-container {
    float: none;
    margin: 15px 2% !important;
    width: 96% !important;
	text-align:center;
}
}
@media only screen and (max-width:700px) {
.no-header-img #logo, .page-template-default #content #logo, .page-template-page-sommer #content #logo, .page-template-page-reservierung #content #logo {
	margin-bottom:25px;
}
.content-box-presse-text, .content-box-kontakt {
    padding-top: 0;
}
#content-block, #content-block-hotel, #content-block-zimmer, .single-umgebung #content-block, .single-hochzeitsangebot #content-block, .single-zimmer-suiten #content-block, .content-box-tagenfeiern, .content-box-kontakt, #arrangements-block .facetwp-template, #events-block, #shop-block {
    padding-bottom: 0;
}
.content-box.slider {
	width:100%;
}
.content-box.left, .content-box.right, .content-box.slider, .content-box-hotel, .content-box-zimmer, .content-box-restaurant, .single-umgebung .content-box, .single-hochzeitsangebot .content-box, .single-zimmer-suiten .content-box, .content-box-presse-bilder {
	margin-top:0;
}
.content-box-hotel.left .content-box-hotel-inner, .content-box-hotel.umgebung .content-box-hotel-inner, .single-umgebung .content-box-inner, .content-box-hotel.hochzeitsangebot .content-box-hotel-inner, .single-hochzeitsangebot .content-box-inner, .single-zimmer-suiten .content-box-inner {
    float: none;
    padding: 35px 0 25px 0;
    width: 100%;
}
.content-box-hotel.left .content-box-hotel-img, .content-box-hotel.right .content-box-hotel-img, .content-box-hotel.umgebung .content-box-hotel-img, .single-umgebung .content-box-img, .content-box-hotel.hochzeitsangebot .content-box-hotel-img, .single-hochzeitsangebot .content-box-img, .single-zimmer-suiten .content-box-img, .content-box-zimmer-left {
    float: none;
    width: 100%;
}
.content-box-hotel, .content-box-zimmer, .content-box-restaurant, .single-umgebung .content-box, .single-hochzeitsangebot .content-box, .single-zimmer-suiten .content-box, #arrangements-block .facetwp-template, #events-block, #shop-block {
    padding-top: 0 !important;
}
.content-box-hotel.left .content-box-hotel-img, .content-box-hotel.right .content-box-hotel-img, .content-box-hotel.umgebung .content-box-hotel-img, .single-umgebung .content-box-img, .content-box-hotel.hochzeitsangebot .content-box-hotel-img, .single-hochzeitsangebot .content-box-img, .single-zimmer-suiten .content-box-img, .content-box-zimmer .content-box-zimmer-img {
	height:auto;
	background:#F6F6F6;
}
.content-box-hotel-img img {
	display: block;
}
#slider-outer {
	display:none;
}
.mobile-gallery {
	display:block;
	margin: 30px 5%;
}
.mobile-gallery .gallery-box, .content-box-restaurant-img .mobile-gallery .gallery-box {
	float:left;
	width:31.3%;
	margin:1.5% 0 1.5% 3%;
}
.mobile-gallery .gallery-box:nth-child(3n+1), .content-box-restaurant-img .mobile-gallery .gallery-box:nth-child(3n+1) {
	margin:1.5% 0;
}
.content-box-hotel.right .content-box-hotel-inner {
	float:none;
	width:100%;
    padding: 35px 0 25px 0;
}
.content-box-zimmer-zitat {
    float: none;
    padding: 35px 0;
    width: 100%;
}
.content-box-zimmer-zitat h3, #arrangements-block .arrangement-box h2.black, #events-block .events-box h2.black, #shop-block .events-box h2.black, #arrangements-block .arrangement-box .black p, #events-block .events-box .black p, #shop-block .events-box .black p, #events-block .events-box .datum.black, #shop-block .events-box .datum.black {
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.aule, .in {
    float: none;
    width: 100%;
}
#arrangements-block .facetwp-template, #events-block, #shop-block {
    padding-top: 60px;
}
.content-box-zimmer-right {
    float: none;
    width: 100%;
}
#events-block .events-box.big, #shop-block .events-box.big {
    margin-bottom: 0;
}
.content-box-kontakt-right .map {
	float:none;
	width:100%;
	text-align:left;
}
.content-box-kontakt-right .adresse {
	float:none;
	width:100%;
}
#content.reservierung, .page-template-default #content, .page-template-page-sommer#content, .error404 #content {
    padding: 0;
}
#content.reservierung article, .page-template-default article, .page-template-page-sommer article, .error404 article {
    margin: 0 auto;
}
#arrangements-block .arrangement-box.small, #events-block .events-box.small, #shop-block .events-box.small, #arrangements-block .arrangement-box.big, #events-block .events-box.big, #shop-block .events-box.big {
    width: 100%;
	margin:0;
}
#events-block .events-box.big .datum, #shop-block .events-box.big {
    padding: 0 11.4286% 20px;
}
#arrangements-block .arrangement-box.big h2, #events-block .events-box.big h2, #shop-block .events-box.big h2, #arrangements-block .arrangement-box.big p, #events-block .events-box.big p, #shop-block .events-box.big p {
    padding: 0 11.4286% 30px;
}
#arrangements-block .arrangement-box.big a.button, #events-block .events-box.big a.button, #shop-block .events-box.big a.button {
    margin: 20px 11.4286% 15px;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item {
    width: 100%;
}	
#lead-box-inner p {
	margin:0 5% 20px 5%;
}
body {
	position: relative;
}
}
@media only screen and (max-width:680px) {
.content-box-hotel-img img{
	width:680px;
	height:auto;
	}

}
@media only screen and (max-width:568px) {
#header-img.mobile {
	display:block;
}
#header-img.desktop {
	display:none;
}
#logo-home {
    top: 50%;
	margin-top:-62px;
}
#logo-home img {
    width: 160px;
}
.home .flex-control-nav, .page-template-page-restaurant #header-img .flex-control-nav {
    bottom: 10% !important;
}
.down-arrow {
	display:none;
}
#header-img .flex-control-paging li a {
    border-radius: 11px !important;
    height: 5px !important;
    width: 5px !important;
	margin:0 3px !important;
}
.content-box-hotel a.button {
	display:inline-block;
	margin:20px 0 20px 5%;
}
.content-box-hotel a.button.second, .content-box-zimmer.tf a.button.second {
	clear:both;
	margin:0 0 0 5%;
}
.home #welcome-box-inner .welcome-box-img img, #welcome-box-inner .welcome-box-img img {
    width: 80%;
	max-width:80%;
}
.content-box-kontakt-right h3, .content-box-restaurant-right h3 {
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
	line-height:38px;
}
.wpcf7-form .form-element, .wpcf7-form .form-element:nth-child(2n), .wpcf7-form .form-element:nth-child(2n+1), .wpcf7-form .form-element-gs, .wpcf7-form .form-element-gs:nth-child(2n), .wpcf7-form .form-element-gs:nth-child(2n+1) {
    float: none;
    margin: 0 0 30px 0;
    width: 100%;
}
.content-box-presse-bilder #gallery .gallery-box, .content-box-restaurant-img .mobile-gallery .gallery-box {
	margin:0 0 1.5% 1.5%;
	width:30.3%;
}
.content-box-presse-bilder #gallery .gallery-box:nth-child(6n+1), .content-box-restaurant-img .mobile-gallery .gallery-box:nth-child(6n+1) {
	margin:0 0 1.5% 1.5%;
}
.content-box-presse-bilder #gallery .gallery-box:nth-child(4n+1), .content-box-restaurant-img .mobile-gallery .gallery-box:nth-child(4n+1) {
	margin:0 0 1.5% 1.5%;
}
.content-box-presse-bilder #gallery .gallery-box:nth-child(3n+1), .content-box-restaurant-img .mobile-gallery .gallery-box:nth-child(3n+1) {
	margin:0 0 1.5% 0;
}
.content-box-hotel .content-box-hotel-inner h2, .content-box-zimmer .content-box-zimmer-inner h2, .single-umgebung .content-box-inner h1, .single-hochzeitsangebot .content-box-inner h1, .single-zimmer-suiten .content-box-inner h1, .content-box-restaurant-left .content-box-restaurant-inner h2, .content-box-tagenfeiern-inner h3, #content.reservierung h1, .page-template-default #content h1,  .page-template-page-sommer #content h1, span#webbi_caption_text, .angebot-box h2, .error404 #content h1 {
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.hotelgutscheine-schritt-2 .wpcf7-form .wpcf7-submit, .restaurantgutscheine-schritt-2 .wpcf7-form .wpcf7-submit, .wertgutscheine-schritt-2 .wpcf7-form .wpcf7-submit, .sorgenlos-paket-schritt-2 .wpcf7-form .wpcf7-submit {
	float:none;
	margin-top:20px;
}
.content-box-zimmer-inner a.button.darker {
	margin-top:20px;
}
#footer-menu ul li {
    display: block;
    margin: 0 15px;
}
#footer-menu ul li a {
    line-height: 30px;
}
.gallery .gallery-item {
    width: 49% !important;
	margin-left:0.5%;
	margin-right:0.5%;
}
.gallery br {
	clear:none !important;
}
}
@media only screen and (max-width:420px) {
.content-box-hotel.umgebung .content-box-hotel-inner ul.umenu li, .content-box-hotel.hochzeitsangebot .content-box-hotel-inner ul.umenu li, .content-box-zimmer .content-box-zimmer-inner ul.zsmenu li, .single-umgebung .content-box-inner ul.umenu li, .single-hochzeitsangebot .content-box-inner ul.umenu li, .single-zimmer-suiten .content-box-inner ul.zsmenu li {
    float: none;
    margin: 0 0 20px 0;
}
#header-img.mobile {
	padding-top: 55px;
}
.content-box-presse-bilder-logo-left, .content-box-presse-bilder-logo-right {
    float: none;
    margin-right: 0;
    width: 100%;
}
.content-box-presse-bilder-logo-right {
	margin-top:40px;
}
.content-box-presse-bilder-logo-left img {
	margin: 0 30px 15px 0;
}
.content-box-presse-bilder-logo-right img {
	margin: 0 30px 23px 0;
}
.mobile-gallery .gallery-box, .content-box-restaurant-img .mobile-gallery .gallery-box {
	width:48%;
	margin:1.5% 0 1.5% 3%;
}
.mobile-gallery .gallery-box:nth-child(3n+1), .content-box-restaurant-img .mobile-gallery .gallery-box:nth-child(3n+1) {
	margin:1.5% 0 1.5% 3%;
}
.mobile-gallery .gallery-box:nth-child(2n+1), .content-box-restaurant-img .mobile-gallery .gallery-box:nth-child(2n+1) {
	margin:1.5% 0;
}
#lead-box-inner h1 {
    margin: 0 20px 30px 20px;
}
.gallery .gallery-item {
	float:none;
    width: 100% !important;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
}

/*! Pushy - v1.0.0 - 2016-3-1
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.pushy {
  position: fixed;
  width: 200px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #EBEAEA;
  overflow: auto;
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  padding: 15px 20px;
  outline: 0;
	font-family: 'scala_sans';
	font-size:16px;
	color:#676864;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	letter-spacing:2px;
}
.pushy ul:first-child {
  margin-top: 10px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}
.pushy .sub-menu {
	display:none;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left #wrapper,
.pushy-open-left .push {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-open-right #wrapper,
.pushy-open-right .push {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.newsletter {
	width:200px;
	top:5px;
	right:2%;
	position: absolute;
	-webkit-transform: rotate(6deg); 
	-moz-transform: rotate(6deg); 
	transform: rotate(6deg);
	text-decoration: none;
}
.newsletter h1:link {
	text-decoration: none;
}
.newsletter h1 {
	font-size:140%; 
	background: none repeat scroll 0 0 #77933c;
	color: #FFFFFF;
	text-align:center;
	padding: 10px 20px 10px 20px; 
	z-index:99999999; 
	margin: 20px 0 0 0; 
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
	text-decoration: none;
}
.newsletter h2 {
	font-size:140%; 
	background: none repeat scroll 0 0 #eb713d;
	color: #FFFFFF;
	text-align:center;
	padding: 10px 20px 10px 20px; 
	z-index:99999999; 
	margin: 5px 0 0 0; 
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
	text-decoration: none;
	display:block;
}

.anfrage {
	position: absolute;
	top:5px;
	right:10%;
    -webkit-transform: rotate(15deg); 
    -moz-transform: rotate(15deg); 
    transform: rotate(15deg); 
}

.jobs {
	position: absolute;
	top:50px;
	left:160px;
	z-index: 999999;
    -webkit-transform: rotate(-15deg); 
    -moz-transform: rotate(-15deg); 
    transform: rotate(-15deg);
}

#wetter-box {
	position:absolute;
	top:0;
	left:0;
	z-index:99999;
	background: rgba(167, 197, 0, 0.9);
	width:200px;
	color:#fff;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
}
#wetter-box div {
	display:table;
}
#wetter-box h2 {
    font-family: 'scala_sans';
	font-weight: bold;
	font-size:16px;
	color:#fff;
	letter-spacing: 1px;
}
#wetter-box .currently {
    font-family: 'scala_sans';
	font-size:16px;
	color:#fff;
}
#wetter-box .text {
 	display:table-cell;
	width:105px;
	vertical-align:middle;
}
#wetter-box .text .temp {
    font-family: 'scala_sans';
	font-size:28px;
	margin:0 0 5px 0;
	display:block;
}
i {
 font-family: 'weather';
 font-size: 100px;
 color:#fff;
 	display:table-cell;
	width:100px;
	vertical-align:middle;
}
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

/* woocommerce shopping cart menu */
#cart {
	position:absolute;
	top:15px;
	right:20%;
	text-align:center;
	padding:0 1%;
	width:50px;
	text-decoration: none;
	z-index:99999999;
}
.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:28px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
	color: #fff;
	text-decoration: none;
}
.cart-contents {
	text-decoration: none;
}
.cart-contents a{
	text-decoration: none;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #2ecc71;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}

