/* Theme Name: Hotel Bergblick 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/28px Arial, sans-serif;*font-size:small} 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; width: 100%; } #content iframe { min-width: 650px !important; overflow-x: scroll !important; width: 100% !important; } 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;} .lang-en #text-27 {display: none !important;} /* 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: 'open_sans'; src: url('fonts/OpenSans-Regular-webfont.eot'); src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans'; src: url('fonts/OpenSans-Italic-webfont.eot'); src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'open_sans'; src: url('fonts/OpenSans-Bold-webfont.eot'); src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'open_sans'; src: url('fonts/OpenSans-BoldItalic-webfont.eot'); src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'barkentina'; src: url('fonts/barkentina_1_3-webfont.eot'); src: url('fonts/barkentina_1_3-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/barkentina_1_3-webfont.woff2') format('woff2'), url('fonts/barkentina_1_3-webfont.woff') format('woff'), url('fonts/barkentina_1_3-webfont.ttf') format('truetype'), url('fonts/barkentina_1_3-webfont.svg#barkentina_1regular') format('svg'); font-weight: normal; font-style: normal; } /* Child - Theme Defaults --------------------------------------------- */ body,select,input,textarea{color:#765b36;font-family:"open_sans", Arial, Helvetica, sans-serif;-webkit-font-smoothing: subpixel-antialiased;-webkit-text-stroke:1px transparent;} body {background: #EBE7DD} #content-main.content a {text-decoration: underline;} #content-main.content a:hover {text-decoration: none;} a{color:#765b36;} a.tel-link{color:#765b36;} /* Framework --------------------------------------------- */ header{background: #e6e9ee;position: fixed;background: rgba(230, 233, 238, .9);top: 0;left: 0;width:100%;z-index:9999;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;} .admin-bar header{top:32px;} header .wrapper{width:100%;max-width:1360px;margin:0 auto;} #content {margin: 25px auto 100px; max-width: 1360px; position: relative; width: 100%; } #content.frontpage {margin: 0 auto 0px;max-width: 100%;text-align: center;} #content-main {float:left;width:69%;margin-left:50px;} #sidebar-right {float:right;width:310px;} #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: 100%; } .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:15px;line-height:40px;margin-right:10px;background: #765B36;text-transform: uppercase;padding: 0 8px;} .header-top .lang-select li {float:left;color: #fff;padding: 0 4px;} .header-top .lang-select a {color:#d9ccb5;} .header-top p {float:right;padding:0 5px;color:#fff;background:#989797;font-size:14px;line-height:20px;} .header-top p a {color:#f6ed9b;} header .site-title img{float:left;margin: -30px 17px -44px 0;} .on-scroll header .header-top {display:none;} .on-scroll header .site-title img {height: auto; margin-top: 5px; width: 11%; } .on-scroll #main-nav {margin-top:0px; float: left;} .header-bottom {background: #A2855C;} #front-widgets {background: #fff;padding: 60px 0 60px;} #front-widgets .widget {display: inline-block;margin: 0 17px;} #front-widgets .widget a {font-family: barkentina;font-size: 32px;line-height: 34px;text-decoration: none !important;color: #666666;} #front-widgets img {margin-bottom: 20px;} #front-widgets1 {background: #fff;padding: 55px 0 65px;} #front-widgets1 .widget {display: inline-block;margin: 0 1%;width: 18.3%;} #front-widgets1 .widget a {font-family: barkentina;font-size: 25px;line-height: 27px;text-decoration: none !important;color: #765b36;} #front-widgets1 img {margin-bottom: 20px;} #main-nav {float:right;} #main-nav li{float:left;position:relative; transition:background 0.6s ease 0s; -webkit-transition:background 0.6s ease 0s; -moz-transition: background 0.6s ease 0s;} #main-nav li:hover {background-color: #765B36;} #main-nav ul ul li:hover {background-color: #a2855c; } #main-nav li a {font-family: barkentina;color: #fff; float: left; font-size: 17px; height: 60px;border-left: 1px solid #765B36; line-height: 60px; padding: 0 13px; text-decoration: none !important; } .on-scroll #main-nav li a {font-size: 19px; height: 62px; line-height: 67px; } .on-scroll #main-nav ul ul li a {font-size: 16px; height: auto; line-height: 36px; margin: 0; padding: 0 15px; } #main-nav li li a, #main-nav li.active li a{color:#fff;} #main-nav ul ul {display: none;position:absolute;top:60px;z-index:20;background:#765B36;min-width:100%;border-right: #765B36;padding-right: 1px;} .on-scroll #main-nav ul ul {top: 62px;} .on-scroll #main-nav ul ul ul {top: 0!important;} #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 {white-space:nowrap;display:block;float:none;padding:0 15px;font-size:16px;line-height:36px;margin:0;white-space: nowrap;height: auto;} #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 ul li a:hover {background: #a2855c none repeat scroll 0 0 !important; } #main-nav ul ul li.has-children a:hover {background: #A2855C url("img/sub.png") no-repeat scroll 98% 53%;background-size:6px auto; } #main-nav ul ul ul li.has-children a:hover {background-color: #A2855C!important } #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%} #main-nav ul ul ul {left: -100%;top: 0;} #main-nav .has-children {background: rgba(0, 0, 0, 0) url("img/sub.png") no-repeat scroll 98% 53%;background-size: 6px auto; } /* Header Anfrage --------------------------------------------- */ #anfrage_formular_top label {display: none;} #anfrage_formular_top .sendbutton {display: inline; margin: 0} .anfrage_header {bottom: 0; padding: 42px 0 30px; position: relative; width: 100%; z-index: 99;background: url(img/muster.jpg); } #anfrage_formular_top button.ui-datepicker-trigger {display: none;} #anfrage_formular_top .anfrage_formular_short input[type=text] {width: 85px;font-size: 12px;} #slideshow {position: relative;} .anfrage_header_widget {margin: 0 auto; max-width: 1015px; position: relative; width: 100%; } #anfrage_formular_top #tm_anfrage_nachname_top,#anfrage_formular_top #tm_anfrage_email_top {width: 120px !important;} #anfrage_formular_top input[type=text], #anfrage_formular_top textarea, #anfrage_formular_top button {padding: 0px 10px;line-height: 28px;height: 38px;} #anfrage_formular_top button {height: 40px; font-size: 16px;float: none;} #anfrage_formular_top .cs-newsletter {background: #ffffff; border: 1px solid #765b36; display: inline-block; padding: 0 8px;line-height: 38px;height: 38px; } #tm_anfrage_anzahl_erwachsene_top, #tm_anfrage_anzahl_kinder_top {width: 70px !important; } #tm_anfrage_alter_kinder_top {width: 100px !important; } #anfrage_formular_top {margin: 0 auto; width: 990px; } /* 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{padding: 7px 20px;display:block;color: #fff;text-decoration: none !important;background-color: #A2855C;background-position: 95% 50%;background-repeat:no-repeat;font-size: 21px;} #mobile-nav ul li a:hover{background-color: #765B36;} #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: #765B36;background-image:none!important;} #mobile-nav ul ul li a:hover{background-color: #A2855C;background-image:none!important;} #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 {background: none repeat scroll 0 0 #A2855C; 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; } .on-scroll.admin-bar .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 {color:#765b36;font-size:24px;line-height:30px;padding-bottom:15px;font-family: barkentina;} #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-bottom:10px;color:#765b36;font-family: barkentina;} #content .content .caption {font-size:36px;line-height:38px;color:#765b36;padding:6px 0px;overflow:hidden;font-family: barkentina;} .single-title h1{font-size:36px;line-height:38px;color:#765b36;padding:6px 0px;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;font-family: barkentina;} #content .content .caption span {border-bottom: 1px solid #765b36;padding-bottom: 15px;display: inline-block;} #content .content h1 {font-size:34px; line-height: 37px;} #content .content h2 {font-size:30px; line-height: 50px;} #content .content h3 {font-size:28px;line-height: 50px;} #content .content h4 {font-size:25px;} #content .content h5 {font-size:20px;} #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:40px;font-size:14px;line-height:24px;padding: 0px;position:relative;} .sidebar .widget .textwidget {background: #fff;padding: 15px;} .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;} .sidebar .widget .caption {font-size: 30px;line-height: 38px;padding: 0 15px;} .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_hideempty-2 .textwidget {background: #a2855c none repeat scroll 0 0;} #text-33 .textwidget {background: rgba(0, 0, 0, 0) url("img/spruch-hg.png"); background-repeat: no-repeat; font-size: 24px; font-style: italic; line-height: 28px; color: #765b36; margin: 0 0 0 15px; } /* Footer Styles --------------------------------------------- */ .footer-blocks .widget:last-child {margin-right: 0;} .footer-blocks {background:#A2855C;} .footer-blocks {padding:60px 0 30px;} .footer-blocks .widget img{max-width:100%;} .footer-blocks a {color:#765b36;text-decoration:underline;} .footer-blocks a:hover {text-decoration:none;} .footer-blocks a.tel-link{color:#333;text-decoration:none;} .footer-blocks .widget {float: left; margin: 0 5% 40px 0; width: 30%; } .footer-blocks .widget .textwidget {background: #fff;padding: 10px;color: #333;min-height: 319px;} .footer-blocks .widget address, .footer-blocks .widget p {margin-bottom:10px;} .footer-blocks .widget .caption {font-size: 34px;line-height: 43px;padding-bottom: 30px;color: #fff;text-align: center;} .footer-blocks .widget .light_grey{font-size:12px;} .footer-nav, .footer-blocks2 {background:#D9CCB5;color:#765b36;font-size:16px;line-height:35px;padding:13px 0;} .footer-nav ul {float:left;} .footer-nav li {float:left;margin-right:15px;} .footer-nav a, .footer-nav p {color:#765b36;} .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;} .anschrift {background: #D9CCB5;padding: 3px;} .anschrift .inner {padding: 5px;} .anschrift adress, .anschrift p {margin: 0 !important;} .anschrift address p {line-height: 20px !important;} .spruch {background: #D9CCB5 url("img/spruch-footer-hg.png"); background-repeat: no-repeat; padding: 3px; min-height:295px;} .spruch .inner {padding: 5px;} #text-35 .textwidget {background: #fff; font-size: 34px; font-style: italic; line-height: 38px; color: #765b36; } /* 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: 74px !important; width: 100%; } .catItem.fewo img {padding: 0 0 10px !important;width:100%;} .catItem.v1 .caption {font-size: 15px !important; font-weight: bold; padding: 0 0 8px !important; } .catItem.v1 p {font-size: 13px; 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;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: #ff6600; 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; } button, input[type=submit] {background: no-repeat 90% center #ff7b2f; border: 1px solid #fff; color: #ffffff; font-size: 18px; height: auto; line-height: normal; padding: 6px 33px 5px 10px !important; text-align: center; text-transform: uppercase; vertical-align: top;transition: background 0.6s ease 0s;-webkit-transition: background 0.6s ease 0s;} button:hover, input[type=submit]:hover {background-color: #9C1006;color: #ffc259;} /* Ãœbersicht Angebote --------------------------------------------- */ ul.boxen li a {background: none repeat scroll 0 0 #cfcfcf; color: #fff; 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 {color: #484848; display: block; font-size: 14px; line-height: 22px; } ul.boxen li a span.preis {bottom: 17%; color: #484848; font-size: 14px; 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: #ff7b2f ; 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;transition: background 0.6s ease 0s;-webkit-transition: background 0.6s ease 0s;} .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: #ffffff;} .sidebar .datum {padding: 10px 10px 0 !important;color: #ffffff!important;} .sidebar ul.boxen li a span.preis {padding: 10px 10px 0 !important;color: #ffffff;} .sidebar .freitext {padding: 10px !important;color: #ffffff!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{background-color: #d06800;background-color: rgba(208, 104, 0, .90);padding: 15px 0; } #text-10 .caption {padding: 0 15px 10px;color:#fff;} .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 {display: block !important; font-size: 18px!important; margin: 0 0 12px; text-transform: uppercase; } .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-anfahrt {line-height: 44px!important;} .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} .otw-sc-toggle .toggle-content {padding: 0 !important; border-width: 0 !important;box-shadow: none !important; } .cs_toggle-box br, .toggle-content p {display: none!important} .otw-sc-toggle .toggle-trigger { font-family: "barkentina",Arial,Helvetica,sans-serif !important; text-shadow: none !important; } .otw-sc-toggle .toggle-trigger span { background-color: #ff7b2f!important;} .otw-sc-toggle .toggle-trigger {background: #a2855c!important;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .otw-sc-toggle .toggle-trigger:hover {background: #785f3c!important;} .otw-sc-toggle {margin-bottom: 3px !important; } #content .content .otw-sc-toggle h3 {color: #ffffff; font-size: 18px; font-weight: normal; line-height: 24px; padding: 10px 0 10px 1%; } .otw-sc-toggle .toggle-trigger span {margin-right: 2% !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: 14px; padding: 10px 0 0; } .footer-info article:last-child {float: right; font-size: 16px; margin-top: 5px;} .tm-logo {margin: 0 0 0 10px; position: relative; top: 5px; width: 100px;} .footer-info, footer-info a {color: #765b36; } .footer-info a {color: #765b36; } /* 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 #ffffff; border: 1px solid #765b36; color: #666666; font-size: 15px; 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-family: barkentina;text-transform: uppercase; font-size: 20px; 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 #E65400;color:#fff;} .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: #23160d;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: -60px 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: 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: 60px; 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: 55%; width: 100%; z-index: 99; 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%;} #xslider {width: 100%;overflow: hidden;padding-bottom: 85px;position: relative;} #xslider .slides {margin-left: -16px;} #xslider p.caption {margin: 40px 0 35px;} .xslider {width: 640px;margin: 0 auto;} .xslider li {position: relative;} .xslider .flex-viewport {overflow: visible !important;height: 372px !important;} .xslider img {margin: 0;display: block;opacity: 0.6;} .xslider .over {position: absolute;width: 100%;height: 100%;} .xslider .flex-active-slide img {opacity: 1;} .xslider .show {position: absolute;left: 50%;margin-left: -29px;bottom: -29px;display: none;border: 0;} .xslider .flex-active-slide .show {display: block;} .xslider .flex-direction-nav{margin:0!important;padding:0!important;list-style-type: none!important;} .xslider .flex-direction-nav li{position: initial;} .xslider .flex-direction-nav li a {background-size: 60px auto; height: 60px; left: 3%; position: absolute; top: 55%; width: 33px; } .xslider .flex-direction-nav li a.flex-next{left: initial;right:3%;} .xslider:hover .flex-prev, .xslider:hover .flex-next { opacity: 0.7; } .xslider:hover .flex-next:hover, .xslider:hover .flex-prev:hover {opacity: 1;} .xslider .flex-direction-nav .flex-next {background-position: -30px center; right: 0px; } /* 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: 162px;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: #a2855c;background: rgba(162,133,92, .9);height: 50px;} #servicebar li a, #servicebar li a span.tooltipp {text-decoration:none;font-family:ElegantIcons, "Trebuchet MS", Arial, Helvetica, sans-serif;display:block;width: 40px;height: 40px;color: #fff;text-transform: uppercase;text-align: center;line-height: 40px;background: #a2855c;background: rgba(162,133,92, .9);-webkit-transition: background 0.6s linear;-moz-transition: background 0.6s linear;transition: background 0.6s linear;padding: 5px;font-size:18px;} #servicebar li a:hover {background: #CCAA76;text-decoration:none;color:#fff;} #servicebar .text_li li {color:#fff;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:#fff;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 #a2855c;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:"Trebuchet 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: #a2855c 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 #a2855c 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: #a2855c 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:500px;} #servicebar .text_li li {width:489px;} #servicebar .service_search ul {width:225px;} #servicebar .service_search ul input{width:190px;margin:9px 6px 0 6px;} #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: #ff7b2f none repeat scroll 0 0;color: #fff; left: 0; padding: 9px 12px 9px 2px; position: fixed; top: 162px; 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: 999;} #anfragebar.onright, .anfragebar_element.onright{left:auto;right:0;} #anfragebar a.toggleShow {text-transform: uppercase;text-align: center;color: #6f6f6f;font-size:14px;} #anfragebar a.toggleShow:hover {text-decoration:none;} #anfragebar a.toggleShow span {display:none;} #anfragebar a.toggleShow span.icon {cursor:pointer;font-family:ElegantIcons, "Trebuchet MS", Arial, Helvetica, sans-serif;display:block;height:25px;line-height:25px;font-size:40px; color: #fff;} #anfragebar a.toggleShow span.icon:before {content: "\e066";margin-left: 16px;} #anfragebar .anfragebarContent{width:280px;display:none;margin-left:100px;padding: 10px 0 0;} #anfragebar.active {background: #a2855c none repeat scroll 0 0; display: block; width: 378px; } #anfragebar.active a.toggleShow {position:absolute;top:20px;left:20px;} #anfragebar.active a.toggleShow span {display:block;line-height: 9px;} #anfragebar.active .anfragebarContent{display:block;} #anfragebar a{text-decoration:none;} .anfragebar_element {background: #ff7b2f none repeat scroll 0 0; color: #fff; display: block;font-family: barkentina; font-size: 22px; font-weight: normal; min-width: 107px; padding: 5px 0 5px 14px;white-space: nowrap; } .anfragebar_element:hover{text-decoration: none;} .anfragebar_element.angebote {top: 207px;background: #2c6ba0;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;} .anfragebar_element.angebote:hover {background: #1E4B70} .anfragebar_element.buchen {top: 247px;background:#779e20 none repeat scroll 0 0;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;} .tm-buchen {background: #779e20 none repeat scroll 0 0; color: #ffffff; display: block; font-family: barkentina; font-size: 20px; margin-top: 8%; padding: 6px 15px; text-align: center; text-decoration: none !important; text-transform: uppercase; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .tm-buchen.tm-buchen-in {display: inline-block; margin-bottom: 3%; margin-top: 0; } .tm-buchen:hover, .anfragebar_element.buchen:hover {background: #5F8118 none repeat scroll 0 0} .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:9999999 !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;} /* helper --------------------------------------------- */ #xenuspage #xns_left { top: 0!important; } #xenuspage input[type="submit"] .xicon-arrow-left, #xenuspage button .xicon-arrow-left, #xenuspage #xns_left a.submit .xicon-arrow-left, #xenuspage span.submit .xicon-arrow-left, #xenuspage div.box_content a.right_half .xicon-arrow-left, #xenuspage div.box_content a.left_half .xicon-arrow-left, #xns_left a.submit .xicon-arrow-left, #xns_left a.submit .xicon-arrow-left, #xenuspage button .xicon-payment { margin-left: 0px!important; } #xenuspage .requestWrap div.col4 { width: 48%!important; } #xenuspage .requestWrap textarea#comment { max-width: 96%!important; } #xenuspage .request .requestWrap .col4:nth-child(2n+2) { clear: both; } @media only screen and ( max-width: 650px ){ #xenuspage .requestWrap div.col4 { width: 100%!important;} #xenuspage .requestWrap textarea#comment { max-width: 100%!important;width: 100%!important } } #text-36 .caption { display: none; } #text-41 .textwidget { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; } input[type=checkbox] + label + input { display: none; } input[type=checkbox]:checked + label + input { display: block; } #gutscheinIframe .gallery_preview img {position: relative; top: -8px !important; } #gutscheinIframe .gallery_preview_container {margin-top: 10px !important; } #gutscheinIframe .gallery_preview {padding: 0 !important; } #xenuspage .box_left {font-weight: normal !important; } .half_bind .blue {padding-right: 8px !important; } #xenuspage #xns_left {margin-bottom: 50px !important; position: relative !important; } #xenuspage h2, #xenuspage h1, #xenuspage h3, #xenuspage p, #xenuspage div, #xenuspage span, #xenuspage a {font-family: "open_sans",Arial,Helvetica,sans-serif !important; } .xenus_box {position: relative; } #xns_widget {top: 0 !important; position: relative!important; width: 98% !important; } #xenuspage #xns_top {margin: 0 !important; } .tmplFullWidth #content-main {float: none; max-width: 1270px; width: 98%; } #xenuspage #xns_content {background: #d7d0c4 none repeat scroll 0 0 !important; margin: 7px 0 0 !important; min-height: 225px; padding: 10px 0 0; } #xenuspage #xns_top.inactive span {color: #fff !important; } #xenuspage #xns_top.inactive {background: #a2855c none repeat scroll 0 0 !important; } #tm_anfrage_bemerkungen_short, #tm_anfrage_bemerkungen_bar {border: 1px solid; font-size: 15px !important; padding: 3px 0 0 10px !important; width: 259px !important; } #CDSWIDSSP {width: 100% !important; } #sentres-map {width: 100% !important; } #content-main.content ul.boxen li a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px dashed #a2855c; padding-bottom: 20px; } #content-main.content .boxen .wp-post-image {margin: 3px 20px 7px 0 !important; } .activecard.kreis{display: none;} #anfragebar.active {z-index: 999999} .activecard {height: auto; overflow: hidden; position: relative; right: 0; top: 0; width: 245px; z-index: 99; } #text-36 {height: 120px; overflow: hidden; position: absolute; right: 0; top: 280px; width: 245px; z-index: 99999; } .overflowscroll {overflow-x: auto; margin-bottom: 1em;overflow-y:hidden} .overflowscroll .tablepress {margin-bottom: 0} .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 -52px;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:29px;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 {background-color: #23160d; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #ffffff; display: inline-block; float: right; font-size: 20px; margin: 0 10px 0 0; padding: 6px 12px; 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; } .cs-button:hover {background: none repeat scroll 0 0 #736b6b;} .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;} #CDSWIDEXC { margin: 8px 0 0 !important; width: 100% !important; } div.hc-widget.hc-widget-medium { height: 150px; width: 100% !important; } .boxen a { text-decoration: none !important; } div.hc-widget.hc-widget-medium.hc-widget-with-reviews div.hc-widget-body { height: 282px!important; } div.hc-widget div.hc-widget-content-box span.hc-widget-quote-author { padding-bottom: 6px!important; } div.hc-widget div.hc-widget-content-box span.hc-widget-quote-headline { display: block; font-size: 16px!important; font-weight: 400; line-height: 18px!important; } #text-32 .textwidget {padding: 0px;} #text-32 .cs-buchen {background: #ff7b2f none repeat scroll 0 0; border-radius: 6px; cursor: pointer; display: block; font-size: 26px; padding: 15px 0; text-align: center; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; width: 100% !important; } #text-32 .cs-buchen:hover {background: #736b6b;} #text-32 {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; } #text-32 a {color:#fff;text-decoration: none!important} .cs-nl {color: #ffffff; display: block; font-size: 17px; margin: 8px 0 3px; } .block { border-bottom: 1px solid #ccc; padding: 10px 0; } .block img { float: left; margin-right: 10px; vertical-align: top; width: 300px; } .down-pdf {background: rgba(0, 0, 0, 0) url("img/pdf.png") no-repeat scroll 100% center;background-size:22px auto; padding: 0 29px 0 0; bottom: 5%; float: right; position: absolute; right: 2%;transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s; } .download-box:hover .down-pdf {background: rgba(0, 0, 0, 0) url("img/pdf.png") no-repeat scroll 100% center;background-size:22px auto; bottom: 50%; font-size: 25px; right: 15%; } .download-box {background: #E2E2E2; padding: 15px; width: auto;position: relative; cursor: pointer;} .download img {float: left; max-width: 250px !important;transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s; } .download-box:hover .download img {max-width: 300px !important; } /* 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-13 {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 ){ #servicebar,#anfragebar, .anfragebar_element {top: 110px;} .anfragebar_element.angebote {top: 155px;} .anfragebar_element.buchen {top: 192px;} .anfragebar_element {font-size: 20px;min-width: 98px;} .anfragebar_element.rotate.angebote {top: 250px} .anfragebar_element.rotate.buchen {right: -46px; top: 394px} #anfragebar.active {width: 378px !important;} #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;} #front-widgets .widget {width: 31.3%;margin: 0 1%;} header .site-title img {margin: -20px 20px -44px 0; width: 220px; } .activecard {display: none; } .activecard.kreis {display: block; } #text-36 {height: 106px; overflow: hidden; position: absolute; right: 0; width: 100px; z-index: 99999;top:236px; } .activecard {height: auto; overflow: hidden; position: relative; right: 0; top: 0; width: 95px; z-index: 99; } .xenusBookingLinkContainer {font-size: 20px; padding: 4px 21px 4px 16px; top: 195px; z-index: 99999; } } @media only screen and ( max-width: 1410px ){ .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%;} .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;overflow:hidden;} header .wrapper {width: 96%; } #main-nav li a { padding: 0 15px; } .lang-it #main-nav li a { padding: 0 11px; } .on-scroll #main-nav li a {font-size: 15px; height: 40px; line-height: 40px; } .on-scroll #main-nav {float: right; } .on-scroll #main-nav ul ul {top: 40px; } .on-scroll #main-nav ul ul li a {font-size: 15px; line-height: 31px; } #front-widgets .widget {margin: 0 1% !important; width: 29% !important; } #front-widgets1 .widget {margin: 0 1% !important; width: 18.3% !important; } header .site-title img {margin: -11px 0 -44px; width: 180px; } } @media only screen and ( max-width: 1300px ){ #slider .flex-direction-nav li {max-width: 830px;} #anfragebar a.toggleShow span.icon {font-size: 30px;} #anfragebar a.toggleShow span.icon::before {margin-left: 0;} #anfragebar {padding: 9px 8px;} .footer-info article:first-child {text-align: center; width: 100%; } .footer-info article:last-child {padding: 22px 0; text-align: center; width: 100%; } header .site-title img {margin: -12px 20px -44px 0; width: 180px; } #main-nav li a {font-size: 15px; height: 40px; line-height: 40px; } #main-nav ul ul {top: 40px; } #main-nav ul ul li a {font-size: 14px; line-height: 30px; padding: 0 15px; } .anfrage_header {padding: 15px 0 10px; } address img {width: 39%; } } @media only screen and ( max-width: 1210px ){ #servicebar {display: none;} header .wrapper, footer .wrapper {width: 96%;} #content {width: 96%;} #content-main {width: 67%;} header .site-title img {left: 8px; margin: -11px auto -91px; position: absolute; width: 130px; } .header-bottom {height: 40px; text-align: center; } #main-nav {display: inline-block; } .header-top .lang-select {font-size: 11px; line-height: 30px; margin-right: 10px; padding: 0 8px; text-align: left; } .on-scroll header .site-title img {height: auto; left: 22px !important; margin-top: 5px; right: 100%; top: 0; width: 11%; } .on-scroll header .site-title img {width: 69px; } .flex-direction-nav a {background-size: 45px auto; height: 35px; width: 20px; } .flex-direction-nav .flex-next {background-position: -25px center; right: 0; } #slider .flex-direction-nav {top: 55%; } #content .content h1, #content .content h2,#content .content h3,#content .content h4 {font-size: 28px; line-height: 37px; } .sidebar .widget .caption {font-size: 25px; } #content-main {margin-left: 0; } body {font-size: 16px; line-height: 25px; } #front-widgets .widget a {font-size: 25px; line-height: 31px; } #content .content .caption {font-size: 30px; } .footer-blocks .widget .caption {color: #fff; font-size: 25px; line-height: 30px; padding-bottom: 30px; text-align: center; } .cs-button {font-size: 16px; } #text-33 .textwidget {font-size: 18px; line-height: 24px; } } @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; text-align: left;} .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: 66%;} #main-nav li a {font-size: 14px;} button, input[type=submit] {font-size: 16px; } } @media only screen and ( max-width: 1100px ){ #content-main {width: 63%;} .footer-blocks .widget .textwidget {min-height: 340px;} } @media only screen and (max-width: 1020px){ #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 15px 15px;} .sidebar .textwidget {padding: 5px 15px;} #text-10 .widget .caption, #text-10 .textwidget {padding: 0;} .sidebar .widget {max-width: 310px;padding: 15px 0;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 .site-title img {float: left; margin: 5px 20px 10px 0; top: 0; width: 150px; } .header-top .lang-select {right: 0; position: absolute; margin: 5px 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; } #text-36 {top: 50px; } #cs-xenus {display: none;} } @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;} .footer-blocks .widget {margin: 0 2% 40px 0; width: 32%; } #front-widgets1 .widget {margin: 0 1% !important; width: 29.3% !important; } .link-anfahrt, .link-tel, .link-mobil, .link-mail {font-size: 14px; } .footer-blocks .widget .textwidget {min-height: 352px; } } @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;} .anfrage_formular_short input[type=text], .anfrage_formular_short textarea{width:90%;} .anfrage_formular_short select{width:100%;} .anfrage_formular_short input.half {width:90%;} .anfrage_formular_short input.half.calendar {width:94%;} span.icon.icon-calendar, #anfragebar input[type=text], #anfragebar textarea, #anfragebar input.half {width: 96%;} #anfragebar span.icon.icon-calendar {width: 100%;} #anfragebar.active {position: absolute; width: auto!important; top: 0; z-index: 999999; } #anfragebar {display:none;} .widget .caption {font-size: 22px;} .sidebar .widget {max-width: 100%;padding: 15px 0;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-nav {padding-bottom: 75px; } } @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-nav {padding-bottom:0;} #front-widgets1 .widget {margin: 20px auto !important; width: 100% !important; } .tablepress tfoot th, .tablepress thead th {font-size: 15px !important; } .tablepress td, .tablepress th {font-size: 13px !important; } #tm_anfrage_bemerkungen_short, #tm_anfrage_bemerkungen_bar { width: 94%!important; } } @media only screen and (max-width: 680px){ .header-top p {display: none;} header .site-title img {margin: 7px 20px 10px 0;width: 24%;} .header-top .lang-select {margin: 1% 0 0 0;} .galleryMobile {top: 72px;} .footer-blocks .widget:nth-child(odd){clear:both;} .footer-blocks .widget:nth-child(even){float:right;margin-right: 0;} .footer-blocks .widget {margin: 0 8% 40px 0;width: 45%;} #commentform label {width: 100%; display: block; float: none; } .captchaSizeDivLarge {margin: 0;} .xslider {width: 100% !important;} .xslider .flex-viewport {height: auto !important;} .xslider img {margin: 0 !important} .xslider .flex-active-slide .show {display: none !important;} #front-widgets1 .widget, #front-widgets .widget {width: 98%;padding: 0 !important;margin-bottom: 20px;} #front-widgets .widget {margin: 15px auto !important; width: 100% !important; } .block img {float: left; margin-right: 10px; padding-bottom: 18px; vertical-align: top; width: 100%; } .otw-sc-toggle {position: relative !important; } .otw-sc-toggle .toggle-trigger span {background-color: #ff7b2f !important; position: absolute !important; right: 0 !important; top: 13px !important; } #content .content .otw-sc-toggle h3 {padding: 10px 40px 10px 3% !important;font-size: 16px } .anfrage-button {font-size: 16px; } .activecard {height: auto; overflow: hidden; position: relative; right: 0; width: 62px; z-index: 99; } #text-36 {height: 66px; width: 67px; } #slider .flex-direction-nav {top: 60%;} } @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 {width: 28%;} #xslider { padding-bottom: 30px; } .xslider .flex-direction-nav li a {top: 61%; } #content .content h1, #content .content h2, #content .content h3, #content .content h4 {font-size: 24px; line-height: 37px; } } @media only screen and (max-width: 550px){ #slider .flex-direction-nav li {max-width: 70%;} .sidebar .widget {max-width: 400px; padding: 15px 0; width: 98%; float: none!important; clear: none!important; margin: 40px auto; } .footer-blocks .widget {float: none !important; margin: 40px auto !important; max-width: 400px; width: 98%; } .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%;} .footer-blocks .widget .textwidget {min-height: auto; } .footer-blocks {padding: 20px 0 30px;} .sidebar .widget .caption {font-size: 20px; } .flex-direction-nav .flex-next {right: 15%; } .flex-direction-nav .flex-prev {left: 15%; } .footer-blocks .widget .textwidget {min-height: 0px; } } @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; } #front-widgets .widget a {font-size: 22px;line-height: 24px;} } @media only screen and (max-width: 480px){ #content img.alignright, #content img.alignleft, #content img.right, #content img.left {max-width:100%;} header .site-title img, #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 {padding: 7px 10px; } #content .content article {padding: 20px 0px;} #content .content h1,#content .content h2,#content .content h3,#content .content h4 {font-size: 20px;line-height: 21px;} #content .content p, #content .content ul, #content .content ol {line-height: 20px; font-size: 15px; } #mobile-nav ul li a {font-size: 17px; } #slider .flex-direction-nav {top: 62%;} #content {width: 96%} 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: 107% !important; } } @media only screen and (max-width: 380px){ .activecard {display: block; right: -52px; width: 120px; } #text-36 { height: 43px; width: 96px; } } @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;} .activecard {right: -62px; top: 45px; width: 115px; } } #lts-eventfinder header { position: relative !important; }