/*
Theme Name: trend media - landingpage
Theme URI: http://www.trend-media.com
Author: trend media
Author URI: http://www.trend-media.com
Description: Trend Media Landingpage Template
Version: 1.0.0
*/

/* Reset --------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,m,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
footer{
	z-index:999
}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#9CA609;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:5px 0;padding:0}
input,select{vertical-align:middle}

/* Defaults --------------------------------------------- */
body{font:16px/26px Arial, sans-serif;*font-size:small}
select,input,textarea,button{font:93% sans-serif}
.pre,code,kbd,samp{font-family:monospace,sans-serif}
body,select,input,textarea{color:#000;font-family:Arial, sans-serif}
h1,h2,h3,h4,h5,h6{font-weight: 300;color: #484848;padding-bottom: 10px;font-size: 24px;}
html{overflow-y:scroll}
a:hover,a:active{outline:none;text-decoration:underline}
a,a:active,a:visited{text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style-type:none}
ol{list-style-type:decimal}
nav ul,nav li{margin:0}
small{font-size:85%}
strong,th{font-weight:bold}
td,td img{vertical-align:top}
sub{vertical-align:sub;font-size:smaller}
sup{vertical-align:super;font-size:smaller}
pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
textarea{overflow:auto}
.ie6 legend,.ie7 legend{margin-left:-7px}
input[type=radio]{vertical-align:text-bottom;vertical-align:-webkit-baseline-middle;}
input[type=checkbox]{vertical-align:text-bottom;vertical-align:-webkit-baseline-middle;}
.ie7 input[type=checkbox]{vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
label,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
input:valid,textarea:valid{}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red}
::-moz-selection{background:#00ADEF;color:#fff;text-shadow:none}
::selection{background:#00ADEF;color:#fff;text-shadow:none}
button{ width:auto;overflow:visible}
img {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie8 #content img {width: inherit;}
.hidden{display:none;visibility:hidden}
.visuallyhidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
.invisible{visibility:hidden}
.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1}
.icon {position:relative;white-space:nowrap;}
.italic{font-style:italic}
.strong{font-weight:bold}
.left,.alignleft{float:left;}
.right,.alignright{float:right;}
.center,.aligncenter{display: block;clear: both;margin: 0 auto;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{text-align:center;}
p {margin-bottom: 1.25rem;}

/* Child - Theme Defaults --------------------------------------------- */
body,select,input,textarea{color:#3e3e3e;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
body {overflow-x:hidden;}

/* Framework --------------------------------------------- */
header{background: #eaf4ff;position: fixed;background: rgba(255, 255, 255, .78);top: 0;left: 0;width:95%;z-index:100;transition: top 0.8s ease 0s; -moz-transition: top 0.8s ease 0s; -webkit-transition: top 0.8s ease 0s;-o-transition: top 0.8s ease 0s;margin: 30px auto; }
header .wrapper{width:100%;max-width:1140px;margin:0 auto;}



/* Clearfix --------------------------------------------- */
header .header-top:after, header .header-bottom:after, #content:after, .sidebar form:after, footer .footer-blocks:after, footer .footer-nav:after, #anfragebar:after, .category_items:after,.catpost:after{content:"\0020";display:block;height:0;visibility:hidden;clear:both;}
header .header-top, header .header-bottom, #content, .sidebar form, footer .footer-blocks, footer .footer-nav, #anfragebar, .category_items,.catpost {zoom:1}

/* Anfrage --------------------------------------------- */

.anfrage_formular_short label{display:none;}
.anfrage_formular_short input[type=checkbox] {vertical-align:middle;display:inline-block;}
.anfrage_formular_short input[type=text], .anfrage_formular_short textarea{width:248px;}
.anfrage_formular_short select{width:268px;}
.anfrage_formular_short input.half {width:111px;}
.anfrage_formular_short input.half.calendar {width:111px;}
.anfrage_formular_short .icon {display:inline-block;}
.anfrage_formular_short button {float:right;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;}


/* Landingpage  --------------------------------------------- */
#landingpage #content {left: 0; margin: 21% auto 15px; max-width: 1140px; position: relative; right: 0; top: 30%; width: 95%; z-index: 99; }
#landingpage .tmplFullWidth #content-main {width: 100%; }
#landingpage .content .lp-grid-box .category_items {margin: 0!important }
#landingpage header {background: rgba(0, 0, 0, 0) ;position: relative;transition: none 0s ease 0s ;-webkit-transition: none 0s ease 0s ; }
#landingpage .header-bottom {position: relative; }
#landingpage.on-scroll .header-bottom {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-top: 0; position: relative; top: 0; transition: none 0s ease 0s ;-webkit-transition: none 0s ease 0s ; width: 100%; }
#landingpage #content .content article {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; }
#landingpage #slider .flex-direction-nav li {max-width: 100%; }
#landingpage #slideshow .flex-direction-nav .flex-next {background-position: -60px center; right: 10px; }
#landingpage #slider .flex-direction-nav {position: fixed !important; top:18%; z-index:10; }
#landingpage #content .content .caption {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-size: 20px; line-height: 36px; overflow: hidden; padding: 6px 20px 10px 0;color:#fff; }
#landingpage .ui-datepicker .ui-datepicker-header {background: #ff5500 none repeat scroll 0 0; }
#landingpage header .site-title img {float: left; margin: 0; width: 240px;height: auto; }
#landingpage #servicebar {display: none; }
#landingpage .flexslider.offer-slider {margin: 18% 0 0; }
#landingpage #lp-grid .flexslider,#landingpage  #lp-grid .sliderImage {position: relative; }
#lp-grid ul.boxen li a span.datum {background: rgba(0, 0, 0, 0) url("img/gray_jean.png") repeat scroll 0 0; font-size: 15px; position: absolute; right: 6%; top: 165px; transform: rotate(7deg); -webkit-transform: rotate(7deg);padding: 5px 7px !important;color:#484848}
#lp-grid ul.boxen li a span.freitext {box-sizing: border-box; -webkit-box-sizing: border-box; display: inline-block !important; font-size: 16px !important; line-height: normal !important; padding: 0 15px 15px; position: relative; display: none !important;}
 #lp-grid .boxen .wp-post-image {border: 6px solid #fff; margin: 95px 0 0 !important; width: 98%; }
#lp-grid .preis-info-details-box {box-sizing: border-box; -webkit-box-sizing: border-box; display: inline-block; line-height: normal; padding: 15px 0; width: 100%;text-align: center; }
#lp-grid ul.boxen li a span.preis {bottom: unset; color: #ffffff; float: left; font-size: 31px; left: unset; line-height: normal; padding: 11px !important; position: absolute; right: 28px; top: 19px; transform: rotate(7deg); }
#lp-grid .moreLinkoffer {border-radius: 0; color: #ffffff; display: inline-block; float: none; font-size: 18px; line-height: normal; margin-left: 9px; margin-right: 0; padding: 10px 12px; }

#lp-grid .add_to_button {background: #ff5500 none repeat scroll 0 0; color: #ffffff; cursor: pointer; display: inline-block; float: none; font-size: 18px; line-height: normal; margin-left: 9px; margin-right: 0; padding: 10px 12px; }

.lp-grid-box {display: inline-block; vertical-align: top; width: 60%; }
.lgb-right {float: right; width: 35%;min-width: 400px; }
#lp-grid span.offertitle {background: rgba(0, 0, 0, 0) url("img/gray_jean.png") repeat scroll 0 0; color: #484848; display: block; font-size: 24px; left: unset; line-height: normal; padding: 15px; position: absolute; right: 25px; top: 84px; transform: rotate(7deg); -webkit-transform: rotate(7deg); width: auto; }
#lp-grid .flex-control-paging li a {background: rgba(0, 0, 0, 0) url("img/gray_jean.png") repeat scroll 0 0;border-radius: 0; cursor: pointer; display: block; font-size: 20px; height: auto; padding: 12px 15px; text-decoration: none; text-indent: 0;color:#484848;margin-left: 10px; }
#lp-grid .flex-control-paging li a.flex-active {color: #ffffff; }
#lp-grid .flex-control-nav li {display: inline-block; float: left !important; margin: 0; }
#content-main.content #lp-grid ol {left: 0; margin-left: 0 !important; position: absolute; top: 0; }
#lp-grid .flex-control-nav {margin-top: -50px; }
#lp-grid ul.boxen li a span.preis, #lp-grid .moreLinkoffer, #lp-grid .flex-control-paging li a.flex-active, .lp-phone.icon.link-tel, .lp-phone.show-tel, .lp-email.icon.link-email, ul.buttonholder li a, #thenumber, #theemail{background: #9CA609}
#lp-grid button.ui-datepicker-trigger {display: none; }
#lp-grid .anfrage_formular_short {background: #4f4f4f; background: rgba(79, 79, 79, 0.77); box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 15px 15px; }
#lp-grid input[type=text], #lp-grid textarea, #lp-grid select {background-color: #fff; border: 1px solid #ffffff; color: #696969; font-size: 16px; margin-bottom: 12px; }
#lp-grid input[type=text], #lp-grid textarea, #lp-grid button {padding: 10px; }
/* #lp-grid textarea {height: 140px; }*/
#lp-grid textarea {height: 48px;display:block; }
#lp-grid select {width: calc(92% + 22px);}
#lp-grid .anfrage_formular_short input.half.calendar {width: 158px; }
#lp-grid .anfrage_formular_short input.half {width: 158px; }
#lp-grid #tm_anfrage_email_short,#lp-grid  #tm_anfrage_bemerkungen_short, #lp-grid #tm_anfrage_alter_kinder_short{width: 92%; }
#lp-grid .lp-checkbox {color: #ffffff; font-size: 16px; }
#lp-grid .lp-checkbox label {display:inline; }
#lp-grid .lp-checkbox > input {margin: -4px 5px 0 0; }
#lp-grid .cs-nl {color: #ffffff; }

#lp-grid .lp-inq-title {box-sizing: border-box;-webkit-box-sizing: border-box; color: #fff; font-size: 28px !important; padding: 14px 0 !important; text-align: center; }
#content .content #lp-grid .lp-inq-title .caption {line-height: 35px;color:#fff;font-size: 25px;text-align: center; }
#lp-grid .anfrage_formular_short button {background: #FF5500 url("img/arrow-right.png") no-repeat scroll 95% 50% / 10px auto; font-weight: normal; margin: 15px 0 0; padding-right: 24px; text-transform: none; }
#lp-grid .ui-datepicker .ui-datepicker-header {background: #ff5500 none repeat scroll 0 0; }
.lp-button {background: rgba(153, 207, 40, 0.82) none repeat scroll 0 0;box-sizing: border-box; -webkit-box-sizing: border-box; color: #ffffff; display: block; font-size: 22px; margin: 15px 0; padding: 15px; text-align: center; width: 100%; position: relative;text-decoration: none !important; }
.lp-button::after {background-image: url("img/mouse.png"); background-repeat: no-repeat; content: ""; height: 50px; position: absolute; right: 24px; top: 17px; width: 50px; }
.lp-button-box {text-align: right; }
#landingpage #main-nav li a {color: #484848; float: left; font-size: 17px; height: 50px; line-height: 53px; margin: 0 14px; text-decoration: none !important; }
#landingpage #main-nav { float: right; }
#landingpage #main-nav li:hover, #main-nav li.active {background-color: #9CA609; }
#landingpage #main-nav li:hover a, #main-nav li.active a {color: #fff; }
 .lp-content {background: rgba(0, 0, 0, 0) url("img/gray_jean.png") repeat scroll 0 0; margin: 20px 0 0; }
.lp-content .lp-grid-box { box-sizing: border-box;-webkit-box-sizing: border-box; padding: 20px; }
#content .content #lp-grid h1, #content .content #lp-grid h2, #content .content #lp-grid h3, #content .content #lp-grid h4, #content .content #lp-grid h5 {color: #484848; padding-bottom: 10px;font-size: 24px }
.lp-list li::before {content: url("img/ok.png"); margin-right: 9px; position: relative; top: 2px; }
#content-main ul.lp-list {list-style-type: none; padding: 0; }
.lp-list > li {line-height: 32px; }
.lp-phone.icon.link-tel, .lp-phone.show-tel {box-sizing: border-box; -webkit-box-sizing: border-box; color: #ffffff; display: inline-block; font-size: 21px; line-height: normal; padding: 14px 24px; text-align: center; text-decoration: none !important; width: auto; }
.lp-phone.show-tel { position: absolute;    top: 0;left: 0;width: 100%;height: 100%;z-index: 10;vertical-align: middle;line-height: 50px;background: ##9CA609 url("img/arrow-right.png") no-repeat scroll 85% 50% / 10px auto}
.lp-email.icon.link-email {box-sizing: border-box; -webkit-box-sizing: border-box; color: #ffffff; display: inline-block; font-size: 21px; line-height: normal; padding: 14px 24px; text-align: center; text-decoration: none !important; width: auto; }
#thenumber, #theemail {position: relative;display: inline-block; margin: 0 0 14px; text-align: center; width: 100%; }
.lp-email.icon.link-email::before {background: rgba(0, 0, 0, 0) url("img/lp-mail.png") no-repeat scroll 1px 0 / 30px auto; content: ""; height: 20px; left: -12px; position: absolute; top: 34%; width: 83px; z-index: 9; }
 .lp-phone.icon.link-tel::before {background: rgba(0, 0, 0, 0) url("img/lp-phone.png") no-repeat scroll 1px 0 / 31px auto; content: ""; height: 32px; left: -21px; position: absolute; top: 28%; width: 34px; z-index: 9; }
 #lp-grid .flexslider .slides > li {position: relative; }
#main-nav li {float: left; position: relative; transition: background 0.6s ease 0s; -webkit-transition: background 0.6s ease 0s; background: rgba(0, 0, 0, 0) url("img/gray_jean.png") repeat scroll 0 0;margin: 0 7px 0 0; }
#main-nav li:hover { background: #9CA609; }

#content-main.content #lp-grid a {text-decoration: none; }
footer {display: block; position: relative; width: 100%; }
.lp-grid-box-fullwidth {background: #D69F09;background:rgba(79, 79, 79, 0.77); none repeat scroll 0 0 box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; margin: 15px 0; padding: 15px; }
footer .footer-blocks a {color: #fff; }
ul.buttonholder li a{background: #9CA609 url("img/arrow-right.png") no-repeat scroll 79% 50% / 8px auto; box-sizing: border-box;-webkit-box-sizing: border-box; cursor: pointer; display: inline-block; float: left; margin: 0 5px 11px 0; padding: 8px; text-align: center; width: 48%; color: #fff}
ul.buttonholder li:nth-child(2n) a {float: right; margin-right: 0; }
.lp-content .lp-grid-box.lgb-right {padding: 20px 12px; }
.lp-grid-box.lgb-right.lgb-first-row {position: relative; top: -220px; }
.lp-phone.icon.link-tel > span {display: block; }
 .lp-grid-box-fullwidth {display: none; }
.highslide-html-content {padding:8px 5px 5px 5px!important;}
.hidden_gallery_container {display:none;}
 .lp-content .lp-grid-box img {width: 100%; height:auto; }

 

 /* mobile-nav --------------------------------------------- */

#mobile-nav {display:none;margin:10px auto 20px;width:100%;}
#mobile-nav ul {padding:0!important;margin:0!important}
#mobile-nav ul li{display:block;border-bottom: 1px solid #fff;}
#mobile-nav ul li a{padding: 7px 20px;display:block;color: #fff;text-decoration: none;background-color: #6b6a6a;background-color: rgba(107, 106, 106, .90);background-position: 95% 50%;background-repeat:no-repeat;font-size: 21px;}
.footer-blocks {background: rgba(255, 255, 255, 0.39) none repeat scroll 0 0; font-size: 13px; margin: 0 auto; max-width: 1140px; padding: 0 15px; text-align: center; width: 96%; box-sizing: border-box;-webkit-box-sizing: border-box;}
#mobile-nav ul ul {display:none;}
#mobile-nav ul ul li, #mobile-nav ul li:last-child{border-bottom:0;}
#mobile-nav ul ul li a{font-weight:normal;background-color: #e7e7e7;background-color: rgba(231, 231, 231, .90);}
#mobile-nav ul ul li a:hover{color: #731d1c;background-color: #e7e7e7;background-color: rgba(231, 231, 231, .90);}
#mobile-nav ul ul ul{display:block;}
#mobile-nav ul ul ul a{padding-left:40px;}
#mobile-nav ul li.has-children a, #mobile-nav ul li.has-children a:hover {background-position: 95%;}
div#mobile-nav ul li {background: none; padding: 0; }


 /* Formular --------------------------------------------- */
::-webkit-input-placeholder, :-moz-placeholder , ::-moz-placeholder, :-ms-input-placeholder {color:#696969;line-height: normal;}
input[type=text], textarea, button, select {background: none repeat scroll 0 0 #ffffff; border: 1px solid #858585; color: #696969; font-size: 16px; margin-bottom: 4px; }
input[type=text], textarea, button {line-height:24px;height:22px;padding:3px 10px;}
button {line-height:30px;height:30px;padding:0 10px;}
select {padding-right:0;height:30px;padding-left:10px;}
textarea{height:122px;}
button, input[type=submit] {background: none repeat scroll 0 0 #ff7b2f; border: 0 solid #858585; color: #ffffff; font-size: 17px; font-weight: bold; height: auto; line-height: normal; padding: 8px 9px 6px; text-align: center; text-transform: uppercase; vertical-align: top;transition: background 0.6s ease 0s;-0-transition: background 0.6s ease 0s;-webkit-transition: background 0.6s ease 0s;-webkit-transition: background 0.6s ease 0s; }
button:hover, input[type=submit]:hover {background: none repeat scroll 0 0 #736b6b;}
 
 /* flexslider --------------------------------------------- */
.flexslider, .sliderImage {height: auto;margin: 0;overflow: inherit;padding: 0;position: relative;width: 100%;webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;  }
#slider, #slider ul, #slider li, #slider img {display:block; width:100%;height:100%;position:absolute;top:0;left:0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img, .sliderImage {width: 100%; display: block; height: auto;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider .slides { zoom: 1; }
.flex-control-nav {width:100%;text-align: center;margin-top:10px;}
.flex-control-nav li {margin:0 6px;display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background:#fff;cursor: pointer;text-indent:-9999px;-webkit-border-radius:20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a.flex-active { background: #23160d;cursor: default; }
.flex-direction-nav {*height: 0;}
.flex-direction-nav .flex-next {background-position: -60px center; right: 10px; text-align: left; }
.flex-direction-nav .flex-prev {left: 10px;}
.flexslider:hover .flex-prev. .flexslider:hover .flex-next { opacity: 0.7; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a {top: 30%;background-repeat: no-repeat; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; height: 70px; margin: -30px 0 0; opacity: 0.4; overflow: hidden; position: absolute; text-indent: -99999px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); transition: all 0.3s ease 0s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; width: 34px; z-index: 2; }
#slider .slides img {display: block;position: fixed !important; z-index: 1;}
 
 /**************** jQuery.UI datepicker *****************************************/
.ui-datepicker {        border: 1px solid #858585;font-size:14px;background: #fff;margin-top:2px; z-index: 9999 !important;}
.ui-datepicker select {line-height: 22px;height: 22px;padding: 0 5px;margin: 0 2px;}
.ui-datepicker .ui-datepicker-header {position: relative;background:#912525;height:34px;color:#fff;text-align:center;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {position: absolute;top: 0;right: 0;width: 30px;height: 34px;line-height: 34px;text-align:center;cursor:pointer;color:#fff;}
.ui-datepicker .ui-datepicker-prev{right: auto;left:0;}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover {text-decoration:none;}
.ui-datepicker table {width: 240px;color:#1d1d1d;}
.ui-datepicker th,.ui-datepicker td {text-align:center;}
.ui-datepicker th {line-height: 20px;font-size: 12px;text-align: center;font-weight: bold;background:#8d8d8d;color:#fff;width:30px;}
.ui-datepicker td a, td.ui-datepicker-week-col, td.ui-state-disabled{}
.ui-datepicker td a {display:block;}
.ui-datepicker td a.ui-state-highlight {background:#b4b3b3;border-color: #b4b3b3;color:#fff;}
.ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-active {color:#fff;border-color: #8d8d8d;background: #8d8d8d;text-decoration:none;}


@media only screen and (min-width: 900px){
	.hasStickyItem #stickyItem {
		position:fixed;
		top:0;
	}
	
	.hasStickyItem .lp-content:after{
	   content: "";
	   clear: both;
	   display: table;
	}
	
	.hasStickyItem .lp-content .lp-grid-box {
		float:left;
	}
	
	.hasStickyItem .lp-content .lp-grid-box.lgb-right {
		float:left;
		clear:both;
	    padding: 0 20px 20px 20px;
		width: 60%;
	}
}


@media only screen and (max-width: 1500px){
	.lp-grid-box.lgb-right.lgb-first-row {top: -150px; }
}


@media only screen and (max-width: 1200px){
	.lp-grid-box.lgb-right.lgb-first-row {top: -80px; }


}


@media only screen and (max-width: 1100px){
	
	.lgb-right {min-width: 365px; } 
	#lp-grid .anfrage_formular_short input.half.calendar, #lp-grid .anfrage_formular_short input.half {width: 142px; }
	#lp-grid #tm_anfrage_email_short, #lp-grid #tm_anfrage_bemerkungen_short {width: 311px; }
	#lp-grid span.offertitle {font-size: 21px; padding: 9px 15px; }
	#lp-grid ul.boxen li a span.datum {top: 152px; }
	.lp-phone.icon.link-tel, .lp-email.icon.link-email {font-size: 19px; }
	.lp-phone.icon.link-tel::before {background-size: 21px; left: -5px; top: 29%; }
	.lp-email.icon.link-email::before {background-size: 22px; left: -7px; top: 37%; }
}

@media only screen and (max-width: 1010px){
	.lp-grid-box.lgb-right.lgb-first-row {top: 0; }
	.lgb-right {min-width: 330px; } 
	#lp-grid .anfrage_formular_short input.half.calendar, #lp-grid .anfrage_formular_short input.half {width: 125px; }
	#lp-grid #tm_anfrage_email_short, #lp-grid #tm_anfrage_bemerkungen_short {width: 278px; }
}

@media only screen and (max-width:  980px){
	.flex-direction-nav a {top: 50%;height: 35px;width: 20px;}	
	.flex-direction-nav .flex-next {background-position: -25px center;}
}

@media only screen and (max-width: 900px){
	.lp-grid-box {display: block; float: none !important; margin: 0 auto 40px !important; max-width: 755px !important; vertical-align: top; width: 100%; }
	.lp-grid-box.lgb-right {max-width: 480px !important; min-width: auto; width: 100% !important; }
	#lp-grid .anfrage_formular_short input.half.calendar, #lp-grid .anfrage_formular_short input.half, #lp-grid #tm_anfrage_email_short, #lp-grid #tm_anfrage_bemerkungen_short {width: 92%; }
	.anfrage_formular_short .icon {display: inline-block; width: 100%; }
	#landingpage header .site-title img {width: 155px; }
}


@media only screen and (max-width: 550px){
	#landingpage header .site-title img {width: 128px; }
 	#landingpage #main-nav li a {font-size: 16px; height: 45px; line-height: 45px; }
	#lp-grid span.offertitle {padding: 15px; position: relative; right: 0; top: 84px; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
 	#lp-grid ul.boxen li a span.datum {display: none; }
	#lp-grid ul.boxen li a span.preis {right: 7px; top: 30px; }
 	#landingpage #main-nav li a {font-size: 15px; height: 38px; line-height: 38px; margin: 0 8px; }
 	#lp-grid .boxen .wp-post-image {width: 96%; }

}


@media only screen and (max-width: 380px){
	#landingpage header .site-title img {width: 115px; }
 	#lp-grid ul.boxen li a span.preis {font-size: 25px; right: 7px; top: 40px; }
 	.lp-phone.icon.link-tel > span {display: block; }
 	#content .content #lp-grid .lp-inq-title .caption {font-size: 23px; }

}

/**************** Panoramahotel Huberhof *****************************************/

.postid-90 .postid-4 button {padding:5px 15px; background:#ccc; cursor:pointer;-webkit-border-radius: 5px; /* this is for chrome,safari */
border-radius: 5px;
color: #FF5500; 
font-size: 20px;
text-transform: uppercase; /* all capital */
position: relative;
padding-right: 160px !important;
}


.postid-90 .postid-4 button:after {
 content:'JETZT unverbindlich anfragen'; 
 visibility: visible;
 background-color: #FF5500;
 position: absolute;
 display: block;
 padding: 8px;
 top: 2px;
 color: #fff;
}

input.add_to_button {
    background: #FF5500 url(img/arrow-right.png) no-repeat scroll 95% 50% / 10px auto;
    font-weight: normal;
    margin: 0px 0 0;
    padding-right: 40px;
    text-transform: none;
    color: #fff;
    font-size: 27px;
	border: none;
	border-radius: 5px;
}



.highslide-wrapper input.add_to_button{display: none;}

.pano-banner-fc {
	display: block;
	position: relative;
	width: 100%;
	clear:both;
}


.pano-banner-fc img {
	width: 100%;
}

.pano-banner-fc {
	display: none;
}

.neuimg {width: 135px!important; margin-right: 10px; margin-top: 16px;}