/* Theme Name: tulperhof.com Theme URI: http://www.trend-media.com Author: trend media Author URI: http://www.trend-media.com Description: Trend Media Template - v2 Version: 2.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} 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} 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:18px/25px Arial, sans-serif;*font-size:small; background: rgba(0, 0, 0, 0) url("img/body-bg.png") repeat scroll 0 0;} body{overflow-x:hidden;} 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} 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;} .clear {clear: both;} /* font-face --------------------------------------------- */ @font-face { font-family: 'ElegantIcons'; src:url('fonts/ElegantIcons.eot'); src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('fonts/ElegantIcons.woff') format('woff'), url('fonts/ElegantIcons.ttf') format('truetype'), url('fonts/ElegantIcons.svg#ElegantIcons') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT_Sans-Web-Regular'; src:url('fonts/PT_Sans-Web-Regular.eot'); src:url('fonts/PT_Sans-Web-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/PT_Sans-Web-Regular.woff') format('woff'), url('fonts/PT_Sans-Web-Regular.ttf') format('truetype'), url('fonts/PT_Sans-Web-Regular.svg#PT_Sans-Web-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT_Sans-Web-Regular'; src:url('fonts/PT_Sans-Web-Regular.eot'); src:url('fonts/PT_Sans-Web-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/PT_Sans-Web-Regular.woff') format('woff'), url('fonts/PT_Sans-Web-Regular.ttf') format('truetype'), url('fonts/PT_Sans-Web-Regular.svg#PT_Sans-Web-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT_Sans-Web-Regular'; src: url('fonts/PTS75F-webfont.eot'); src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTS75F-webfont.woff') format('woff'), url('fonts/PTS75F-webfont.ttf') format('truetype'), url('fonts/PTS75F-webfont.svg#pt_sansbold') format('svg'); font-weight: bold; font-style: normal; } .anfrage_formular p.text {margin: 5px 0 15px 0;} p.text2 {display: block;margin-top: 10px;margin-bottom: 10px;font-size: 12px !important;line-height: 13px; color:#fff!important;} p.text2 a {color:#fff; text-decoration: underline!important} /* Child - Theme Defaults --------------------------------------------- */ body,select,input,textarea{color:#695a45;font-family:"PT_Sans-Web-Regular", Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;} #content-main.content a {text-decoration: underline;} #content-main.content a:hover {text-decoration: none;} a{color:#e16402} a.tel-link{color:#E16203;} /* Framework --------------------------------------------- */ header{position: relative;top: 0;left: 0;width:100%;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;} header .wrapper{width:96%;max-width:1360px;margin:0 auto;} #content {margin: 25px auto 100px; max-width: 1360px; position: relative; width: 90%; } #content.frontpage {margin: 0px auto 100px;max-width: 100%;} #content-main {float:left;width:65%;} #sidebar-right {float:right;width:410px; margin-top: 14px;} #sidebar-left {float:left;width:310px;margin:0 0 0 -1140px;} footer {position: relative;width:100%;} footer .wrapper {margin: 0 auto; max-width: 1360px; width: 96%; } .tmplSidebarLeftRight #content-main {width:400px;margin:0 0 0 370px;} .tmplSidebarLeftRight #sidebar-left {margin:0 0 0 -770px;} .tmplSidebarLeftRight #sidebar-right {margin:0;} .tmplSidebarLeft #content-main {margin:0 0 0 360px;} .tmplFullWidth #content-main {float:none;width:1040px;} /* 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} /* Header Styles --------------------------------------------- */ .fullpage-slider, .fullpage-slider ul, .fullpage-slider li {width:100%;height:100%;position:fixed;top:0;left:0;} .fullpage-slider img {display:block;margin: 0 auto;} .header-top .lang-select {float:right;font-size:12px;line-height:20px;margin-right:10px;} .header-top .lang-select li {float:left;width: 36px;height: 21px;background: no-repeat;margin: 10px 8px 0 0;} .header-top .lang-select a {display: block;width: 100%;height: 100%;text-indent: -99999px;} .header-top .lang-select span {display: block;text-indent: -99999px;} .header-top p {float:right;padding:0 20px;color:#e16203;font-size:17px;line-height:45px;} .header-top p a {color:#735933;} header .site-title img {float: left; margin: -45px 0 0 0; position: absolute; width: 225px; } .on-scroll header .header-top {display:none;} .on-scroll header .site-title img {height: auto; margin-top: 0; position: relative; width: 109px; } .on-scroll #main-nav {margin-top:0px; float: right;} .header-bottom {background: #FFBB1E;} #slideshow .shadow {position: absolute;width: 100%;left: 0;bottom: 0;height: 15px;z-index: 10;} .parallax_text {color: #ffffff; display: inline-block; font-size: 55px; font-weight: bold; line-height: normal; padding: 0 17px 5px; position: relative; text-shadow: 4px 3px 5px #000000; -webkit-text-shadow: 4px 3px 5px #000000; z-index: 10; } .para-text-box {bottom: 40%; height: 20px; position: absolute; text-align: center; width: 100%; z-index: 99; } #main-nav {float:right;} #main-nav li{float:left;position:relative;} #main-nav li:hover {background: no-repeat left bottom;} #main-nav li a {color: #ffffff; float: left; font-size: 23px; font-weight: bold; line-height: 84px; padding: 0 14px; text-decoration: none !important; text-transform: uppercase; } .on-scroll #main-nav li a {font-size: 20px; height: 62px; line-height: 67px; margin: 0 10px; } .on-scroll #main-nav ul ul li a {font-size: 16px; height: auto; line-height: 36px; margin: 0;} #main-nav li li a, #main-nav li.active li a{color:#fff;} #main-nav ul ul {display: none;position:absolute;top:84px;z-index:20;background:#E16203;background:rgba(225, 98, 3, 0.77) none repeat scroll 0 0;min-width:100%;} .on-scroll #main-nav ul ul {top: 62px;} #main-nav ul ul ul {top: 72px; } #main-nav ul li:hover ul {display: block;} #main-nav ul ul li {display:block;float:none;margin:0;} #main-nav ul ul li a {background: rgba(0, 0, 0, 0) none no-repeat scroll 10px center; display: block; float: none; font-size: 17px; font-weight: normal; height: auto; line-height: 35px; margin: 0 4px; padding: 0 15px; text-transform: none; white-space: nowrap; } #main-nav li.active a:hover, #main-nav li.active li.active a:hover, #main-nav ul li:hover li a, #main-nav ul li.active:hover a {text-decoration:none;} #main-nav li.active li a:hover, #main-nav ul li:hover a, #main-nav ul li:hover li a:hover {text-decoration:underline;} #main-nav ul ul li a:hover {color: #E16203} #main-nav ul ul li:hover {background: #ffffff} #main-nav ul li:hover ul ul{display: none;} #main-nav ul ul li:hover ul{display: block;} .on-scroll #main-nav ul li:hover ul ul {top: initial;} #main-nav ul.image_navi ul li{padding-left: 100px;} #main-nav ul.image_navi li.ul_image {position: absolute;top: 7px;left: 7px;max-width: 85px;padding:0;} #main-nav ul.image_navi li.ul_image a {padding:0;} #main-nav ul.image_navi li.ul_image img {max-width:100%} /* Header Anfrage --------------------------------------------- */ #anfrage_formular_top label {display: none;} #anfrage_formular_top .sendbutton {display: inline; margin: 0} .anfrage_header {bottom: 0; padding: 20px 0 12px; position: absolute; width: 100%; z-index: 99; } #anfrage_formular_top button.ui-datepicker-trigger {display: none;} #anfrage_formular_top .anfrage_formular_short input[type=text] {width: 111px;} #slideshow {position: relative;} .anfrage_header_widget {margin: 0 auto; max-width: 845px; position: relative; width: 100%; } #anfrage_formular_top #tm_anfrage_nachname_top,#anfrage_formular_top #tm_anfrage_email_top {width: 135px !important;} #anfrage_formular_top input[type=text], #anfrage_formular_top textarea, #anfrage_formular_top button {padding: 7px 10px;} #anfrage_formular_top .cs-newsletter {background: #ffffff; border: 1px solid #858585; display: inline; padding: 8px; } /* Newsticker --------------------------------------------- */ marquee {font-size: 22px; padding: 15px 0 25px; } .newsticker {padding: 0 20px;} .frontpage .newsticker {padding: 30px 20px 0;} /* 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 {background-color: #ffbb1e; background-position: 95% 50%; background-repeat: no-repeat; color: #ffffff; display: block; font-size: 21px; padding: 11px 20px; text-decoration: none !important; } #mobile-nav ul li a:hover {background-color: #ffffff; color: #e05f00; } #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 {background-color: #E16203; background-image: none !important; color: #ffffff; font-size: 19px; font-weight: normal; line-height: 16px; } #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; } /* mobile-nav --------------------------------------------- */ .galleryMobile {background: none no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; height: 32px; position: absolute; right: 0; top: 315px; width: 32px; z-index: 5;display: none; } /* on-scroll --------------------------------------------- */ .on-scroll .header-bottom {position: fixed; transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; width: 100%;margin-top:150px;top:-150px; } .admin-bar.on-scroll .header-bottom {top: -118px;} .galleryMobile.active {top: 10px;} .catpost {display: block; margin: 0 0 30px; } .wp-post-image {width: 32%; padding: 0!important; margin: 7px 12px 0 0!important; } /* Content Styles --------------------------------------------- */ .widget .caption {padding-bottom:15px;} #content img {max-width:100%;height:auto;} #content object,#content embed,#content iframe {max-width: 100%;} #content .content article {padding:20px 0;} #content .content p, #content .content ul, #content .content ol {padding-bottom:10px;} #content .content h1, #content .content h2, #content .content h3, #content .content h4,#content .content h5 {padding:20px 0px 20px 0px;color:#e16402;text-transform: uppercase;} #content .content .caption {font-size:30px;line-height:44px;color:#906200;padding:8px 0px;text-transform: none;} .single-title h1{font-size:42px;line-height:44px;color:#906200;padding:8px 0px;} #content .content h1 {font-size:30px;line-height: 34px;} #content .content h2 {font-size:28px;line-height: 28px;} #content .content h3 {font-size:26px;line-height: 26px;} #content .content h4 {font-size:24px;line-height: 24px;} #content .content h5 {font-size:18px;line-height: 24px;} #content img.right, #content img.alignright {margin:0 0 30px 30px;} #content img.left, #content img.alignleft {margin:0 30px 30px 0;} #content-main ul {list-style-type: square;padding: 0 0 0 16px;} .anfrage_formular .formSection {padding-bottom:30px;} .anfrage_formular label, .anfrage_formular span.label {width:180px;margin-right:20px;display:inline-block;line-height: 32px;vertical-align: top;} .anfrage_formular label.label-radio {margin-left:10px;display:inline-block!important;} .anfrage_formular label.required, .anfrage_formular span.required {font-weight:bold;} .anfrage_formular label.required:after, .anfrage_formular span.required:after {content: '*';} .anfrage_formular input[type=text], .anfrage_formular textarea {width:252px;} .anfrage_formular select {width:272px;} .anfrage_formular input.half {width:252px;} .anfrage_formular input.half.calendar {width:252px;} .anfrage_formular input.half_right{margin-left:18px;} .anfrage_formular input.half.small_left {width:50px;} .anfrage_formular input.half.big_right {margin-left:18px;width:158px;} .anfrage_formular button {margin-left:205px;} .anfrage_formular .radioContainer {display:inline-block;margin-bottom:18px;} .anfrage_formular .radioContainer label {width:auto;margin-right:20px;} .anfrage_formular .radioContainer span {display:inline-block;white-space:nowrap;} .anfrage_formular .radioContainer.oneLine span {display:block;} /* Sidebar Styles --------------------------------------------- */ .sidebar .widget {margin-bottom:100px;position:relative;} .sidebar .widget .textwidget {padding: 10px;} .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:365px;} .anfrage_formular_short select{width:387px;} .anfrage_formular_short input.half {width:169px;} .anfrage_formular_short input.half.calendar {width:169px;} .anfrage_formular_short .icon {display:inline-block;} .anfrage_formular_short button {float:right;} .sidebar .widget .caption {text-transform:uppercase;font-size: 30px;line-height: 34px;color: #e16402;} .widget img{max-width:100%;} .spriteIcon {position:absolute;display:block;width:32px;height:32px;float:right;top:16px;right:16px;background:no-repeat 100% 0% transparent;} .galleryButton {background: none repeat scroll 0 0 rgba(117, 117, 117, 0.8); color: #ffffff; cursor: pointer; padding: 11px 20px 8px; position: absolute; right: 0; top: 0; width: 270px;transition:background 0.6s linear 0s; -o-transition:background 0.6s linear 0s; -webkit-transition: all 0.6s linear 0s, background 0.6s linear 0s; -moz-transition:background 0.6s linear 0s;} .galleryButton:hover {background: none repeat scroll 0 0 rgba(117, 117, 117, 1);} .galleryModus .galleryButton {background: none repeat scroll 0 0 rgba(117, 117, 117, 0.5);} .galleryModus .galleryButton:hover {background: none repeat scroll 0 0 rgba(117, 117, 117, 1);} .galleryButton .caption{text-transform:uppercase;font-size:24px;} .galleryButton p {font-size:18px;} .galleryButton .spriteIcon {right:10px;top:12px;} #showGallery.galleryButton {display:none;float:right;z-index:10000000;} #hideGallery.galleryButton {position: absolute; right: 0; top: -120px;z-index: 99;} .widget address, .sidebar .widget p{padding-bottom:10px;} #text-4 .textwidget{background: #FFBB1E;padding:10px;} #text-24 .textwidget {border: 0;padding: 3px;} .sidebar .ngg-gallery-thumbnail img {border: 0px;background-color: #FEDA8C;padding: 3px;margin: 0 !important;} .sidebar .ngg-gallery-thumbnail img:hover {background-color: #FEDA8C;} .sidebar .ngg-galleryoverview {margin: 0;} #text-14 .textwidget {border: 0;padding: 0;} #text-14 img {display: block;} .widget .blk {position: absolute;width: 0px;height: 9px;background: #E16402;right: 0;bottom: -9px;} #text-4 .blk, #text-10 .blk, #text-7 .blk, #text-23 .blk {display: none;} /* Footer Styles --------------------------------------------- */ #meteoprovbz_widget > table {width: 100%;margin-bottom: 4%; } .footer-blocks article { box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 390px; padding: 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d2d2+0,ffffff+100 */ background: #d3d2d2; /* Old browsers */ background: -moz-linear-gradient(top, #d3d2d2 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d3d2d2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d3d2d2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d2d2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .home .footer-logo {display: block; height: auto; margin: -7% auto 7%; max-width: 320px; width: 60%; } .footer-logo {display: none;} .footer-blocks .widget:last-child {margin-right: 0;} .footer-blocks {border-bottom: 10px solid #FFC13C;} .footer-blocks {padding:30px 0 30px;} .footer-blocks .widget img{max-width:100%;} .footer-blocks a {color:#666666;text-decoration: none !imortant;} .footer-blocks a:hover {text-decoration:none;} .footer-blocks a.tel-link{color:#333;text-decoration:none;} .footer-blocks .widget {color: #666666; float: left; margin: 0 5% 0px 0; width: 30%;font-size: 18px;line-height: 30px;position: relative; } .footer-blocks .widget address, .footer-blocks .widget p {margin-bottom:10px;} .footer-blocks .widget .caption {border-bottom: 4px solid #ffffff; color: #e16402; font-size: 30px; line-height: 45px; margin-bottom: 18px; padding: 0 0 10px; } .footer-blocks .widget .light_grey{font-size:12px;} .footer-nav, .footer-blocks2 {color:#666666;font-size:13px;line-height:35px;padding:3px 0; margin-bottom:100px;} .footer-nav ul {float:left;} .footer-nav li {float:left;margin-right:15px;} .footer-nav a, .footer-nav p {color:#fff;} .footer-menue {display: none;position: fixed;bottom: 0;width: 100%;background: #eeeeee;z-index: 1000;} .footer-menue li {padding: 0;background: #FF7B2F;width: 32%;margin-right: 1%;line-height: 36px;color: #ffffff !important;text-align: center;display: block;text-decoration: none !important;margin: 5px 0.5%;float: left;} .footer-menue ul {width: 80%;margin: 0 10%;} .footer-menue li a {color: #ffffff;display: block;text-decoration: none !important;} /* category_items Styles --------------------------------------------- */ .category_items .catItem {float:left;width:200px;margin: 0 20px 20px 0;} .category_items .catItem a.caption{font-weight:bold;padding-bottom:0;} .category_items .catItem img{display:block;} .category_items .catItem p{padding-bottom:0;} .category_items.vertical .catItem {float:none;width:auto;margin: 0 0 20px 0;} .inner ul li:before {color: #9D1006;content: "â– ";font-size: 10px;margin: 0 7px 0 0;position: relative;top: -1px; } .sidebar .category_items .catItem {width:46%;overflow:hidden;} .category_items .catItem.fewo {float: left; margin: 0 25px 20px 0; width: 45%;padding: 0 !important; } .category_items .catItem.fewo:nth-child(2n+2) {margin: 0 0 20px;float: right;} .sidebar .category_items .catItem.v1 {float: none;width: 100% !important} .category_items .catItem.v1 img {display: block; float: left; margin: 4px 5px 0 0 !important; max-width: 100px !important; width: 100%; } .catItem.fewo img {padding: 0 0 10px !important;width:100%;} .catItem.v1 .caption {font-size: 17px !important; font-weight: bold; padding: 0 0 8px !important; line-height: 19px!important; } .catItem.v1 p {font-size: 16px; line-height: 17px; } .catItem.v1 .moreLink {border-radius: 3px; color: #72251e; font-size: 13px; font-style: italic; font-weight: bold; padding: 0 3px; text-decoration: underline; transition: all 0.6s ease 0s; -0-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .catItem.v1 .moreLink:hover {color:#fff;background:none;} .catItem.fewo h4 {font-size: 18px !important; padding: 0 0 4px !important; } .catItem.fewo .moreLink {background: none repeat scroll 0 0 #23160d; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 0 5px; text-decoration: none !important;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; } .catItem.fewo .moreLink:hover {background: none repeat scroll 0 0 #736b6b;} .content .category_items {display: block;margin: 20px 0;} /* button style --------------------------------------------- */ .cs-more-link {background: none repeat scroll 0 0 #23160d; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; color: #ffffff; float: right; font-size: 15px; padding: 3px 10px;font-weight: bold;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;} .cs-more-link:hover {background: none repeat scroll 0 0 #736b6b; text-decoration: none;} .moreLink, .more-link {text-decoration: underline;} .moreLink:hover, .more-link:hover {text-decoration: none;background: none repeat scroll 0 0 #868686;color: #ffffff;padding: 0 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .anfrage-button {background: none repeat scroll 0 0 #ff7b2f; border: 0 none; border-radius: 3px; color: #fff; display: inline-block; font-size: 19px; height: inherit; line-height: inherit; margin: 14px 0; padding: 10px; text-align: center; text-decoration: none !important; width: auto;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; } .anfrage-button:hover {background: none repeat scroll 0 0 #736b6b;} .sendbutton {display: block; margin: 15px 0; } /* Ãœbersicht Angebote --------------------------------------------- */ ul.boxen li a {background: none repeat scroll 0 0 #cfcfcf; color: #666666; float: left; font-size: 20px; height: auto; margin: 0 12px 17px 0; overflow: hidden; padding: 5px 0 0; position: relative; width: 100%;text-decoration: none; } ul.boxen li {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; float: left; padding: 0 !important; width: 99%; } ul.boxen li a span.datum, ul.boxen li a span.freitext {display: block; } ul.boxen li a span.preis {bottom: 17%; font-weight: bold; left: -2px; line-height: 15px; display: block; padding: 5px 0 7px!important; } .boxen .wp-post-image {float: left; margin: 3px 7px 7px !important; width: 30%; } .moreLinkoffer {background: none repeat scroll 0 0 #23160d; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; float: right; font-size: 15px; line-height: 15px; padding: 4px 8px;color: #fff;margin-right: 15px;} .moreLinkoffer:hover {color: #fff;background: none repeat scroll 0 0 #736b6b;} .datum {font-weight: bold; padding: 5px 0 0; } .freitext {display: block !important;line-height: 17px !important;} span.offertitle {display: block; padding: 4px 0 0;color: #484848; } ul.boxen {list-style-type: none!important;padding:0!important;} .offertitle, .datum, .preis, .freitext {padding-right: 15px !important; } /* Angebote Slider --------------------------------------------- */ .sidebar .offertitle {padding: 10px 10px 0 !important;color: #906200;font-size: 30px;line-height: 38px;color: #906200;} .sidebar .datum {padding: 10px 10px 0 !important;} .sidebar ul.boxen li a span.preis {padding: 10px 10px 0 !important;} .sidebar .freitext {padding: 10px !important;} .sidebar .offer-slider .wp-post-image {float: none;margin: 0 !important;} .sidebar .offer-slider ul.boxen li a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;} /* Sidebar Slider --------------------------------------------- */ .cs-itemtext {color: #ffffff; font-size: 15px; line-height: 19px; padding: 0 15px 20px !important; } .cs-slide-more-link {border-radius: 4px; color: #23160d; font-size: 13px; font-style: italic; padding: 0 3px; text-decoration: underline; transition: all 0.6s ease 0s; -0-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; } .cs-slide-more-link:hover {color:#fff;} .cs-slide-itemtitle {color: #401e1a; display: block; font-size: 23px; padding: 20px 15px 12px; text-decoration: none!important; } #text-10 h1 {color: #ffffff; margin: 0 0 0 15px; } .sidebar #text-10 .textwidget {background-color: #FEDA8C; } .cs-slide-itemtitle {color: #401e1a; display: block; font-size: 20px; padding: 15px; text-decoration: none; } /* Sidebar Adresse --------------------------------------------- */ address p {font-size: 16px; line-height: 12px; font-style: normal;} address {margin: 0 0 15px;} .link-anfahrt { font-size: 28px!important;font-weight: bold; margin: 3px 0 10px; line-height: 42px !important;background-color: #E16402 !important;color: #fff !important;padding: 0 10px 0 43px !important;background-position: 10px center !important; } .link-anfahrt, .link-tel, .link-mobil, .link-mail {background: 0 50%;background-repeat: no-repeat;line-height:24px;display:inline-block;padding: 0 0 0 24px;font-size: 16px;} .link-mobil {background-position: 1px 50%;} /* nextgen gallery style --------------------------------------------- */ .content .ngg-galleryoverview img {padding: 0!important;width: 100%;} .ngg-gallery-thumbnail img {margin: 3px 0 !important; border: 0 solid #a9a9a9 !important;} .ngg-gallery-thumbnail-box {float: left; margin-right: 5px !important; width: 32% !important; } .ngg-gallery-thumbnail {float: none !important;text-align: center;} /* Wetter Provinz --------------------------------------------- */ #meteoprovbz_widget table, #meteoprovbz_widget tr, #meteoprovbz_widget td,#meteoprovbz_widget th{border: none!important;} .meteoprovbz_icon img { width: 70px !important;} .meteoprovbz_min, .meteoprovbz_max { font-size: 10px !important;} #meteoprovbz_container tfoot td {visibility: hidden!important;} /* tablepress --------------------------------------------- */ .tablepress tfoot th, .tablepress thead th {background-color: #9cb223!important;color: #ffffff;font-size: 18px;} .tablepress .odd td { background-color: #FAF2C1!important; } .tablepress .even td { background-color: #FDF8D8!important; } .tablepress .row-hover tr:hover td { background-color: #FF7B2F!important; color: #fff;} .tablepress tbody td, .tablepress tfoot th {border-top: none!important} /* gallerymodus --------------------------------------------- */ .galleryModus .ui-datepicker,.galleryModus .anfragebar_element.angebote,.galleryModus .anfragebar_element.buchen {display: none;} /* guestbook --------------------------------------------- */ .guestbook {margin-top:20px;} .guestbook .gb-date{float: right;font-size: 14px;} .paging li {display: inline-block;margin-right: 10px;} ol.guestbook {list-style-type: none;} .guestbook li {background:#c7c7c7;margin: 15px 0;} .guestbook .gb-comment {padding: 10px;} .guestbook .gb-comment p {font-size: 14px;line-height: 20px;} .guestbook .gb-name {background: none repeat scroll 0 0 #b1b1b1; color: #ffffff; font-size: 18px; padding: 10px; } .captchaSizeDivLarge {height: 60px; margin: 0 0 0 140px; padding-top: 10px; width: 250px; } /* footer info --------------------------------------------- */ .footer-info article:first-child {display: inline-block; float: left; font-size: 13px; padding: 10px 0 0; } .footer-info article:last-child {float: right; font-size: 13px; } .tm-logo {margin: 0 0 0 10px; position: relative; top: 5px; width: 100px;} .footer-info, footer-info a {color: #666666; } .footer-info a {color: #666666; } /* Formular --------------------------------------------- */ ::-webkit-input-placeholder {opacity: 1;} :-moz-placeholder {opacity: 1;} ::-moz-placeholder {opacity: 1;} :-ms-input-placeholder {opacity: 1;} input[type=text], textarea, button, select {background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #D8D8D8; color: #666666; font-size: 16px; margin-bottom: 4px; } input[type=text], textarea, button {line-height:24px;height:22px;padding:10px;} button {line-height:30px;height:30px;padding:0 10px;} select {padding-right:0;height:45px;padding-left:10px;} textarea{height:122px;} button, input[type=submit] {background: none repeat scroll 0 0 #ff7b2f; border: 0 solid #858585;box-shadow: none !important; font-family: PT_Sans-Web-Regular;color: #fff; font-size: 20px; 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;} .tm_anfrage_test, #tm_anfrage_test {display:none!important;} /* tabs --------------------------------------------- */ .tabs {margin-bottom: 30px;} .tabs ul {overflow: hidden;margin:0;padding:0;border-left: 1px solid #ecebeb;} .tabs li {float: left;border: 1px solid #ecebeb;border-left:0;} .tabs li a {float:left;line-height:30px;white-space:nowrap;padding: 0 10px 0 35px;color: #444343;background:#fafafa;border-top:2px solid #fafafa;min-width:115px;} .tabs li.active {border-bottom-color:#fff;} .tabs li.active a {border-top-color:#b00000;background: #fff;} .tabs li.active a:hover {text-decoration:none;} .tabs .tabs-content {padding: 30px 40px 0 20px;color:#3e3d3d;border:1px solid #ecebeb;margin-top:-1px;} .tabs .tabs-content .tab-content-element {display:none;} .tabs .tabs-content .tab-content-element.active {display:block;} /* shortcodes --------------------------------------------- */ /* commentform ---------------------------------------------*/ #commentform label {width: 140px;display: block;float: left;} #commentform p {clear: both;} textarea#comment {width: 96%;max-width: 582px;} /* flexslider --------------------------------------------- */ .flexslider, .sliderImage {height: auto;margin: 0;overflow: hidden;padding: 0;position: relative;width: 100%;webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img, .sliderImage {width: 100%; display: block;} .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: #E16402;cursor: default; } .flex-direction-nav {*height: 0;} .flex-direction-nav a {display: block;width: 40px;height: 40px;margin:-20px 0 0;position: absolute;top: 30%;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;color: rgba(0,0,0,0.8);text-shadow: 1px 1px 0 rgba(255,255,255,0.3); webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; } .flex-direction-nav .flex-next {background-position: -54px center; right: -30px; text-align: left; } .flex-direction-nav .flex-prev {left: 0;} .flexslider:hover .flex-prev { opacity: 0.7; } .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 {background-repeat: no-repeat; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: block; height: 67px; 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: 43px; z-index: 2; } #slider .flex-direction-nav li {display: block; margin: 0 auto; max-width: 1122px; position: relative; width: 100%; } #slider .flex-direction-nav {height: 50px; margin: 0 auto; position: absolute; top: 48%; width: 100%; z-index: 90; webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; } .on-scroll #slider .flex-direction-nav {top: 60%} .galleryModus #slider .flex-direction-nav {top: 47%} .galleryModus #slider .flex-direction-nav li {max-width: 95%;} /* flexslider sidebar --------------------------------------------- */ .sidebar .flex-control-nav {margin: 15px 0 20px;} /* Header Info --------------------------------------------- */ .header-top .icon.link-mail {background-position: 2px 7px; background-size: 16px auto; padding: 0 10px 0 27px; font-size: 15px !important; } .header-top .icon.link-anfahrt {background-position: 3px 1px; background-size: 13px auto; display: inline !important; font-size: 15px !important;text-transform: none; padding: 0 8px 0 22px; } .header-top .icon.link-tel {background-position: 0 2px; background-size: 16px auto; display: inline; padding: 0 10px 0 21px; font-size: 15px !important; } /* jCarousel --------------------------------------------- */ .jcarousel {position: relative;overflow: hidden;width: 100%;} .jcarousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;} .jcarousel li {width:336px;float:left;margin-right:5px;} .jcarousel img {display: block;max-width: 100%;height: auto !important;} .jcarousel-control-prev,.jcarousel-control-next {position: absolute;top: 30%;margin-top: -15px; width: 30px;height: 30px;text-align: center;background: #8d8d8d;background: rgba(141, 141, 141, .5);color: #fff;text-decoration: none;font-size:42px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} .jcarousel-control-prev:hover,.jcarousel-control-next:hover{text-decoration:none;} .jcarousel-control-prev {left: 15px;} .jcarousel-control-next {right: 15px;} /* Servicebar --------------------------------------------- */ #servicebar {position: fixed;top: 202px;right: 0;z-index: 1100;-webkit-transition: opacity .2s linear;-moz-transition: opacity .2s linear;transition: opacity .2s linear;} #servicebar li{margin: 0 0 1px 1px;float: left;clear: left;position:relative;background: #fff;height: 50px;} #servicebar li a, #servicebar li a span.tooltipp {text-decoration:none;font-family:ElegantIcons, "PT_Sans-Web-Regular MS", Arial, Helvetica, sans-serif;display:block;width: 40px;height: 40px;color: #ffffff;text-transform: uppercase;text-align: center;line-height: 40px;background: #FFBB1E ;-webkit-transition: background 0.6s linear;-moz-transition: background 0.6s linear;transition: background 0.6s linear;padding: 5px;font-size:22px;} #servicebar li a:hover {background: #EFEFEF;text-decoration:none;color:#e16203;} #servicebar .text_li li {color:#e16203;font-size:14px;line-height:20px;padding:5px;height:40px;} #servicebar .text_li li a {display:inline;width:initial;height:initial;text-transform:none;text-align:left;line-height:20px;background:transparent;-webkit-transition:none;-moz-transition: none;transition:none;padding:0;font-size:14px;color:#e16203;text-decoration:underline;} #servicebar .text_li li a:hover, #servicebar .text_li li a.tel-link {background:transparent;text-decoration:none;} #servicebar li a span.tooltipp {display:none;position:absolute;right:50px;top:0;width: auto;text-transform: none;text-align: right;padding: 5px 14px 5px 18px;margin-right:14px;white-space:nowrap;font-size:16px;} #servicebar li a span.tooltipp span{position: absolute;top: 15px;right: -10px;height: 0;width: 0;border-width: 10px;border-color: transparent transparent transparent #fff;border-style: solid;border-right-width: 0;} #servicebar li a.active span.tooltipp{display:none!important;} #servicebar li a span.tooltipp,#servicebar li a.text, #servicebar .service_mail li a, #servicebar .service_search li a{font-family:"PT_Sans-Web-Regular MS", Arial, Helvetica, sans-serif} #servicebar ul ul {position: absolute;left:50px;top:0;-webkit-transition: left .4s linear;-moz-transition: left .4s linear;transition: left .4s linear;-webkit-transition: right .4s linear;-moz-transition: right .4s linear;transition: right .4s linear;} #servicebar ul ul li {clear: none;} #servicebar ul ul li a span.tooltipp {top:auto;bottom:50px;right:0;margin-right:0;margin-bottom:14px;} #servicebar ul ul li a span.tooltipp span{bottom: -10px;top:auto;right:15px;border-right-width:10px;border-bottom-width:0;border-color: #fff transparent transparent transparent;} #servicebar.onleft {right:auto;left:0;} #servicebar.onleft li{margin: 0 1px 1px 0;} #servicebar.onleft ul ul {left:auto;right:50px;} #servicebar.onleft li a span.tooltipp {right:auto;left:50px;padding: 5px 18px 5px 14px;margin-right:0;margin-left:14px;} #servicebar.onleft li a span.tooltipp span{right:auto;left:-10px;border-color: transparent #fff transparent transparent;border-left-width: 0;border-right-width: 10px;} #servicebar.onleft ul ul li a span.tooltipp {right:auto;left:0;margin-left:0;} #servicebar.onleft ul ul li a span.tooltipp span{right:auto;left:15px;border-left-width:10px;border-color: #fff transparent transparent transparent;} #servicebar .has_more.count_1 ul {width:51px;} #servicebar .has_more.count_2 ul {width:102px;} #servicebar .has_more.count_3 ul {width:153px;} #servicebar .has_more.count_4 ul {width:204px;} #servicebar .has_more.count_5 ul {width:255px;} #servicebar .has_more.count_6 ul {width:306px;} #servicebar .text_li ul {width:550px;} #servicebar .text_li li {width:520px;} #servicebar .service_search ul {width:225px;} #servicebar .service_search ul input{width:190px;margin:9px 6px 0 6px;padding: 5px 10px;} #servicebar .service_up a:before {content: "\32";} #servicebar .service_down a:before {content: "\33";} #servicebar .service_contact a:before {content: "\e076";} #servicebar .service_mail a:before {content: "\e081";} #servicebar .service_social a:before {content: "\e0a0";} #servicebar .icon-facebook a:before {content: "\e093";} #servicebar .icon-twitter a:before {content: "\e094";} #servicebar .icon-gplus a:before {content: "\e096";} #servicebar .service_info a:before {content: "\e060";} #servicebar .service_search a:before {content: "\55";} #servicebar .service_edit a:before {content: "\6c";} #servicebar .service_calendar a:before {content: "\e023";} #servicebar .service_camera a:before {content: "\e075";} #servicebar .service_gift a:before {content: "\e073";} #servicebar .service_chat a:before {content: "\e066";} #servicebar .text_li li a:before {content: "";} #servicebar .text_li li a.icon {display:block;white-space:nowrap;text-overflow:hidden;} /* anfragebar --------------------------------------------- */ .toggleShow span:last-child {display: none !important; } #anfragebar, .anfragebar_element {background: #fff;color: #000; left: 0; padding: 9px 12px 9px 2px; position: fixed; top: 140px; transition: all 0.4s linear 0s, background 0.6s ease 0s; -o-transition: all 0.4s linear 0s, background 0.6s ease 0s; -webkit-transition: all 0.4s ease 0s, background 0.6s ease 0s; -moz-transition: all 0.4s linear 0s, background 0.6s ease 0s; } .anfragebar_element {z-index: 998;} #anfragebar {z-index: 98;} #anfragebar.onright, .anfragebar_element.onright{left:auto;right:0;} #anfragebar a.toggleShow:hover {text-decoration:none;} #anfragebar a.toggleShow span {display:none;} #anfragebar a.toggleShow span.icon {color: #e16203; cursor: pointer; display: block; font-family: ElegantIcons,"PT_Sans-Web-Regular MS",Arial,Helvetica,sans-serif; font-size: 60px; height: 45px; line-height: 42px; } #anfragebar a.toggleShow span.icon:before {content: "\e066";margin-left: 16px;} #anfragebar .anfragebarContent{width:400px;display:none;margin-left:100px;padding: 10px 0 0;} #anfragebar.active {display: block;width: 498px;} #anfragebar.active a.toggleShow {position:absolute;top:20px;left:20px;} #anfragebar.active a.toggleShow span {display: block; font-size: 40px; line-height: 30px; } #anfragebar.active .anfragebarContent{display:block;} #anfragebar a{text-decoration:none;} .anfragebar_element {background-color: #fff; color: #e16203; display: block; font-size: 22px; font-weight: normal; min-width: 107px; padding: 5px 14px; white-space: nowrap; } .anfragebar_element:hover{text-decoration: none;} .anfragebar_element.angebote {top: 215px;} .anfragebar_element.buchen {top: 255px;} .anfragebar_element.rotate {transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);font-size: 22px;} .ie9 .anfragebar_element.rotate {filter: none;} .anfragebar_element.rotate.angebote {top: 275px;right: -50px;width: auto;text-align: center} .anfragebar_element.rotate.buchen {right: -76px; text-align: center; top: 450px; width: auto; } .lang-it .anfragebar_element.rotate.angebote {top: 265px;right: -50px;} .lang-it .anfragebar_element.rotate.buchen {top: 405px;right: -76px;} .lang-en .anfragebar_element.rotate.angebote {top: 267px;right: -50px;} .lang-en .anfragebar_element.rotate.buchen {top: 409px;right: -76px;} /**************** fb-update *****************************************/ .fb-update .fb-images {background: none repeat scroll 0 0 #e4e4e4; float: left; margin: 3px 10px 0 4px; min-height: 85px; width: 180px; } .date.cs-date {background: none repeat scroll 0 0 #e4e4e4; border-bottom: 3px solid #ef7401; font-family: helvetica; padding: 11px 15px; } .fb-update .fb-images .main, .fb-update .fb-images .thumb {display: block;width: 180px;height:120px;background-position: 50% 50%;background-repeat: no-repeat;background-size:cover; margin: 0 0 2px 0;} .fb-update .fb-images .thumb {float:left;width: 89px;height:59px;margin: 0 1px 0 0;} .fb-update .fb-images .thumb:nth-child(odd) {margin: 0 0 0 1px;float:right;} .fb-update {background: none repeat scroll 0 0 #f2f2f2;clear: both;display: block;margin: 0 0 4%;padding: 10px 8px;} .fb-update:after, .fb-images:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} /**************** 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:#E16203;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;} /* helper --------------------------------------------- */ #content .events-box iframe { max-width: 750px !important; min-width: 750px !important; overflow-x: scroll !important; } #content .content .page-10 p,#content .content .page-497 p,#content .content .page-499 p { overflow: hidden; } .mwst {font-size: 15px; } .tb-datenschutz td {border-bottom: 1px solid #000000; padding: 9px 0; } .tb-datenschutz {margin: 0 0 40px;} #content-main.content ol {list-style-type: decimal; margin-left: 18px!important; } .light_grey {color:#e7e7e7;} .red {color:#b00000;} .dark_red {color:#731d1c;} button.ui-datepicker-trigger{background:no-repeat 100% 5px transparent;float: none!important;vertical-align: top;border: 0;padding: 0; margin: -1px 0 0 -35px;width: 28px;text-indent:-99999px; height: 30px;} .icon-marker, .icon-tel {background:no-repeat 100% 0 transparent;} .icon-marker {padding-right:18px;} .icon-tel {padding-right:16px;} #servicebar .icon-marker {background-position:3px 0;padding-left:26px;padding-right:0;} #servicebar .icon-tel {background-position:0 0;padding-left:26px;padding-right:0;} a.tel-link {cursor:default;} .mapp-directions {display:block!important;} .link-anfahrt, .link-tel, .link-mobil, .link-mail {background: 0 50%;background-repeat: no-repeat;line-height:24px;display:inline-block;padding: 0 0 0 24px;text-decoration: none !important;} .link-mail a {text-decoration: none !important;} .link-mobil {background-position: 1px 50%;} .cs-button {border-bottom: 9px solid #e16203; color: #906200; display: inline-block; float: right; font-size: 22px; font-weight: bold; line-height: 50px; margin: 6% 0 12%; position: relative; text-decoration: none !important; text-transform: uppercase; } .cs-caption { display: inline-block; font-size: 22px; margin: 0 0 7px !important; text-decoration: none; color: #2b0905;} .sentres-resources-control, .alpinemap-tour-infowindow, .sentres-map {max-width:100%;} #content div.sentres-map img {max-width:none;} .vposform label {display:inline-block;min-width:100px;} .vposform input[type=image] {margin:5px 0 0 100px;} /* IE --------------------------------------------- */ .ie8 header, .ie8 footer {min-width:1360px;} .ie8 header .wrapper, .ie8 .footer-blocks .wrapper, .ie8 footer .wrapper {width:1360px;margin:0 auto;} .ie8 .content-slider li {margin: 0 5px;} .ie9 #anfrage_formular_top .cs-newsletter, .ie8 #anfrage_formular_top .cs-newsletter {position: relative;top: -14px;} .ie8 .header-top .icon.link-anfahrt {padding-top: 4px;padding-bottom: 4px;} .ie8 ul.boxen li a {background-color: transparent !important;} .ie8 #text-3 {margin-right: 0;} .ie8 .footer-info {background: #7d7d7d;} .ie8 #text-9 {float: right;min-width: 30%;text-align: right;} /* Mobile --------------------------------------------- */ @media only screen and ( max-width: 1520px ){ .anfragebar_element.angebote {top: 191px;} .anfragebar_element.buchen {top: 230px;} .anfragebar_element {font-size: 20px;min-width: 98px;} .anfragebar_element.rotate.angebote {top: 250px} .anfragebar_element.rotate.buchen {right: -46px; top: 394px} #content.frontpage {margin: 0 auto 10%;} .lang-it .anfragebar_element.rotate.angebote {top: 240px;right: -47px;} .lang-it .anfragebar_element.rotate.buchen {top: 376px;right: -47px;} .lang-en .anfragebar_element.rotate.angebote {top: 240px;right: -45px;} .lang-en .anfragebar_element.rotate.buchen {top: 375px;right: -46px;} .parallax_text {font-size: 50px;line-height: 50px;} } @media only screen and ( max-width: 1415px ){ .galleryMobile {background: none no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; height: 32px; position: absolute; right: 0; top: 269px; width: 32px; z-index: 100;display: block; } header {position: relative;} #showGallery.galleryButton,#hideGallery.galleryButton {display: none!important;} #slider .flex-direction-nav li {max-width: 990px;} #slider .flex-direction-nav {top: 47%;} #main-nav li a {font-size: 20px; line-height: 58px; padding: 0 12px; } header .site-title img {width: 180px; } #main-nav ul ul {top: 58px; } #content-main {width: 57%; } } @media only screen and ( max-width: 1300px ){ #slider .flex-direction-nav li {max-width: 830px;} #anfragebar a.toggleShow span.icon {font-size: 58px; height: 24px; line-height: 26px; } #anfragebar a.toggleShow span.icon::before {margin-left: 0;} #anfragebar {padding: 19px 18px;} .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;overflow:hidden;} #main-nav ul ul:last-child {right: 0; } } @media only screen and ( max-width: 1210px ){ #servicebar {display: none;} header .wrapper, footer .wrapper {width: 96%;} #content {width: 96%;} #content-main {width: 58%;} #text-23 .right {float: left;} #content {width: 96%; } #anfragebar, .anfragebar_element {top: 140px; } } @media only screen and ( max-width: 1160px ){ .tmplSidebarLeftRight #content-main {float:none;width:960px;margin:0 0 20px 0;} .tmplSidebarLeftRight #sidebar-left {margin:0 0 0 100px} .tmplSidebarLeftRight #sidebar-right {margin:0 100px 0 0} .tmplSidebarLeft #sidebar-left {margin:0 0 0 -960px;} .tmplSidebarLeft #content-main {margin: 0 0 0 280px;} .tmplFullWidth #content-main {width:960px;} #main-nav{margin-right:0px;} .galleryButton{width: 210px;} .flex-direction-nav a {top: 20%;} .on-scroll header {position:relative;} .sidebar .category_items .catItem:nth-child(2n+0) {float:none;margin-left:0} .sidebar .category_items .catItem:nth-child(2n+1) {float:none;margin-right:0;} .sidebar .category_items .catItem {width:100%;} .ngg-galleryoverview .ngg-gallery-thumbnail-box {margin-right: 2%;width: 30%;} .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail {float:none;} .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img {margin: 0 auto;max-width:100%!important;} .galleryMobile {display:block;} #slider .flex-direction-nav li {max-width: 690px;} #content-main {float: left;width: 56%;} #main-nav li a {font-size: 17px; line-height: 49px; padding: 0 10px; } header .site-title img {width: 164px; } #main-nav ul ul {top: 49px; } .on-scroll #main-nav li a {font-size: 17px; height: 62px; line-height: 67px; margin: 0 3px; } } @media only screen and ( max-width: 1100px ){ #content-main {width: 50%;} #sidebar-right {float: right; width: 365px; } .anfrage_formular_short input[type=text], .anfrage_formular_short textarea {width: 319px; } .anfrage_formular_short input.half.calendar {width: 146px; } .anfrage_formular_short input.half {width: 146px; } #content-main {width: 59%; } #anfragebar .anfragebarContent {width: 351px; } } @media only screen and (max-width: 980px){ #content {margin: 0 auto 100px; max-width: 1140px; position: relative; width: 96%; } #content.frontpage {margin: 25px auto 100px; } header .wrapper, .footer-blocks .wrapper, footer .wrapper {width: 96%; position: relative; } #main-nav ul {display:none;} #main-nav {margin-top:40px;} header .mobile_nav {display:block;width:400px;overflow:hidden;} .on-scroll #main-nav {margin-top:15px;} .header-top .lang-select {margin-right:0;} #content-main {margin-bottom:40px;} a.tel-link {cursor:pointer;} .on-scroll-up .footer-menue {display: block;float: none;width: 100% !important;} #mobile-nav {display:block} .highslide-controls {margin-top:0;} .sidebar .widget .caption {padding: 0 0 15px;} .sidebar .textwidget {padding: 5px 15px;} #text-10 .widget .caption, #text-10 .textwidget {padding: 0;} .sidebar .widget {max-width: 372px; width: 100%; } .sidebar .widget:nth-child(2n+1) {clear: both; float: left; } .sidebar .widget:nth-child(2n) {float: right; } .flex-direction-nav a {height: 35px;width: 20px;} .flex-direction-nav .flex-next {background-position: -25px center;right: 0px;} #slider .flex-direction-nav li {max-width: 580px;} #slider .flex-direction-nav {top: 55%;} .header-top .lang-select {right: 0; position: absolute; margin: 6% 0 0 0; } .on-scroll .header-bottom {display: none;} #main-nav {display: none;} #content-main {float: none;width: 100%;} #sidebar-right {float: none;width: 100%;} #anfragebar, .anfragebar_element, .anfrage_header {display:none;} .header-top .lang-select a {color:#969595;} marquee {font-size: 22px; padding: 33px 0 10px; } .header-top p {font-size: 16px;} .parallax_text {font-size: 30px;line-height: 30px;bottom: 30px;} header .site-title img {width: 140px; } .header-bottom {height: 7px; } header .site-title img {width: 112px; } .header-top {height: 42px; } .header-top .lang-select {margin: 60px 10px 0; } .footer-blocks .widget .caption {font-size: 24px; line-height: 26px; margin-bottom: 18px; padding: 15px 0 21px; } #text-7 {float: none !important; width: 100%; } .tmplFullWidth #content-main { width: 96%;} } @media only screen and (max-width: 880px){ #servicebar,#anfragebar, .anfragebar_element {top: 95px;} .anfragebar_element.angebote {top: 136px;} .anfragebar_element.buchen {top: 168px;} #anfragebar a.toggleShow span.icon {height: 21px; line-height: 21px; font-size: 32px; } #anfragebar, .anfragebar_element {padding: 9px 15px 9px 0px;width: 44px;} .anfragebar_element {font-size: 16px; min-width: 87px; padding: 3px 14px 1px; } .galleryMobile {top: 200px;} #slider .flex-direction-nav li {max-width: 480px;} .galleryModus #slider .flex-direction-nav {top: 55%;} .meteoprovbz_icon img {width: 60px !important;} .tm-logo { max-height: 23px; width: auto; } .footer-info article:first-child, .footer-info article:last-child {font-size: 13px; text-align: center; width: 100%; } #content .content .caption {font-size: 28px;line-height: 34px;} } @media only screen and (max-width: 768px){ #main-nav {margin-top:20px;} .on-scroll #main-nav {margin-top: 5px;} #hideGallery.galleryButton {position:relative;top:auto;right:auto;float:right;margin:0 10px 20px 0;} .galleryModus .fullpage-slider img {width:100%;} .galleryModus .galleryButton {padding: 5px 10px;width: auto;} .galleryModus .galleryButton .caption, .galleryModus .galleryButton p {display:none;} .galleryModus .galleryButton .spriteIcon {position:relative;right:0;top: 0;} #content {margin-bottom:0;} #content-main{clear:both;} header .mobile_nav{width: auto;min-width:200px;} .icon-calendar {padding-right:0;} .sidebar .category_items .catItem:nth-child(2n+0) {float:right;margin-left:2%;margin-right:0;} .sidebar .category_items .catItem:nth-child(2n+1) {float:left;margin-right:2%;clear:both;margin-left:0;} .sidebar .category_items .catItem {width:46%;overflow:hidden;} #anfragebar.active {position: absolute; width: auto!important; top: 0; z-index: 999; } #anfragebar {display:none;} .footer-blocks .widget {margin: 0 2% 40px 0; width: 32%; } .widget .caption {font-size: 22px;} .sidebar .widget {max-width: 100%;width: 45%;} #anfragebar {display:none;} #anfragebar .anfragebarContent {margin: 0 auto;width: 90%;} #anfragebar.onright, .anfragebar_element.onright {left: inherit;right: inherit;} #anfragebar.active a.toggleShow {display: none;} .footer-info {padding-bottom: 140px } .anfrage_formular_short select{width:100%;} .anfrage_formular_short input.half {width:90%;} .anfrage_formular_short input.half.calendar {width:98%;} span.icon.icon-calendar, #anfragebar input[type=text], #anfragebar textarea, #anfragebar input.half {width: 96%;} #anfragebar span.icon.icon-calendar {width: 100%;} .anfrage_formular_short input[type=text], .anfrage_formular_short textarea{width:94%;} } @media only screen and (max-width: 760px){ .anfragebar_element {display:none;} .galleryMobile {top: 95px;} #slider .flex-direction-nav li {max-width: 95%;} .header-top .icon.link-tel {background-position: 0 2px; background-size: 11px auto; padding: 0px 7px 0 18px; font-size: 13px !important; } .header-top .icon.link-mail {background-position: 4px 7px; background-size: 14px auto; padding: 0 4px 0 24px; font-size: 13px !important; } .header-top .icon.link-anfahrt {background-position: 2px 0; background-size: 11px auto; display: inline !important; font-size: 13px !important; text-transform: none; padding: 0 3px 0 19px; } .footer-blocks .widget {float: none !important; margin: 0 auto 9% !important; max-width: 450px; min-height: 100% !important; width: 96%; } .footer-info {padding-bottom: 0; } .footer-logo {display: block; height: auto; margin: -7% auto 7%; max-width: 320px; width: 60%; } .sidebar .widget {float: none !important; margin: 0 auto 18% !important; max-width: 480px; width: 98%; } .sidebar .widget img {width: 100% } .sidebar .widget .textwidget {padding: 0;} #content .content .page-10 p,#content .content .page-497 p,#content .content .page-499 p {overflow: scroll;} } @media only screen and (max-width: 680px){ .header-top p {display: none;} .header-top .lang-select {margin: 0;} .galleryMobile {top: 72px;} .footer-blocks .widget:nth-child(odd){clear:both;} .footer-blocks .widget:nth-child(even){float:right;margin-right: 0;} #commentform label {width: 100%; display: block; float: none; } .captchaSizeDivLarge {margin: 0;} } @media only screen and (max-width: 600px){ .anfrage_formular label, .anfrage_formular span.label {width:100px;} .flex-control-nav {display: none;} .category_items .catItem img {width: 100% !important;} .sidebar .category_items .catItem {width:100%;margin:0 0 20px 0!important;float:none!important;} header .site-title img {min-width: 90px; width: 90px; } } @media only screen and (max-width: 550px){ #slider .flex-direction-nav li {max-width: 70%;} .sidebar .widget .caption {font-size: 22px;line-height: 28px;} .category_items .catItem.fewo {width: 100%;} .category_items .catItem.fewo img {width: 40% !important;float: left;} .galleryModus #slider .flex-direction-nav li {max-width: 62%;} .cs-button {font-size: 16px;} } @media only screen and (max-width: 515px){ .anfrage_formular input.half, .anfrage_formular input.half.calendar, .anfrage_formular input[type=text], .anfrage_formular textarea {width: 93%;} .anfrage_formular select {width: 98%;} .anfrage_formular #tm_anfrage_submit {margin-left: 0;} .anfrage_formular label, .anfrage_formular span.label {width: 98%;line-height: 22px;} .anfrage_formular input.half.big_right {margin-left: 0;} .label.news, .label.daten {float: left !important; width: 26% !important;} .news-daten label, .news-daten span.label {width: 27% !important;} .formSection.news-daten > input {position: relative; top: -5px; } } @media only screen and (max-width: 480px){ #content img.alignright, #content img.alignleft, #content img.right, #content img.left {max-width:100%;} #main-nav {float:none;} header .mobile_nav{width: 100%;} #main-nav {margin:0 0 10px 0;} .on-scroll header .site-title {display:none;} .anfrage_formular label, .anfrage_formular span.label {width:auto;display:block;} .footer-menue ul {width: 100%;margin: 0;} #anfragebar .anfragebarContent {width: 95%;} #anfragebar.active a.toggleShow {top:auto;bottom:10px;right:20px;left:auto;} #anfragebar.active {position:absolute;top:0!important;left:0!important;right:auto!important;} .flex-direction-nav .flex-next {background-position: -20px center;} .flex-direction-nav a {width: 22px;height: 35px;} .flex-direction-nav .flex-next {background-position: -25px center;} .footer-info article:last-child, .footer-info article:first-child {float: left; font-size: 13px; display: block; width: 100%; text-align: center; } #mobile-nav ul li a {font-size: 20px;padding: 10px 8px; } #content .content article {padding: 20px 0;} #content .content h1,#content .content h2,#content .content h3,#content .content h4, #content .content h5, #content .content .caption {font-size: 22px;line-height: 25px;} #content .content p, #content .content ul, #content .content ol {line-height: 24px; font-size: 17px; } #slider .flex-direction-nav {top: 62%;} #content.frontpage {width: 100%!important;} #content {width: 96%!important;} header .wrapper, .footer-blocks .wrapper, footer .wrapper {width: 96%;} #sidebar-right, #sidebar-left {width: 100%;} .ngg-gallery-thumbnail-box {width: 30% !important;} .fb-update .fb-images {background: none repeat scroll 0 0 #e4e4e4; float: none; margin: 4px 10px 10px 4px; min-height: 85px; width: 99%; } .fb-update p {margin-left: 0;} .fb-update .fb-images .main, .fb-update .fb-images .thumb {width: 100%;} .fb-update .fb-images .thumb {width: 49%!important; height: 59px; margin: 0 1px 0 0; } .fb-update .fb-images .thumb:nth-child(odd) {margin: 0 0px 2px 1px; float: left; } .ngg-galleryoverview {width: 108% !important; } } @media only screen and (max-width: 420px){ .anfrage_formular_short input.half.calendar {width:96%;} .anfrage_formular_short input[type=text], .anfrage_formular_short textarea{width:92%;} .ngg-galleryoverview {width: 106% !important; } } @media only screen and (max-width: 320px){ #mobile-nav ul li a {font-size: 16px; } #slider .flex-direction-nav {top: 67%;} #slider .flex-direction-nav li {max-width: 61%;} .category_items .catItem.fewo {width: 100%;float:none;} .category_items .catItem.fewo img {width: 100% !important;float: none;} .galleryModus #slider .flex-direction-nav {top: 65%;} .anfrage_formular input.half, .anfrage_formular input.half.calendar, .anfrage_formular input[type=text], .anfrage_formular textarea {width: 90%;} .anfrage_formular select {width: 98%;} .anfrage_formular #tm_anfrage_submit {margin-left: 0;} .anfrage_formular label, .anfrage_formular span.label {width: 90%;} .formSection.news-daten {font-size: 15px;} .news-daten label, .news-daten span.label {width: 32% !important;} }