/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, 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;
}
body {
line-height:1;
}
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;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
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;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address, section, aside, main
{
display: block;
}
/*!
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('/layout/modules/osfw/SecraContentPage/assets/images/icons/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('/layout/modules/osfw/SecraContentPage/assets/images/icons/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('/layout/modules/osfw/SecraContentPage/assets/images/icons/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('/layout/modules/osfw/SecraContentPage/assets/images/icons/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('/layout/modules/osfw/SecraContentPage/assets/images/icons/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}
.default-font {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
}
.border-button-style {
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.border-button-style-invers {
border: 1px solid #fff;
border-radius: 3px;
}
.border-default-style {
border: 1px solid #fff;
box-shadow: 0 0 3px #bbbbbb;
}
.border-main-box {
box-shadow: 1px 1px 1px #dfdfdf;
border: 1px solid #fff;
}
/* pt-sans-regular - latin */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/layout/modules/osfw/SecraContentPage/assets/fonts/pt-sans-latin-regular.woff2') format('woff2'), url('/layout/modules/osfw/SecraContentPage/assets/fonts/pt-sans-latin-regular.woff') format('woff');
}
/* pt-sans-italic - latin */
@font-face {
font-family: 'PT Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('/layout/modules/osfw/SecraContentPage/assets/fonts/pt-sans-latin-italic.woff2') format('woff2'), url('/layout/modules/osfw/SecraContentPage/assets/fonts/pt-sans-latin-italic.woff') format('woff');
}
/* pt-sans-700 - latin */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/layout/modules/osfw/SecraContentPage/assets/fonts/pt-sans-latin-700.woff2') format('woff2'), url('/layout/modules/osfw/SecraContentPage/assets/fonts/pt-sans-latin-700.woff') format('woff');
}
/* pt-sans-700italic - latin */
@font-face {
font-family: 'PT Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('/layout/modules/osfw/SecraContentPage/assets/fonts/pt-sans-latin-700italic.woff2') format('woff2'), url('/layout/modules/osfw/SecraContentPage/assets/fonts/pt-sans-latin-700italic.woff') format('woff');
}
html {
font-size: 16px;
}
html * {
box-sizing: border-box;
}
body {
background: hsl(199, 100%, 97%);
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
font-size: 15px;
color: #454545;
margin: 0;
padding: 0;
height: 100%;
}
div.localhostbanner {
position: fixed;
right: -55px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 250px;
background-color: #F00;
color: #FFF;
height: 50px;
line-height: 50px;
text-align: center;
top: 45px;
font-family: Arial;
font-weight: bold;
font-size: 16px;
z-index: 99999999;
}
strong,
b {
color: #343434;
font-weight: 600;
}
em {
font-style: italic;
font-weight: 400;
color: #888;
}
.lastminute_box em {
color: #fff;
}
i {
font-style: normal;
}
p,
.pmargin {
margin: 0 0 10px 0;
line-height: 1.5;
}
.gemeindewrapper p[style="margin-bottom: 0cm"] {
margin: 0 0 10px 0 !important;
}
a,
main .ui-widget-content a,
.touch .phonenumber {
color: hsl(199, 83%, 58%);
text-decoration: none;
transition: all 0.3s ease-in-out;
}
a:hover,
main .ui-widget-content a:hover,
.touch .phonenumber:hover {
color: hsl(199, 95%, 32%);
}
a:hover,
a:active,
a:focus,
.touch .phonenumber:hover,
.touch .phonenumber:active,
.touch .phonenumber:focus,
.ui-widget-content .touch .phonenumber:hover,
.ui-widget-content .touch .phonenumber:active,
.ui-widget-content .touch .phonenumber:focus {
text-decoration: none;
color: hsl(199, 95%, 32%);
}
.phonenumber,
.ui-widget-content .phonenumber {
color: #454545;
text-decoration: none;
}
.phonenumber:hover {
cursor: text;
}
hr {
clear: both;
border-top: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
margin: 8px 0;
}
.flright {
float: right;
}
.flleft {
float: left;
}
.cboth {
clear: both;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.objectcenter {
margin: 0 auto;
}
.mar_top_20 {
margin: 20px 0 0 0;
}
.small {
font-size: 13px;
line-height: 20px;
}
.small.grey,
.smaller.grey,
a .grey {
color: #888;
}
.small.grey strong {
color: #454545;
font-weight: 500;
}
.small.grey strong.red {
color: #ba0913;
}
.smaller {
font-size: 11px;
line-height: 13px;
}
.medium {
font-size: 17px;
}
.large {
font-size: 21px;
}
.larger {
font-size: 27px;
}
.extralarge {
font-size: 37px;
}
.extralarger {
font-size: 57px;
line-height: 57px;
}
.red {
color: #ba0913;
}
.orange {
color: #f7941d;
}
.green {
color: #04af00;
}
.greengrad {
color: #70ae00;
}
.cyan {
color: #0991d0;
}
.black {
color: #454545;
}
.w5 {
width: 5%;
}
.w10 {
width: 10%;
}
.w15 {
width: 15%;
}
.w15i {
width: 14%;
}
.w20 {
width: 20%;
}
.w25 {
width: 25%;
}
.w30 {
width: 30%;
}
.w33 {
width: 33%;
}
.w40 {
width: 40%;
}
.w50 {
width: 50%;
}
.w50i {
width: 48%;
}
.w57 {
width: 57%;
}
.w60 {
width: 60%;
}
.w70 {
width: 70%;
}
.w75 {
width: 75%;
}
.w80 {
width: 80%;
}
.w90 {
width: 90%;
}
.w100 {
width: 100%;
}
.w100i {
width: 98%;
}
.hide {
display: none;
}
.inline {
display: inline-block;
}
.bottomleft10 {
position: absolute;
left: 10px;
bottom: 10px;
}
.bottomleft10:active,
.bottomleft10:focus {
position: absolute !important;
top: 11px !important;
left: 11px !important;
}
.bottomleft10 .searchbutton {
display: inline-block;
}
.bottomright10 {
position: absolute;
right: 10px;
bottom: 10px;
}
.lastminute_box a.bottomright10:active,
.lastminute_box a.bottomright10:focus {
position: absolute;
top: inherit;
left: inherit;
right: 9px;
bottom: 9px;
}
::selection {
color: #fff;
background: #0991d0;
text-shadow: none;
}
::-moz-selection {
color: #fff;
background: #0991d0;
text-shadow: none;
}
.scrollup {
opacity: 0.8;
position: fixed;
bottom: 2rem;
display: none;
text-indent: -9999px;
background: url("/layout/modules/osfw/SecraContentPage/assets/images/icons/arrow-up.svg") no-repeat hsl(199, 92%, 43%) center;
z-index: 9999;
width: 3rem;
height: 3rem;
background-size: 50%;
right: 0.5rem;
transition: all 0.3s ease-in-out;
}
.scrollup:hover {
cursor: pointer;
opacity: 1;
}
.relative {
position: relative;
}
ol.numbers {
margin: 0 0 0 20px;
}
ol.numbers li {
color: #0991d0;
font-weight: 500;
margin: 0 0 5px 0;
}
.error404 ol.numbers {
margin-top: 20px;
margin-bottom: 20px;
}
.error404 ol.numbers li {
margin: 0 0 2px 0;
}
ol.numbers li span {
color: #454545;
font-weight: normal;
}
ol.numbers li strong {
font-size: inherit;
font-weight: 500;
color: #343434;
}
ul.list {
padding: 0;
margin: 0 0 0 20px;
overflow: hidden;
}
ul.list li {
list-style: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/li_arrow.png);
padding: 0;
margin: 0 0 7px 20px;
}
.svg ul.list li {
list-style: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/li_arrow.svg);
}
ul.list.agb {
font-size: 13px;
}
ul.list.picture_credits li {
width: 30%;
float: left;
}
.osfw-image {
line-height: 1px;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
overflow: hidden;
display: block;
margin: 0 0 20px 0;
}
.osfw-image.classification {
width: 100%;
}
.webver span {
padding: 0 0 0 5px;
}
#navbar_outer.nojavascript {
top: 30px;
}
.nojavascriptbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #ba0913;
color: #fbf3f3;
text-align: center;
font-size: 13px;
font-weight: 500;
padding: 5px 0;
border-bottom: 1px solid #fff;
box-shadow: 0 0 20px #99bde0;
text-shadow: 1px 1px 1px #454545;
z-index: 999999999;
}
.nojavascriptbox p strong {
font-size: 15px;
font-weight: 600;
color: #fbf3f3;
}
.nojavascriptbox p {
margin-bottom: 0;
}
#header {
height: 440px;
overflow: visible;
position: relative;
box-shadow: 0 0 10px #99bde0;
}
#header.csmall {
height: auto;
border-bottom: none;
box-shadow: none;
z-index: 100;
}
#headerimage {
width: 100%;
top: 0;
position: absolute;
padding: 40px 0 0 0;
}
#headerimage.csmall {
height: auto;
position: relative;
padding: 60px 0 0 0;
}
.osfw-slider {
height: 400px;
overflow: hidden !important;
}
#navbar_outer {
position: fixed;
top: 0;
pointer-events: none;
z-index: 9999999;
width: 100%;
background: #fff;
box-shadow: 0 3px 5px hsl(200deg 40% 90%);
}
#navbar_outer.csmall {
height: auto;
}
.leaflet-top,
.leaflet-bottom {
z-index: 5 !important;
}
#navbar {
width: 100%;
pointer-events: none;
}
#navbar.csmall {
background: none;
}
#navbar_inner {
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#logo {
pointer-events: auto;
float: left;
max-width: 20rem;
}
#logo a {
display: block;
padding: 0.5rem;
}
#logo a:hover img {
opacity: 0.6;
}
#logo img {
width: 100%;
height: auto;
transition: all 0.3s ease-in-out;
}
#logo_small {
pointer-events: auto;
float: left;
display: none;
max-width: 16rem;
}
#logo_small a {
display: block;
padding: 0.5rem 0.5rem 0.25rem;
}
#logo_small a:hover img {
opacity: 0.6;
}
#logo_small img {
width: 100%;
height: auto;
transition: all 0.3s ease-in-out;
}
#logo_small.csmall {
display: block;
margin: 6px 0 0 0;
}
.header_item {
position: relative;
background-repeat: no-repeat;
background-position: bottom;
overflow: visible;
background-color: #99bde0;
}
.header_wrapper {
position: relative;
height: 400px;
width: 1000px;
margin: 0 auto;
overflow: visible;
}
.header_inner {
position: relative;
}
.header_flag {
transition: all ease-in-out 0.5s;
position: absolute;
top: 0;
right: 0;
width: 330px;
height: 300px;
background: url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_transwhite.png) 0 0 repeat-x;
padding: 35px 0 0 0;
overflow: hidden;
}
.hotspot .header_flag_hotspot {
transition: all ease-in-out 0.5s;
position: absolute;
top: 0;
left: 0;
width: 330px;
height: 300px;
background: url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_transwhite.png) 0 0 repeat-x;
padding: 80px 0 0 0;
overflow: hidden;
}
.header_flag.opened {
width: 100%;
}
.header_flag.opened .headerbox {
width: 32%;
min-height: 265px;
float: left;
margin: 0;
background: url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_whitetrans.png) 0 100px repeat-x;
transition: all ease-in-out 0.5s;
position: relative;
}
.header_flag.opened .spacer {
width: 2%;
display: block;
float: left;
}
.header_flag .more {
display: inline-block;
background: url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_transwhite.png) 0 -240px repeat-x;
padding: 2px 5px;
border-radius: 5px;
}
.header_flag .more i {
padding: 0 5px 0 0;
}
.header_flag .more:hover {
cursor: pointer;
}
.header_flag.opened .more {
display: none;
transition: all ease-in-out 0.5s;
}
.header_flag.opened p.textmore,
.header_flag.opened img.headerbox_img {
display: block;
width: 90%;
}
.header_flag.opened p.textmore.right {
position: absolute;
right: 0;
bottom: 50px;
}
.header_flag.default {
overflow: hidden;
}
p.headertext {
margin: 0 0 20px 0;
}
p.textmore,
.header_flag img.headerbox_img {
display: none;
}
.header_flag img.headerbox_img {
margin: 0 20px 20px 20px;
width: 88%;
border-radius: 8px;
border: 1px solid #fff;
box-shadow: 0 0 3px #bbbbbb;
}
.header_flag p,
.hotspot .header_flag_hotspot p {
padding: 0 20px;
}
.header_flag p.default,
.header_flag p.textmore,
.hotspot .header_flag_hotspot p {
background: none;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
font-size: 0.85rem;
}
h3.personalbartitle {
font-weight: 500;
font-size: 21px;
line-height: 15px;
text-align: center;
color: #f7941d;
margin: 5px 0 20px 0;
overflow: visible;
}
h3.personalbartitle p {
position: relative;
display: inline-block;
margin: 0 auto;
padding: 0 40px 0 0;
}
#personalbar {
width: 100%;
background: #fff0de;
z-index: 99999;
position: fixed;
bottom: 0;
margin-bottom: -210px;
}
.personalbordertop {
width: 100%;
position: relative;
background: #f7941d url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange.jpg) 0 0 repeat-x;
height: 5px;
border: 1px solid #fff;
}
.personalbordertop img.my {
position: absolute;
right: -190px;
top: -75px;
z-index: 1;
}
.personalbordertop_inner {
position: relative;
width: 1000px;
margin: 0 auto;
opacity: 0.8;
}
#opened .personalbordertop_inner {
opacity: 1;
}
#closed .personalbordertop_inner {
opacity: 0.8;
}
#personalbar_icons {
position: absolute;
top: -40px;
left: -190px;
color: #fff;
text-align: center;
font-size: 13px;
pointer-events: none;
}
.personalbordertop .recently_viewed,
.personalbordertop .noticed,
.personalbordertop .hidden {
float: left;
margin: 0 10px 0 0;
height: 40px;
overflow: hidden;
}
.personalbordertop .personalbar_icon {
display: block;
width: 50px;
height: 27px;
margin: 0 auto;
padding: 7px 0 5px 0;
color: #fff;
text-decoration: none;
text-align: center;
background: #fdb35a url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange_hover.jpg) 0 0 repeat-x;
border: 1px solid #fff;
border-bottom: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 27px;
position: relative;
pointer-events: all;
}
.personalbordertop .recently_viewed .personalbar_icon {
padding: 4px 0 10px 0;
font-size: 33px;
}
.personalbordertop .personalbar_icon .personalbar_icon_new {
display: inline-block;
width: 12px;
height: 12px;
text-align: center;
border-radius: 12px;
font-size: 11px;
line-height: 11px;
margin: 0;
padding: 3px;
position: absolute;
top: 3px;
right: 3px;
background: #ba0913;
box-shadow: 0 0 3px #fff;
}
#personalbar:hover .personalbordertop {
cursor: pointer;
background: #fdb35a url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange_hover.jpg) 0 0 repeat-x;
}
#personalbar:hover .personalbordertop_inner {
opacity: 1;
}
#personalbar:hover .personalbar_icon {
cursor: pointer;
background: #f7941d url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange.jpg) 0 0 repeat-x;
}
#personalbar_inner {
width: auto;
margin: 0;
padding: 0;
}
#personalbartabs {
width: auto;
height: 190px;
}
#personalbar_inner .ui-tabs-vertical {
width: 100%;
padding: 0;
margin: 0;
background: none;
border: none;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav {
padding: 0;
height: 190px;
margin: 0;
float: left;
width: 18%;
border: none;
border-right: 1px solid #dbdbdb;
background: #fff;
border-radius: 1px;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li {
clear: left;
width: 100%;
border: none;
border-bottom: 1px solid #dbdbdb;
margin: 0;
padding: 0;
background: none;
position: relative;
border-radius: 1px;
white-space: normal;
text-indent: 10px;
font-size: 15px;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li i {
padding: 0 5px 0 0;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li a,
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li a:active,
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li a:focus {
display: block;
padding: 13px 0;
border-radius: 1px;
width: 100%;
border: none;
outline: none;
color: #999;
font-weight: 500;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li a i.activearrow {
display: none;
position: absolute;
top: 8px;
right: -18px;
font-size: 37px;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
padding: 0;
margin: 0;
border: none;
border-bottom: 1px solid #fdb35a;
border-right: 1px solid #fff0de;
background: #fff0de;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li.ui-state-hover {
border-bottom: 1px solid #fdb35a;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li.ui-state-hover i.fa-eye,
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active i.fa-eye {
color: #f7941d;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li.ui-state-hover i.fa-heart,
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active i.fa-heart {
color: #ba0913;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li.ui-state-hover i.fa-times-circle,
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active i.fa-times-circle {
color: #343434;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
color: #343434;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-panel {
width: 80%;
padding: 0;
margin: 0;
float: right;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-panel .inner {
width: 98%;
}
#personalbar_inner .personalbar_imgicon {
font-size: 21px;
padding: 5px 5px 5px 8px;
border-bottom-left-radius: 8px;
position: absolute;
top: 0;
right: 0;
}
#personalbar_inner #last_viewed .personalbar_imgicon,
#personalbar_inner #favorited .personalbar_imgicon.hide,
#personalbar_inner #hided .personalbar_imgicon.favorite {
display: none;
}
#personalbar_inner #favorited .personalbar_imgicon.favorite {
background: #f8e8e8;
color: #ba0913;
}
#personalbar_inner #hided .personalbar_imgicon.hide {
display: block;
background: #efefef;
color: #999;
z-index: 4;
}
.personalbarobject_dtv {
display: block;
width: 121px;
height: 23px;
text-align: center;
margin: 0 auto;
}
.personalbarobject_dtv.star_1 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -51px -100px no-repeat;
}
.personalbarobject_dtv.star_2 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -262px -100px no-repeat;
}
.personalbarobject_dtv.star_3 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -475px -100px no-repeat;
}
.personalbarobject_dtv.star_4 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -688px -100px no-repeat;
}
.personalbarobject_dtv.star_5 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -900px -100px no-repeat;
}
#footer_outer {
width: 100%;
background: #fff;
margin-top: 3rem;
box-shadow: 0 -3px 5px hsl(200deg 40% 90%);
}
.vermieterbereich #cwrapper_main {
width: 67%;
float: right;
}
.vermieterbereich #footer_inner {
width: 100%;
padding: 1rem 1rem 2rem;
}
.vermieterbereich#footer_outer,
.vermieterbereich #footer,
.vermieterbereich #footer_inner {
height: auto;
}
.vermieterbereich #footer_inner {
padding-bottom: 20px;
}
#footer {
width: 100%;
}
#footer_inner {
width: 1000px;
margin: 0 auto;
padding: 1.5rem 0 2rem;
color: #1a4f7b;
}
#footer_inner .larger a {
font-size: 2rem;
border: 0;
}
.error404 #footer_outer,
.error404 #footer,
.error404 #footer_inner {
height: auto;
padding: 0;
}
.error404 #footer_inner {
width: 980px;
background: url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_whitetrans.png) 0 0 repeat-x;
background-size: 400% 400%;
border-radius: 10px;
padding: 0 0 5px 20px;
text-shadow: 0 0 3px #fff;
}
.footerbox {
width: 100%;
margin: 0;
float: left;
line-height: 17px;
}
@media screen and (min-width: 48em) {
.footerbox {
width: 50%;
}
}
@media screen and (min-width: 64em) {
.footerbox {
width: 25%;
}
.footerbox.discover {
width: 50% !important;
}
}
.footerbox.newsletter {
width: 25%;
}
.footerbox.discover {
width: 100%;
}
.error404 .footerbox.discover {
width: 60%;
}
.error404 .footerbox ul#discover_desktop {
display: none;
}
.error404 .footerbox ul#discover_mobile {
display: block;
}
.footerbox ul#discover_desktop {
display: block;
}
.footerbox ul#discover_mobile {
display: none;
}
.footerbox a {
color: hsl(199, 92%, 43%);
text-decoration: none;
display: inline-block;
padding: 0.25rem 0 0;
transition: all 0.3s ease-in-out;
line-height: 1.4;
border-bottom: 1px solid transparent;
}
.footerbox a:hover {
color: hsl(199, 95%, 32%);
border-color: hsl(199, 95%, 32%);
}
.footerbox ul li {
list-style: none;
padding: 0;
margin-bottom: 0.25rem;
}
.footerbox.discover ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
column-gap: 20px;
}
.no-csscolumns .footerbox.discover ul li {
float: left;
width: 40%;
margin-right: 20px;
padding: 0;
white-space: nowrap;
overflow: hidden;
}
.no-csscolumns .error404 .footerbox.discover ul li {
width: 46%;
}
.footerbox.icons i {
position: relative;
top: 3px;
padding: 0 6px 0 0;
font-size: 27px;
}
.footerbox.icons p {
line-height: 27px;
margin: 0 0 5px 0;
}
.error404 .footerbox.newsletter {
display: none;
}
.footerbox.newsletter .inptextform,
.footerbox.newsletter .button-orange {
width: 100%;
}
.footerbox.newsletter .inptextform {
box-shadow: none;
border-color: #fff;
margin: 5px 0 10px 0;
}
.footerbox.newsletter .inptextform:hover,
.footerbox.newsletter .inptextform:active,
.footerbox.newsletter .inptextform:focus {
box-shadow: 0 0 3px #1a4f7b;
}
.footercopyright {
margin-top: 2rem !important;
display: block;
font-size: 14px !important;
}
.footercopyright a {
text-decoration: none;
color: hsl(199, 92%, 43%);
transition: all 0.3s ease-in-out;
}
.footercopyright a:hover {
color: hsl(199, 95%, 32%);
}
#breadcrumb,
.bc_button,
.search_list {
margin: 0;
font-size: 13px;
color: #454545;
display: inline-block;
float: left;
}
#breadcrumb ul,
.bc_button ul,
.search_list ul {
list-style: none;
display: inline;
float: left;
}
#breadcrumb ul li,
.bc_button ul li,
.search_list ul li {
display: inline;
margin: 0 0 1rem 0;
}
#breadcrumb ul li a,
.bc_button ul li a,
.search_list ul li a {
text-decoration: none;
}
p.back {
float: left;
margin: 0 0 15px 0;
}
#breadcrumb a span {
padding: 0;
}
#breadcrumb span {
padding: 0;
}
#breadcrumb ul > .back {
margin: 0 1rem 1rem 0;
}
#breadcrumb p.back {
margin-right: 1rem;
}
#breadcrumb p.back > span {
display: none;
}
#breadcrumb ul {
display: none;
}
@media screen and (min-width: 48em) {
#breadcrumb ul {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 0 1.5rem;
width: 100%;
}
}
@media screen and (min-width: 64em) {
#breadcrumb ul {
margin: 0;
width: auto;
}
}
#breadcrumb .back {
margin: 0;
}
#breadcrumb .back + meta + span {
display: none;
}
#breadcrumb .back i {
margin-right: 0.25rem;
}
a.bc,
a.back {
padding: 0.5rem;
transition: all ease 0.3s;
}
.bc {
color: hsl(199, 92%, 43%);
text-decoration: none;
transition: 0.3s ease;
}
.bc:hover {
color: hsl(199, 95%, 32%);
}
#breadcrumb a.active {
padding: 0.5rem;
pointer-events: none;
}
#breadcrumb .bc_current {
color: hsl(199, 95%, 32%);
font-weight: bold;
}
.overbreadcrumb {
width: 15%;
float: left;
text-align: center;
margin: -5px 0 5px 0;
}
.overbreadcrumb.vn {
width: 40%;
}
.overbreadcrumb a {
color: #fff;
}
#navigation {
width: 32rem;
float: right;
padding: 0.75rem 0.5rem;
pointer-events: auto;
}
#navigation > div {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media screen and (min-width: 48em) {
#navigation #register_object {
margin-left: 0.5rem;
}
#navigation #object_number_search {
margin-left: 1rem;
}
}
#navigation.vermieter_login_header {
width: 700px;
}
ul#navi li {
list-style: none;
float: left;
margin: 2px 8px 0 8px;
background-repeat: no-repeat;
color: #0991d0;
font-size: 13px;
line-height: 20px;
}
ul#navi li a {
color: hsl(199, 92%, 43%);
text-decoration: none;
transition: all 0.3s ease-in-out;
font-size: 0.9rem;
}
ul#navi li a i {
padding: 0 5px 0 0;
font-size: 15px;
}
ul#navi li a:hover,
ul#navi li a:active,
ul#navi li a:focus {
color: hsl(199, 95%, 32%);
}
#search_object {
display: flex;
}
#object_number_search {
display: inline-block;
width: 8rem;
}
#register_object {
float: left;
padding: 0.3rem 0.5rem;
font-size: 0.9rem;
}
#search_object input.textinput {
background-color: #fff;
background-position: center right;
background-repeat: no-repeat;
padding: 0.9rem;
border: 0;
border-radius: 0.2rem;
font-weight: normal;
font-size: 1rem;
line-height: 1.3;
color: #454545;
text-align: left;
transition: all ease-in-out 0.3s;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #bbbbbb;
padding: 0.3125rem;
line-height: 1.4;
font-size: 0.9rem;
width: 100%;
outline: 0;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#search_object button {
position: relative;
background: hsl(199, 92%, 43%);
transition: all 0.3s ease-in-out;
border: 0;
border-radius: 0;
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
box-shadow: none;
height: 2rem;
width: 2rem;
font-size: 1rem;
padding: 0 0.5rem;
}
#search_object button i {
width: 1rem;
}
#search_object button:hover {
background: hsl(199, 95%, 32%);
}
.navclear {
display: none;
}
#navigation_outer:before,
#navigation_outer:after {
content: " ";
display: table;
}
#navigation_outer:after {
clear: both;
}
#navigation_outer {
*zoom: 1;
}
#navigation_outer #pull {
display: none;
pointer-events: auto;
font-weight: 300;
text-align: center;
text-decoration: none;
color: #6190a6;
}
#searchbar {
position: absolute;
width: 100%;
bottom: -1px;
pointer-events: none;
}
#searchbar.csmall {
position: static;
margin: 0;
bottom: inherit;
}
.no-js #searchbar.csmall {
padding-top: 30px;
}
#searchbar_inner {
width: 997px;
margin: 0 auto;
position: relative;
}
.responsive-tabs-wrapper {
position: relative;
}
.searchbox {
float: left;
margin: 0.5rem;
}
.searchtitle {
font-weight: 500;
font-size: 1rem;
line-height: 20px;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
color: #fff;
margin: 0 0 0.25rem 0;
}
.searchtitleresults {
display: none;
font-weight: 500;
font-size: 15px;
line-height: 20px;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
color: #fff;
margin: 0 0 6px 0;
overflow: hidden;
white-space: nowrap;
min-height: 18px;
}
.searchinp {
background-color: #fff;
background-position: center right;
background-repeat: no-repeat;
padding: 0.9rem;
border: 0;
border-radius: 0.2rem;
font-weight: normal;
font-size: 1rem;
line-height: 1.3;
color: #454545;
text-align: left;
transition: all ease-in-out 0.3s;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.compare {
width: 100%;
font-size: 13px;
}
input::-webkit-input-placeholder {
color: #454545;
opacity: 1;
font-size: 15px;
}
input::-moz-placeholder {
color: #454545;
opacity: 1;
font-size: 15px;
}
input:-moz-placeholder {
color: #454545;
opacity: 1;
font-size: 15px;
}
input:-ms-input-placeholder {
color: #454545;
font-size: 15px;
opacity: 1;
}
input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
position: absolute;
right: 0.25rem;
width: 1.5rem;
}
.searchinp.mobiledate {
display: block;
margin: 0;
padding: 1rem;
line-height: 1;
width: 100%;
box-sizing: border-box;
background: #fff;
border-radius: 0.2rem;
box-shadow: 0 0 5px hsl(199, 95%, 32%);
text-align: left;
position: relative;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
max-height: 3.15rem;
min-height: 3.15rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.searchselect {
background-color: #fff;
background-position: center right;
background-repeat: no-repeat;
border: 1px solid #fff;
padding: 5px 10px;
border-radius: 5px;
box-shadow: 0 0 2px #228fc2;
box-shadow: inset 2px 2px 4px #efefef;
color: #ddd;
margin: 0 0 10px 0;
transition: all ease-in-out 0.2s;
}
.searchinp:hover,
.searchinp:active,
.searchinp:focus,
.searchselect:hover,
.searchselect:active,
.searchselect:focus {
outline: 0;
}
.search_where {
width: 100%;
overflow: hidden;
background-image: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/searchbar_pin.svg);
display: table-cell;
vertical-align: middle;
cursor: text;
box-sizing: border-box;
background-color: #fff;
padding: 1rem;
}
.search_date {
width: 100%;
overflow: visible;
background-image: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/searchbar_calendar.svg);
display: block;
box-sizing: border-box;
vertical-align: middle;
}
.search_date .travel_date {
display: block;
}
.search_date .weekdays,
.search_date .duration {
display: block;
font-size: 10px;
line-height: 13px;
font-style: normal;
color: #999;
margin-top: -0.1rem;
}
.search_date .weekdays {
float: left;
}
.search_date .duration {
float: left;
padding-left: 0.2rem;
}
#datepicker_calendar_mobile_wrapper {
display: none;
}
.common-booking-request .selectboxit-container .selectboxit {
width: 220px !important;
}
#date_container {
font-size: 15px;
}
#hotspot_chooser_mobile_wrapper {
display: none;
}
.searchbox.where span.title {
display: none;
}
#travel_region_container {
padding-left: 0.5em;
padding-right: 0.5em;
}
.region_added {
color: #04af00;
transition: all ease-in-out 0.5s;
}
.region_removed {
color: #ba0913;
transition: all ease-in-out 0.5s;
}
.popup-hotspototinfo {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size: 15px;
color: #454545;
}
.map_hotspotlist {
background: #f2f6f9;
width: 33%;
float: left;
}
.map_hotspotlist .inner {
border: 2px solid #0991d0;
border-radius: 5px;
padding: 10px 0 20px 20px;
}
.map_area {
width: 65%;
float: right;
}
.map_hotspotlist_text {
color: #0991d0;
font-weight: 500;
font-size: 17px;
}
.map_hotspotlist_text,
.map_hotspotlist_content {
padding: 10px 20px 0 0;
}
.map_hotspotlist_content {
overflow: auto;
}
ul.maplist li {
border-radius: 10px;
}
ul.maplist li label,
ul.maplist li label span.text {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
width: 70%;
}
ul.checklist.maplist li input[type="checkbox"] + label span.text {
width: 70%;
}
#personen_mobile_wrapper {
display: none;
}
.search_persons {
overflow: hidden;
background-image: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/searchbar_persons.svg);
display: table-cell;
vertical-align: middle;
}
.search_persons i {
font-style: italic;
}
.search_persons .travel_animals {
display: block;
text-align: center;
font-size: 11px;
line-height: 13px;
font-style: normal;
color: #999;
}
#popup_persons #adult,
#popup_persons #child {
margin: 0 0 10px 0;
}
#popup_persons #adult span.title,
#popup_persons #child span.title,
#popup_persons #child-age span.title,
#popup_persons #dog span.title,
#popup_persons #cat span.title,
#popup_persons #other_animal span.title,
#popup_persons #hinweis_personen span.title {
font-weight: 500;
display: inline-block;
width: 100px;
text-align: right;
padding-right: 10px;
}
#popup_persons #dog {
padding-top: 5px;
border-top: 1px solid #f0f0f0;
}
#popup_persons #dog,
#popup_persons #cat,
#popup_persons #other_animal {
margin-bottom: 5px;
}
#popup_persons #dog label,
#popup_persons #cat label,
#popup_persons #other_animal label {
vertical-align: top;
}
#popup_persons #dog label span,
#popup_persons #cat label span,
#popup_persons #other_animal label span {
position: relative;
top: 3px;
}
#popup_persons #dog label:hover,
#popup_persons #cat label:hover,
#popup_persons #other_animal label:hover {
cursor: pointer;
}
#popup_persons .selectboxit-option-first {
display: none;
}
#popup_persons span.selected {
background-image: linear-gradient(to bottom, #0991d0, #046fa0) !important;
color: #fff;
border-color: #046fa0;
}
#popup_persons span.selected:hover,
#popup_persons span.selected:focus {
background-position: 0;
}
#popup_persons ul.input_box {
list-style: none;
display: inline-block;
}
#popup_persons ul.input_box li {
display: inline-block;
padding: 4px 9px;
background-color: #efefef;
background-image: -moz-linear-gradient(top, #ffffff, #efefef);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));
background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
background-image: -o-linear-gradient(top, #ffffff, #efefef);
background-image: linear-gradient(to bottom, #ffffff, #efefef);
background-repeat: repeat-x;
border: 1px solid #dfdfdf;
margin: 0;
border-radius: 3px;
}
#popup_persons ul.input_box li:hover,
#popup_persons ul.input_box li:focus,
#popup_persons ul.input_box li:active {
background: #efefef;
color: #454545;
cursor: pointer;
box-shadow: 0 0 3px #0991d0;
border-color: #0991d0;
}
#popup_persons ul.input_box li.selected,
#popup_persons ul.input_box .selected {
background-image: linear-gradient(to bottom, #0991d0, #046fa0);
color: #fff;
border-color: #046fa0;
}
#popup_persons_mobile .title,
#mobiledate .title {
font-size: 1rem;
display: block;
width: 100%;
text-align: left;
padding: 0;
margin: 0 0 0.25rem;
overflow: visible;
}
#popup_persons_mobile .selectboxit-container {
text-shadow: none;
}
#popup_persons_mobile .selectboxit-container .selectboxit {
border-color: #fff;
box-shadow: 0 0 5px #046fa0;
width: 200px;
}
#popup_persons .selectboxit {
max-width: 6rem;
}
#popup_persons .selectboxit-options {
width: 100%;
}
.selectboxit-container .selectboxit {
max-width: 10rem;
}
.ui-dialog.ui-widget .ui-widget-header {
font-weight: 500;
}
.ui-dialog-content.ui-widget-content {
color: #454545;
}
.searchbutton {
text-align: center;
font-size: 1.15rem;
padding: 0.9rem 1.5rem;
line-height: 1.1;
font-weight: 700;
color: hsl(33, 100%, 7%);
text-decoration: none;
background: hsl(33, 93%, 54%);
border: 0;
border-radius: 0.2rem;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
transition: all 0.3s ease-in-out;
box-shadow: 0 0 5px hsl(199, 95%, 32%);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.searchbutton.searchbar {
width: 120px;
box-shadow: 0 0 2px #228fc2;
}
.searchbutton:hover {
background: hsl(33, 100%, 41%);
cursor: pointer;
}
.searchbutton:active {
position: relative;
outline: 0;
}
.searchbutton:focus {
outline: 0;
}
#searchbar_compare {
margin: 0 0.5rem;
}
@media screen and (min-width: 48em) {
.tab_container.search_container {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 1rem 0.75rem 0.5rem;
box-sizing: border-box;
flex-wrap: wrap;
}
.tab_container.search_container .searchbox.where,
.tab_container.search_container .searchbox.date,
.tab_container.search_container .searchbox.persons {
width: 25.33%;
}
.tab_container.search_container .search_where {
padding: 0.9rem 2.5rem 0.9rem 0.9rem;
}
.tab_container.search_container .searchinp.search_persons {
width: 100%;
box-sizing: border-box;
display: block;
}
.tab_container.search_container .searchinp {
box-shadow: 0 0 5px #046fa0;
}
.tab_container.search_container .duration {
display: none;
}
.tab_container.lastminute_container {
display: flex;
justify-content: space-between;
}
}
@media screen and (min-width: 64em) {
.tab_container.search_container .searchbutton {
width: 9rem;
}
.tab_container.search_container .duration {
display: inline;
}
}
.request_wrapper {
padding: 0 10px 10px 10px;
}
.request_wrapper .request_outer {
width: 50%;
float: left;
}
.request_wrapper .request.first {
margin: 0 5px 0 0;
}
.request_wrapper .request.second {
margin: 0 0 0 5px;
}
.request_wrapper .request p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
margin: 0 0 1rem;
width: 100%;
text-align: center;
}
.request_wrapper .request .inner {
padding: 0.5rem 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.request_wrapper .request .inner .button-orange {
width: 100%;
text-align: center;
box-shadow: 0 0 5px hsl(199, 95%, 32%);
max-width: 22rem;
display: inline-block;
}
.request_wrapper .request .icon {
font-size: 57px;
width: 20%;
padding: 0 1rem 0 0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
}
.request_wrapper .request .icon a {
color: hsl(199, 95%, 32%);
width: 100%;
text-align: center;
}
.request_wrapper .request .icon a:hover {
opacity: 0.8;
}
.request_wrapper .request .icon + p {
width: calc(100% - 20% - 1rem);
text-align: left;
}
.request_wrapper .request h2 {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
width: 100%;
font-size: 21px;
color: #fff;
margin: 0 0 20px 0;
padding: 0;
text-align: left;
text-shadow: none;
}
@media screen and (min-width: 48em) {
.request_wrapper .request p {
padding: 0 0.5rem 0.5rem;
margin: 0;
}
.request_wrapper .request .icon {
margin-bottom: 0;
padding: 1rem 0 0;
}
.request_wrapper .request .icon + p {
width: calc(100% - 20% - 2rem);
text-align: left;
}
.request_wrapper .request .inner {
padding: 0.5rem;
}
.request_wrapper .request .inner .button-orange {
width: auto;
max-width: none;
margin-right: 1rem;
}
.request_wrapper .request h2 {
margin: 0 0 0.5rem 0;
}
}
.button-cyan {
padding: 0.5rem 0.75rem;
color: #fff;
text-decoration: none;
background: hsl(199, 92%, 43%);
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
transition: all 0.3s ease-in-out;
border-radius: 0.2rem;
}
.button-cyan:hover,
.button-cyan:active,
.button-cyan:focus {
background: hsl(199, 95%, 32%);
color: #fff;
}
.cyanbg {
font-style: italic;
padding: 4px 10px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
background: #0991d0 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan.jpg) 0 0 repeat-x;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
.button-orange,
.ui-widget-content .ui-state-default.button-orange,
.vermieterbereich input[type=submit] {
padding: 0.75rem 1rem;
color: hsl(33, 100%, 7%) !important;
background: hsl(33, 93%, 54%);
text-decoration: none;
border: 0;
box-sizing: border-box;
font-size: 1rem;
border-radius: 0.2rem;
transition: 0.3s ease;
}
.button-orange:hover,
.ui-widget-content .ui-state-default.button-orange:hover,
.vermieterbereich input[type=submit]:hover {
color: hsl(33, 100%, 7%) !important;
}
.vermieterbereich input[type=submit],
.vermieterbereich .submit {
padding: 6px 10px;
font-size: 17px;
font-weight: 500;
}
.ui-widget-content .ui-state-default.button-orange {
padding: 0.5rem 0 0.25rem;
}
.button-orange:hover,
.button-orange:active,
.button-orange:focus,
.ui-widget-content .ui-state-hover.button-orange,
.vermieterbereich input[type=submit]:hover,
.vermieterbereich input[type=submit]:active,
.vermieterbereich input[type=submit]:focus {
background: hsl(33, 100%, 41%);
}
.circle-orange {
display: inline-block;
position: absolute;
top: -7px;
right: 0;
text-align: center;
padding: 5px;
width: 16px;
height: 16px;
font-size: 14px;
font-weight: 600;
line-height: 16px;
border-radius: 16px;
text-decoration: none;
color: #fff;
text-shadow: none;
text-transform: uppercase;
background: #f7941d url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange.jpg) 0 0 repeat-x;
border: 1px solid #fff;
box-shadow: 0 0 3px #bbbbbb;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
.button-red {
font-style: italic;
padding: 4px 10px;
color: #fff;
text-decoration: none;
background: #ba0913 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_red.jpg) 0 0 repeat-x;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
text-shadow: none;
}
.button-red:hover,
.button-red:active,
.button-red:focus {
background: #d23338 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_red_hover.jpg) 0 0 repeat-x;
}
.button-red#lmf_submit {
text-transform: uppercase;
}
.button-grey,
.vermieterbereich input[type=submit].button-grey {
font-style: italic;
padding: 4px 10px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
background: #cfcfcf url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_grey.jpg) 0 0 repeat-x;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
.button-grey:hover,
.button-grey:active,
.button-grey:focus,
.vermieterbereich input[type=submit].button-grey:hover,
.vermieterbereich input[type=submit].button-grey:active,
.vermieterbereich input[type=submit].button-grey:focus {
background: #bababa url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_grey_hover.jpg) 0 0 repeat-x;
}
.button-grey.disabled:hover,
.button-grey.disabled:active,
.button-grey.disabled:focus {
position: static;
cursor: default;
background: #cfcfcf url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_grey.jpg) 0 0 repeat-x;
}
.button-green {
background: hsl(81, 58%, 53%);
padding: 0.75rem 1rem;
color: hsl(81, 100%, 10%) !important;
text-decoration: none;
border: 0;
box-sizing: border-box;
font-size: 1rem;
border-radius: 0.2rem;
transition: 0.3s ease;
}
.button-green:hover,
.button-green:active,
.button-green:focus {
background: hsl(81, 100%, 35%);
color: hsl(81, 100%, 10%) !important;
}
.whitebg {
font-weight: 500;
padding: 4px 10px;
color: #0991d0;
text-decoration: none;
background: #fff;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
.button-cyan.big,
.button-orange.big,
.button-red.big,
.button-grey.big,
.vermieterbereich input[type=submit].button-grey.big,
.button-green.big {
padding: 10px 22px;
font-size: 1rem;
display: inline-block;
}
.button-cyan.small,
.button-orange.small,
.button-red.small,
.button-grey.small,
.button-green.small {
font-size: 13px;
padding: 2px 6px;
}
.vermieterbereich .button-grey.small {
font-size: 13px;
padding: 4px 10px;
}
.button-cyan:hover,
.vermieterbereich input[type=submit]:hover,
.button-orange:hover,
.datepicker .button:hover,
.button-red:hover,
.button-grey:hover,
.button-green:hover {
cursor: pointer;
}
.button-cyan:active,
.button-cyan:focus,
.vermieterbereich input[type=submit]:active,
.vermieterbereich input[type=submit]:focus,
.button-orange:active,
.button-orange:focus,
.button-red:active,
.button-red:focus,
.button-grey:active,
.button-grey:focus,
.button-green:active,
.button-green:focus {
position: relative;
outline: 0;
}
.psearch_more:active,
.psearch_more:focus,
.campingsite_more:active,
.campingsite_more:focus,
.hotel_more:active,
.hotel_more:focus {
position: absolute;
top: inherit;
left: inherit;
outline: 0;
}
.psearch.placelist {
padding: 0 25px 25px;
}
.psearch.placelist ul,
.psearch.placelist li {
list-style: none;
display: inline-block;
width: 100%;
line-height: 1.2;
}
.psearch.placelist li {
width: 31%;
float: left;
margin: 0% 1%;
}
.holidayrequest_mail:active,
.holidayrequest_mail:focus {
position: absolute;
top: inherit;
bottom: 9px;
left: 11px;
outline: 0;
}
.holidayrequest_phone:active,
.holidayrequest_phone:focus {
position: absolute;
top: inherit;
bottom: 9px;
left: 161px;
outline: 0;
}
div.holidayrequest_phone {
padding-bottom: 3px;
}
.inptextform,
.selectform,
.textinput,
.vermieterbereich input.norm,
.vermieterbereich input.req,
.vermieterbereich select,
.vermieterbereich textarea {
color: #454545;
background: #fff;
border: 1px solid #eaeaea;
padding: 0.25rem;
font-size: 15px;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
border-radius: 0.2rem;
transition: all 0.3s ease-in-out;
}
.vermieterbereich input.norm,
.vermieterbereich input.req,
.vermieterbereich select,
.vermieterbereich textarea {
text-indent: 0;
padding: 3px;
}
.fileupload {
padding: 0 0 5px 0;
}
#vermieter_objekt-preise input,
#vermieter_objekt-preise select {
text-indent: 0;
}
.inptextform:hover,
.inptextform:active,
.inptextform:focus,
.selectform:hover,
.selectform:active,
.selectform:focus,
.textinput:hover,
.textinput:active,
.textinput:focus,
.vermieterbereich input.norm:hover,
.vermieterbereich input.norm:active,
.vermieterbereich input.norm:focus,
.vermieterbereich input.req:hover,
.vermieterbereich input.req:active,
.vermieterbereich input.req:focus,
.vermieterbereich select:hover,
.vermieterbereich select:active,
.vermieterbereich select:focus,
.vermieterbereich textarea:hover,
.vermieterbereich textarea:active,
.vermieterbereich textarea:focus {
border-color: hsl(199, 92%, 43%) !important;
}
.textinput[readonly]:hover,
.textinput[readonly]:active,
.textinput[readonly]:focus,
.textinput.disabled:hover,
.textinput.disabled:active,
.textinput.disabled:focus {
border-color: #dfdfdf;
box-shadow: 0 0 3px #eee;
}
#booking_request_container input[type="radio"] {
margin: -2px 0 0 0;
}
#booking_request_container .paddleft {
display: block;
margin: 15px 0 0 0;
}
#popup_error {
background: #fbf3f3;
border: 1px solid #ba0913;
border-radius: 3px;
color: #ba0913;
padding: 10px;
margin: 10px 0;
}
.inpcheck,
.inpradio {
margin: 0 5px 5px 0;
}
.textinput.full {
width: 96%;
}
.inptextform.secra {
display: none;
}
ul.checklist {
padding: 4px 0 5px 0;
}
ul.checklist label {
display: block;
}
ul.checklist.headlines {
padding-left: 25px;
}
ul.checklist li {
position: relative;
font-size: 15px;
line-height: 19px;
vertical-align: middle;
list-style: none;
margin: 0 0 10px 0;
padding: 0;
transition: all 0.3s ease-in-out;
}
ul.checklist li.last {
margin-bottom: 0;
}
#filter_bookingmode label {
display: inline-block;
width: 91%;
position: relative;
font-size: 15px;
line-height: 19px;
}
.areas ul.checklist.hotspotchooser li {
width: 50%;
float: left;
}
.areas ul.checklist.hotspotchooser li:hover,
.areas ul.checklist.hotspotchooser li:active,
.areas ul.checklist.hotspotchooser li:focus {
color: #0991d0;
}
ul.checklist li.onlyone {
margin: 0;
color: #343434;
font-weight: 500;
}
ul.checklist li:hover,
ul.checklist li:focus {
color: #0991d0;
}
.searchbox ul.checklist li:hover,
.searchbox ul.checklist li:focus {
color: #fff;
text-decoration: underline;
}
ul.checklist li:hover input[type="checkbox"] + label span.count,
ul.checklist li:focus input[type="checkbox"] + label span.count,
#filter_bookingmode label:hover span.count {
background: hsl(199, 92%, 43%);
color: #fff;
}
ul.checklist label:hover {
cursor: pointer;
}
ul.checklist li input[type="checkbox"],
.personalbar_boxinner input[type="checkbox"],
#saisonzeiten input[type="checkbox"],
#popup_persons input[type="checkbox"],
#popup_persons_mobile input[type="checkbox"] {
display: none;
}
ul.checklist li input[type="checkbox"] + label span,
#filter_bookingmode label span,
.personalbar_boxinner input[type="checkbox"] + label span,
#saisonzeiten input[type="checkbox"] + label span,
#popup_persons input[type="checkbox"] + label span,
#popup_persons_mobile input[type="checkbox"] + label span {
display: inline-block;
float: left;
width: 17px;
height: 17px;
margin: 0 5px 0 0;
background: url("/layout/modules/osfw/SecraContentPage/assets/images/icons/icon-checkbox.svg");
}
#popup_persons input[type="checkbox"] + label span,
#popup_persons_mobile input[type="checkbox"] + label span {
float: none;
}
#saisonzeiten input[type="checkbox"] + label span {
margin-top: 5px;
float: none;
}
ul.checklist li input[type="checkbox"]:checked + label span,
#filter_bookingmode label span,
.personalbar_boxinner input[type="checkbox"]:checked + label span,
#saisonzeiten input[type="checkbox"]:checked + label span,
#popup_persons input[type="checkbox"]:checked + label span,
#popup_persons_mobile input[type="checkbox"]:checked + label span {
width: 17px;
height: 17px;
background: url("/layout/modules/osfw/SecraContentPage/assets/images/icons/icon-check.svg");
}
ul.checklist li input[type="checkbox"] + label span.count,
#filter_bookingmode label span.count {
position: absolute;
right: 0;
top: 0;
width: auto;
height: auto;
text-align: center;
margin: 0;
padding: 1px 3px;
background: #eaeaea;
color: #999;
font-size: 13px;
border-radius: 0.2rem;
transition: all 0.3s ease-in-out;
cursor: pointer;
z-index: 2;
}
ul.checklist li input[type="checkbox"] + label span.text,
#filter_bookingmode label span.text {
position: static;
display: inline-block;
float: none;
width: auto;
height: auto;
background: none;
text-align: left;
padding: 0;
margin: 0;
cursor: pointer;
}
ul.checklist li.inactive {
opacity: 0.5;
}
ul.checklist li.inactive:hover,
ul.checklist li.inactive label {
color: #454545;
cursor: default;
}
ul.checklist li.inactive:hover input[type="checkbox"] + label span.count,
ul.checklist li.inactive:focus input[type="checkbox"] + label span.count {
background: #dfdfdf;
color: #999;
}
.no-svg ul.checklist li input[type="checkbox"],
.no-svg .personalbar_boxinner input[type="checkbox"],
.no-svg #saisonzeiten input[type="checkbox"],
.no-svg #popup_persons input[type="checkbox"],
.no-svg #popup_persons_mobile input[type="checkbox"] {
display: inline-block;
}
.no-svg ul.checklist li input[type="checkbox"] + label span,
.no-svg .personalbar_boxinner input[type="checkbox"] + label span,
.no-svg #saisonzeiten input[type="checkbox"] + label span,
.no-svg #popup_persons input[type="checkbox"] + label span,
.no-svg #popup_persons_mobile input[type="checkbox"] + label span {
width: auto;
height: auto;
margin: 0;
background: none;
}
.radiodefault label {
display: block;
}
.radio label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 20px;
margin-right: 15px;
}
.radio input[type=radio] {
display: none;
}
.radio label:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 5px;
background-color: #eee;
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
border: 1px solid #999;
}
.lastminute_box .radio label:before {
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.6);
border-color: #046fa0;
}
.radio label:before {
border-radius: 8px;
}
.radio input[type=radio]:checked + label:before {
content: "\2022";
color: #046fa0;
font-size: 32px;
text-align: center;
line-height: 12px;
text-shadow: none;
font-family: Arial;
font-style: normal;
font-weight: normal;
}
.no-svg .radiodefault label {
display: inline-block;
}
.no-svg .radio label {
padding: 0;
margin: 0;
}
.no-svg .radio input[type=radio] {
display: inline-block;
}
.no-svg .radio label:before,
.no-svg .lastminute_box .radio label:before {
width: auto;
height: auto;
margin: 0;
position: static;
background-color: transparent;
box-shadow: none;
border: none;
}
.no-svg .radio label:before {
border-radius: 0;
}
.no-svg .radio input[type=radio]:checked + label:before {
content: "";
line-height: normal;
}
h1 {
font-weight: 500;
font-size: 37px;
line-height: 27px;
color: #0991d0;
text-align: center;
margin: 0 0 30px 0;
}
h1.sec {
margin-top: 50px;
}
p.headertitle,
h3.headertitle,
h1.headertitle {
font-weight: 300;
font-size: 27px !important;
line-height: 27px;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
color: #0991d0;
margin: 0 0 20px 0;
padding: 0 10px 0 20px;
text-align: left;
text-shadow: none;
word-wrap: break-word;
}
.headertitle a {
text-decoration: none;
color: #0991d0;
}
.headertitle a:hover {
text-decoration: underline;
}
h2 {
font-weight: 500;
font-size: 27px;
line-height: 27px;
color: #0991d0;
text-align: center;
margin: 3rem 0 1.5rem;
}
section h2 {
text-align: left;
font-size: 27px;
margin: 0 0 30px 0;
}
section h2.second {
margin: 30px 0 20px 0;
}
.hotspotwrapper section h2 {
font-size: 37px;
line-height: 27px;
margin: 20px 0;
}
h3.footertitle {
font-weight: 500;
font-size: 1.25rem;
line-height: 15px;
color: hsl(199, 65%, 31%);
margin: 25px 0 10px 0;
text-shadow: none;
}
h3 {
font-size: 17px;
line-height: 17px;
font-weight: 500;
color: #0991d0;
margin: 30px 0 10px 0;
text-shadow: 1px 1px 1px #fff;
}
h3.first {
margin-top: 0;
}
h4 {
font-size: 15px;
line-height: 22px;
font-weight: 500;
color: #0991d0;
margin: 20px 0 5px 0;
text-shadow: 1px 1px 1px #fff;
}
h4.first {
margin-top: 0;
}
.mobiletitle {
display: none;
font-weight: 500;
font-size: 17px;
line-height: 19px;
text-align: center;
text-decoration: none;
padding: 10px 5px;
color: #0991d0;
border: none;
width: 100%;
background: none;
}
#content_wrapper .nomargin {
margin: 0;
}
#content_wrapper {
background: hsl(199, 100%, 97%);
position: relative;
}
#content_wrapper.error404 {
background: none;
}
#content_inner {
width: 1000px;
padding: 30px 0 0 0;
margin: 0 auto;
min-height: 40vh;
}
#cwrapper_main {
width: 100%;
box-shadow: 0 2px 5px hsl(200deg 40% 90%);
}
@media screen and (min-width: 64em) {
#cwrapper_main {
width: 67%;
float: right;
}
}
#cwrapper_main.left {
float: left;
}
#cwrapper_main.fullwidth {
width: 100%;
}
#cwrapper_main.online-booking_wrapper {
background: none;
}
#cwrapper_main.online-booking_wrapper * {
font-family: 'PT Sans', Helvetica, Arial, sans-serif !important;
}
.vermieterbereich #cwrapper_main.fullwidth {
min-height: 588px;
}
#cwrapper_main.hotspotwrapper {
width: 100%;
background: none;
border-radius: inherit;
box-shadow: none;
}
.cwrapper_mainbox {
background: #fff;
}
.cwrapper_mainbox.introbox {
margin: 0;
font-weight: 300;
font-size: 17px;
line-height: 27px;
}
.cwrapper_mainbox.introbox p a.button-orange {
font-weight: normal;
}
.cwrapper_mainbox.introbox strong {
font-weight: 500;
}
.cwrapper_mainbox.introbox .cwrapper_mainbox_inner {
padding: 15px 15px 10px 15px;
}
.cwrapper_mainbox.wtitle {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.cwrapper_mainbox_inner {
padding: 10px 10px 10px 1rem;
}
.cwrapper_mainbox_inner.csmall {
margin: 20px;
padding: 0;
}
#cwrapper_outerfoot_main {
margin: 20px 0 0 0;
width: 100%;
box-shadow: 0 2px 5px hsl(200deg 40% 90%);
}
@media screen and (min-width: 64em) {
#cwrapper_outerfoot_main {
width: 670px;
float: left;
}
}
.dividersection {
border-bottom: 1px solid #eaeaea;
background: #fff;
padding: 20px 0;
}
.dividersection.withouttitle {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-top: 1px;
}
.dividersection.first {
border: none;
padding-top: 1px;
}
.dividersection .inner {
margin: 0.5rem 2rem;
padding: 0;
}
.hotspotwrapper .dividersection {
background: none;
border-top: none;
}
.hotspotwrapper .dividersection.first {
background: #fff;
border: none;
padding: 20px 0 20px 20px;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.hotspotwrapper .dividersection .inner {
margin: 0;
}
.hotspotwrapper .dividersection.first .inner p {
margin-right: 20px;
}
.text_content_gemeinde {
width: 670px;
}
#cwrapper_boxes {
width: 29%;
float: left;
}
#cwrapper_boxes.right {
float: right;
text-align: left;
position: relative;
}
.cbox_main,
.ui-accordion .cbox_main.ui-accordion-content,
.cbox_main.ui-corner-all,
.cbox_main.ui-corner-bottom,
.cbox_main.ui-corner-right,
.cbox_main.ui-corner-br,
.cbox_main.ui-corner-all,
.cbox_main.ui-corner-bottom,
.cbox_main.ui-corner-left,
.cbox_main.ui-corner-bl,
.cbox_main.ui-widget-content {
padding: 20px;
background: #fff;
border-radius: 0;
border: 1px solid #eaeaea;
box-shadow: none;
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
white-space: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.cbox_main strong {
font-size: 17px;
color: #0991d0;
}
.vermieterbereich .cbox_main strong {
font-size: inherit;
}
.cbox_title,
#multiOpenAccordion.ui-accordion .ui-accordion-header.cbox_title,
.cbox_title.ui-accordion.ui-accordion-header,
.cbox_title.ui-corner-all,
.cbox_title.ui-corner-top,
.cbox_title.ui-corner-right,
.cbox_title.ui-corner-tr,
.cbox_title.ui-state-active,
.cbox_title.ui-widget-content .ui-state-active,
.cbox_title.ui-widget-header .ui-state-active {
font: 500 15px/15px 'PT Sans', Helvetica, Arial, sans-serif;
margin: 20px 0 0 0;
padding: 0.75rem 1rem !important;
background: hsl(199, 92%, 43%);
border-radius: 0;
color: #fff;
text-shadow: none;
transition: all 0.3s ease-in-out;
}
.cbox_title a,
.cbox_title.ui-state-default a,
.cbox_title.ui-state-active a {
color: #fff !important;
text-decoration: none !important;
}
.cbox_title .ui-icon {
float: right;
display: inline-block;
width: 17px;
height: 17px;
color: #fff;
text-decoration: none;
}
.cbox_title.ui-state-default .ui-icon {
background: url("/layout/modules/osfw/SecraContentPage/assets/images/icons/chevron-up.svg") no-repeat center;
}
.cbox_title.ui-state-active .ui-icon {
background: url("/layout/modules/osfw/SecraContentPage/assets/images/icons/chevron-down.svg") no-repeat center;
}
.cwrapper_title {
font-weight: 500;
font-size: 21px;
line-height: 22px;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
margin: 20px 0 0 0;
padding: 12px 20px;
text-align: center;
background: #0991d0 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan.jpg) 0 0 repeat-x;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 1px 1px 1px #dfdfdf;
border: 1px solid #fff;
color: #fff;
text-shadow: 1px 1px 3px #117eb1;
}
#multiOpenAccordion {
font-family: inherit;
font-size: inherit;
border: inherit;
line-height: inherit;
list-style: none;
margin: 0;
padding: 0;
text-decoration: none;
}
#multiOpenAccordion .cbox_title:hover {
background: hsl(199, 95%, 32%) !important;
cursor: pointer;
}
#openedAccordion div:first-child h3,
#multiOpenAccordion.ui-accordion .ui-accordion-header.cbox_title.first,
.cbox_title.first,
.cwrapper_title.first {
margin-top: 0;
border: none;
}
.cwrapper_title2.first {
margin: 5px 0 0 0;
}
.inactive {
opacity: 0.5;
}
ul.downloads {
padding: 0;
margin: 0;
}
ul.downloads li {
margin: 0;
border-bottom: 1px dotted #999;
list-style: none;
}
ul.downloads li a {
display: block;
padding: 10px;
}
ul.downloads.pdf li a {
padding: 10px 10px 10px 35px;
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -1695px -590px no-repeat;
}
ul.downloads li span {
display: inline-block;
padding: 0 0 0 25px;
color: #999;
font-style: italic;
}
ul.downloads li:after {
content: "\f019";
float: right;
font-family: FontAwesome;
margin: -20px 0 0 0;
color: #454545;
}
ul.downloads.pdf li:after {
margin: -30px 0 0 0;
}
.register_list-we-are {
padding: 0;
margin: 0;
}
.register_list-we-are li {
padding: 0;
margin: 0 0 10px 0;
list-style: none;
font-size: 17px;
}
.register_list-we-are li:before {
content: "\f0a9";
font-family: FontAwesome;
padding: 0 5px 0 0;
color: #0991d0;
}
.register_list-we-are li span {
display: inline-block;
padding: 0 20px 0 23px;
font-size: 15px;
}
.we_are_image {
max-width: 100%;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.register_quotation {
position: relative;
font-size: 17px;
line-height: 27px;
font-weight: 300;
padding: 15px;
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) 0 -400px no-repeat;
}
.register_quotation .inner {
position: relative;
min-height: 40px;
z-index: 1;
}
.register_quotation .endquote {
position: absolute;
bottom: 0;
right: 0;
width: 78px;
height: 61px;
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -300px -600px no-repeat;
z-index: 0;
}
.author {
font-style: italic;
font-weight: 500;
text-align: right;
margin: 10px 0 20px 0;
}
ul.register_quotation_list {
padding: 10px;
}
ul.register_quotation_list li {
width: 49%;
float: left;
list-style: none;
padding: 0;
margin: 0 0 10px 0;
background: #efefef;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
min-height: 160px;
}
ul.register_quotation_list li:nth-child(even) {
float: right;
}
ul.register_quotation_list li blockquote {
background: none;
font-size: 15px;
line-height: 22px;
padding: 10px;
}
ul.register_quotation_list li blockquote:before {
content: "\f10d";
}
ul.register_quotation_list li blockquote:after {
content: "\f10e";
}
ul.register_quotation_list li .author {
margin: 5px 0 0 0;
padding-right: 10px;
}
.formwrapper {
margin: 0;
padding: 0;
}
.contacthelper {
position: absolute;
top: -11px;
right: 3px;
color: #0991d0;
font-size: 21px;
}
#tabs_container fieldset,
.object_contactmessage fieldset,
.formwrapper fieldset {
border: 1px solid #dfdfdf;
border-radius: 10px;
box-shadow: 0 3px 6px #efefef;
padding: 10px 20px;
margin: 0 0 20px 0;
line-height: 22px;
vertical-align: middle;
background: #f0f0f0;
position: relative;
}
#tabs_container fieldset legend,
.object_contactmessage fieldset legend,
.formwrapper fieldset legend {
background: #f0f0f0;
font-size: 16px;
line-height: 20px;
padding: 5px 10px;
font-weight: 500;
color: #0991d0;
text-shadow: 1px 1px 1px #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top: 1px solid #dfdfdf;
}
.formwrapper.lighter fieldset,
.formwrapper.lighter fieldset legend {
background: #fff;
}
.formwrapper.online-anmeldung fieldset {
max-width: 630px;
}
.formwrapper ul.checklist li:hover {
color: inherit;
}
.formwrapper .infobox {
position: absolute;
top: 10px;
right: 10px;
width: 40%;
}
.ocm_title {
display: inline-block;
width: 29%;
padding: 3px 0 0 0;
text-align: right;
margin: 0 0 12px 0;
float: left;
}
.ocm_title.empty {
padding: 0;
margin: 0;
line-height: 1px;
}
.ocm_content {
width: 70%;
float: right;
}
.ocm_width_50 {
width: 50%;
float: left;
}
.ocm_content .radio {
padding: 5px 0;
}
.ocm_width_33 {
width: 33.3%;
float: left;
}
.ocm_width_33 .ocm_title {
width: 95%;
}
.ocm_width_55a {
width: 55%;
float: left;
}
.ocm_width_70a .ocm_title {
width: 98%;
}
.ocm_width_100 {
width: 100%;
float: left;
}
.ocm_width_30 {
width: 25%;
float: left;
}
.ocm_width_70 {
width: 73%;
float: right;
}
.ocm_width_15 {
width: 15%;
float: left;
}
.ocm_width_15r {
width: 15%;
float: right;
}
.ocm_width_70a {
width: 70%;
float: left;
}
.ocm_width_40 {
width: 38%;
float: left;
}
.ocm_width_60 {
width: 58%;
float: right;
}
.ocm_width_45 {
width: 45%;
float: left;
}
.ocm_width_10 {
width: 10%;
float: left;
text-align: center;
}
.ocm_unit {
width: auto;
float: left;
padding: 0 0 0 10px;
}
.ocm_width_15 input,
.ocm_width_15r input,
.ocm_width_70a input,
.ocm_width_33 input,
.ocm_width_100 input,
.ocm_width_45 input,
.ocm_width_30 input,
.ocm_width_70 input {
width: 100%;
}
.required {
color: #ba0913;
}
.ocm_width_15 input[type="radio"],
.ocm_width_15r input[type="radio"],
.ocm_width_70a input[type="radio"],
.ocm_width_33 input[type="radio"],
.ocm_width_100 input[type="radio"],
.ocm_width_30 input[type="radio"],
.ocm_width_70 input[type="radio"] {
width: auto;
vertical-align: top;
}
.errormessages {
padding: 20px;
border: 1px solid #ba0913;
background: #fbf3f3;
border-radius: 5px;
color: #ba0913;
margin: 0 0 30px 0;
}
.errormessages li {
list-style: disc;
padding: 0 0 0 5px;
margin: 0 0 2px 15px;
}
label.error {
color: #ba0913;
font-weight: 500;
}
textarea.error,
input.error {
border: 1px solid #ba0913;
background: #fbf3f3;
}
textarea.error:hover,
input.error:hover,
textarea.error:active,
input.error:active,
textarea.error:focus,
input.error:focus {
border: 1px solid #ba0913;
box-shadow: 0 0 3px #ba0913;
}
.sent_successfully {
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
border: 1px solid #04af00;
padding: 20px 20px 10px 20px;
margin: 0 0 20px 0;
background: #f4faf4;
}
.sent_successfully h3 {
color: #04af00;
}
.error_warning {
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
border: 1px solid #ba0913;
padding: 20px 20px 10px 20px;
margin: 0 0 20px 0;
background: #fbf3f3;
}
.error_warning h3 {
color: #ba0913;
}
.ui-dialog .ui-dialog-title {
font-weight: 600;
}
#websitelink_calc,
#websitelink_example {
display: none;
}
#bonus_discount ul.checklist li,
#accept_agb ul.checklist li {
font-size: 13px !important;
}
#bonus_discount ul.checklist li input[type="checkbox"] + label span {
margin-bottom: 20px;
margin-top: 1px;
}
#furniture .ocm_title {
width: 24%;
font-weight: 500;
}
#furniture .ocm_content {
width: 75%;
}
ul.furniture li {
width: 33.3%;
font-size: 13px !important;
white-space: nowrap;
float: left;
overflow: hidden;
}
ul.checklist li.description {
font-size: 13px;
line-height: 20px;
padding: 0 0 10px 22px;
}
ul.checklist li.description .inptextform {
font-size: 13px;
line-height: 20px;
}
ul.checklist li .price {
float: right;
font-size: 21px;
font-weight: 300;
color: #0991d0;
}
#websitelink_calc_button,
#websitelink_example_button {
font-weight: 500;
color: #0991d0;
}
#websitelink_calc_button:hover,
#websitelink_example_button:hover {
cursor: pointer;
text-decoration: underline;
}
ul#saisonzeiten {
margin: 10px 0 20px 0;
padding: 0;
font-size: 13px;
line-height: 30px;
}
ul#saisonzeiten > li {
padding: 0 0 10px 0;
margin: 0;
font-weight: 500;
clear: both;
list-style: none;
}
ul#saisonzeiten li:before {
content: "\f0a9";
display: inline-block;
font-family: FontAwesome;
font-size: 14px;
margin-right: 5px;
text-align: right;
color: #0991d0;
}
ul#saisonzeiten .inptextform {
width: 10%;
}
ul#saisonzeiten .dateto {
margin: 0 10px 0 0;
}
ul#saisonzeiten .requestprice {
float: right;
}
#saisonzeiten input[type="checkbox"] + label span {
margin-top: 0;
vertical-align: middle;
}
.common-booking-request {
margin: 30px 0 0 0;
}
.common-booking-request .areas img {
width: 100%;
}
.cbox_main .formwrapper fieldset {
padding: 10px;
font-size: 13px;
}
.cbox_main .ocm_title {
display: block;
width: 100%;
padding: 0;
text-align: left;
margin: 0;
float: none;
}
.cbox_main .ocm_content {
width: 100%;
clear: both;
margin: 0 0 5px 0;
}
.cbox_main .checklist.inline li {
font-size: 13px;
}
.cwrapper_mainbox.footerphoneus {
margin: 0 0 20px 0;
font-weight: 300;
background: url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_transwhite.png) 0 -200px repeat-x;
border: 1px solid #fff;
}
.cwrapper_mainbox.footerphoneus strong {
font-weight: 500;
}
.cwrapper_mainbox.footerphoneus .left {
width: 58%;
float: left;
}
.cwrapper_mainbox.footerphoneus .right {
width: 38%;
float: right;
text-align: left;
padding: 10px 0 0 0;
}
.cwrapper_mainbox.footerphoneus .left .lookright {
display: inline-block;
}
.cwrapper_mainbox.footerphoneus .left .lookbelow {
display: none;
}
.contactperson {
width: 50%;
float: left;
margin: 0 0 20px 0;
}
.contactperson .image {
width: 120px;
float: left;
margin: 0 10px 0 0;
}
.contactperson h3 {
margin: 0;
}
.contactperson .job {
font-weight: 300;
}
.contactperson i {
padding: 0 5px 0 0;
}
.infoblock.office img {
max-width: 100%;
}
.placeheader_wrapper {
width: 1000px;
height: 400px;
overflow: hidden;
position: relative;
background: #fff;
margin: 60px auto -20px auto;
border: 1px solid #fff;
box-shadow: 0 0 3px #bbbbbb;
border-radius: 5px;
}
.placeheader_image_link {
display: block;
width: 70%;
height: 100%;
overflow: hidden;
}
.placeheader_image {
position: relative;
z-index: 1;
min-height: 100%;
border: none;
}
.placeheader_flag {
position: absolute;
top: 0;
left: 20px;
z-index: 2;
background: url(/layout/modules/osfw/SecraContentPage/assets/../../SecraContentPage/assets/images/design/gradient_transwhite.png) 0 -120px repeat-x;
padding: 40px 10px 0 10px;
height: 360px;
width: 310px;
pointer-events: none;
}
.placeheader_flag h2 {
pointer-events: all;
}
.placeheader_text {
position: absolute;
top: 0;
right: 0;
background: url(/layout/modules/osfw/SecraContentPage/assets/../../SecraContentPage/assets/images/design/gradient_transwhite_90.png) 0 0 repeat-y;
width: 30%;
padding: 30px 30px 30px 200px;
min-height: 340px;
overflow: hidden;
z-index: 3;
text-align: right;
}
.placeheader_text h3 {
font-size: 21px;
margin-bottom: 20px;
}
.hotspot_descr_image {
width: 33%;
float: left;
margin: 0 30px 10px 0;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
#hotspot_page_map {
margin-top: 20px;
}
.hotspot_gallery-item {
width: 20%;
float: left;
line-height: 1px;
}
.hotspot_gallery-item_inner {
overflow: hidden;
margin: 10px 20px 0 0;
line-height: 1px;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.hotspot_gallery-item img {
width: 100%;
}
.hotspot_gallery-item .osfw-image {
margin: 0;
}
.hotspot_gemeinde_wrapper {
width: 33.3%;
float: left;
}
.hotspot_gemeinde_wrapper .hotspot_gemeinde_inner {
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
border-radius: 5px;
overflow: hidden;
background: #fff;
}
.hotspot_gemeinde_wrapper:nth-child(2) .hotspot_gemeinde_inner {
margin: 10px 10px 10px 0;
}
.hotspot_gemeinde_wrapper:nth-child(3) .hotspot_gemeinde_inner {
margin: 10px 5px;
}
.hotspot_gemeinde_wrapper:nth-child(4) .hotspot_gemeinde_inner {
margin: 10px 0 10px 10px;
}
.hotspot_gemeinde_image {
line-height: 1px;
overflow: hidden;
border-bottom: 1px solid #fff;
box-shadow: 0 0 3px #bbbbbb;
height: 220px;
}
.hotspot_gemeinde_image img {
width: 100%;
}
.hotspot_gemeinde_text {
padding: 20px;
position: relative;
min-height: 200px;
}
.hotspot_gemeinde_more {
position: absolute;
bottom: 20px;
right: 20px;
display: block;
width: auto;
overflow: hidden;
white-space: nowrap;
}
#hotspot_gemeinden_more {
background: #fff;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
margin: 30px 0 0 0;
}
.hotspot_gemeinden_more_inner {
padding: 20px;
}
ul.list_alle_gemeinden {
padding: 0;
margin: 0;
}
ul.list_alle_gemeinden li {
list-style: none;
width: 25%;
float: left;
margin: 0;
white-space: nowrap;
overflow: hidden;
}
ul.list_alle_gemeinden li a {
color: #454545;
text-decoration: none;
display: inline-block;
width: 100%;
padding: 4px 0;
text-indent: 3px;
border-bottom: 1px solid #fff;
border-radius: 3px;
}
ul.list_alle_gemeinden li a:before {
content: "\f00c";
display: inline-block;
font-family: FontAwesome;
font-size: 14px;
margin-right: 5px;
text-align: right;
color: #999;
}
ul.list_alle_gemeinden li a:hover,
ul.list_alle_gemeinden li a:active,
ul.list_alle_gemeinden li a:focus,
ul.list_alle_gemeinden li:hover {
color: #0991d0;
background: #f2f6f9;
border-color: #e6eef5;
}
ul.list_alle_gemeinden li a:hover:before,
ul.list_alle_gemeinden li a:active:before,
ul.list_alle_gemeinden li a:focus:before {
color: #0991d0;
}
#freizeittipps_hotspot_wrapper {
margin: 0 0 0 -10px;
width: 1010px;
}
.hotspot_ftipp_outer {
width: 50%;
float: left;
}
.hotspot_ftipp_grid-sizer {
width: 50%;
}
.ftipp_wrapper {
height: auto;
}
.ftipp_inner {
margin: 10px;
padding: 10px;
background: #fff;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
overflow: visible;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.ftipp_image {
max-width: 200px;
max-height: 100px;
float: right;
margin: 0 0 0 15px;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.ftipp_wrapper:nth-child(even) .ftipp_inner {
margin: 0 5px 10px 0;
}
.ftipp_wrapper h3 {
margin-top: 0;
font-size: 15px;
color: #343434;
font-weight: 600;
}
.ftipp_wrapper h3:before {
content: "\f0a9";
font-family: FontAwesome;
padding: 0 5px 0 0;
color: #0991d0;
font-weight: normal;
}
.ftipp_wrapper p {
margin-bottom: 3px;
}
.ftipp_website,
.hotspot_gemeinde_more {
float: none;
clear: both;
}
.ftipp_website i,
.hotspot_gemeinde_more i {
padding: 0 5px 0 0;
}
.hotspotwrapper section h2.psearch_title {
font-size: 21px;
margin-bottom: 10px;
margin-top: 0;
}
.hotspotwrapper .lastminute .psearch_lastminute_validity {
padding-left: 20.7%;
}
.gemeinde_descr_image {
width: 33%;
float: left;
margin: 0 30px 10px 0;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
#gemeinde_gallery {
margin: -10px 0 0 -10px;
width: 650px;
}
.gemeinde_gallery-item_inner {
margin: 10px;
line-height: 1px;
}
.gemeinde_grid-sizer {
width: 50%;
}
.gemeinde_gallery-item {
width: 50%;
height: auto;
overflow: hidden;
line-height: 1px;
}
.gemeinde_gallery-item img {
max-width: 100%;
}
.gemeinde_gallery-item .osfw-image {
margin: 0;
}
.gemeinde.ftipp_wrapper {
border-bottom: 5px solid #e6eef5;
padding: 0 0 20px 0;
margin: 20px 0 0 0;
width: 100%;
float: none;
}
.gemeinde .ftipp_inner,
.gemeinde.ftipp_wrapper:nth-child(even) .ftipp_inner {
box-shadow: none;
height: auto;
padding: 0;
border: none;
margin: 0;
}
.gemeinde.ftipp_wrapper:last-child {
border: none;
}
#gemeinde_orte {
background: #0991d0 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan.jpg) 0 0 repeat-x;
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
margin: 30px 0 0 0;
}
#gemeinde_orte h3 {
color: #fff;
text-shadow: 0 0 3px #046fa0;
}
ul.list_alle_orte {
padding: 0;
margin: 0;
}
ul.list_alle_orte li {
list-style: none;
width: 33.3%;
float: left;
font-size: 13px;
line-height: 17px;
margin: 0;
border-radius: 3px;
padding: 4px 0;
text-indent: 4px;
}
ul.list_alle_orte li label {
display: block;
}
ul.list_alle_orte li:hover {
color: #fff;
}
a.anchorspacing {
background: none;
border: none;
box-shadow: none;
padding: 0;
}
#hotspot_anchornav,
#gemeinde_anchornav {
margin: 20px 0 0 0;
width: 300px;
z-index: 9001;
}
.hotspot_anchornav-btn,
.gemeinde_anchornav-btn {
float: left;
margin: -5px 0 0 -40px;
}
.hotspot_anchornav-btn:hover,
.gemeinde_anchornav-btn:hover {
cursor: pointer;
}
#hotspot_anchornav.sticky,
#gemeinde_anchornav.sticky,
#cwrapper_boxes.sticky {
position: fixed;
top: 70px;
z-index: 6;
left: auto;
}
ul#hotspot_anchornavlist,
ul#gemeinde_anchornavlist {
display: block;
width: 290px;
list-style: none;
font-size: 15px;
padding: 5px;
background: #e6eef5;
border-radius: 10px;
box-shadow: 1px 1px 1px #dfdfdf;
border: 1px solid #fff;
background: #fff;
}
ul#hotspot_anchornavlist li a,
ul#gemeinde_anchornavlist li a {
padding: 9px 0 9px 38px;
display: inline-block;
vertical-align: middle;
color: #454545;
text-decoration: none;
line-height: 16px;
}
ul#hotspot_anchornavlist li:hover a,
ul#hotspot_anchornavlist li.active a,
ul#gemeinde_anchornavlist li:hover a,
ul#gemeinde_anchornavlist li.active a {
color: #0991d0;
font-weight: 600;
font-size: 16px;
}
ul#hotspot_anchornavlist li.anchornav_lastminute a,
ul#gemeinde_anchornavlist li.anchornav_lastminute a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -1700px -200px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_lastminute:hover a,
ul#hotspot_anchornavlist li.anchornav_lastminute.active a,
ul#gemeinde_anchornavlist li.anchornav_lastminute:hover a,
ul#gemeinde_anchornavlist li.anchornav_lastminute.active a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -1700px -300px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_furniture a,
ul#gemeinde_anchornavlist li.anchornav_furniture a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -300px -200px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_furniture:hover a,
ul#hotspot_anchornavlist li.anchornav_furniture.active a,
ul#gemeinde_anchornavlist li.anchornav_furniture:hover a,
ul#gemeinde_anchornavlist li.anchornav_furniture.active a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -300px -300px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_description a,
ul#gemeinde_anchornavlist li.anchornav_description a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -900px -200px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_description:hover a,
ul#hotspot_anchornavlist li.anchornav_description.active a,
ul#gemeinde_anchornavlist li.anchornav_description:hover a,
ul#gemeinde_anchornavlist li.anchornav_description.active a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -900px -300px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_map a,
ul#gemeinde_anchornavlist li.anchornav_map a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -1100px -200px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_map:hover a,
ul#hotspot_anchornavlist li.anchornav_map.active a,
ul#gemeinde_anchornavlist li.anchornav_map:hover a,
ul#gemeinde_anchornavlist li.anchornav_map.active a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -1100px -300px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_images a,
ul#gemeinde_anchornavlist li.anchornav_images a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -1900px -200px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_images:hover a,
ul#hotspot_anchornavlist li.anchornav_images.active a,
ul#gemeinde_anchornavlist li.anchornav_images:hover a,
ul#gemeinde_anchornavlist li.anchornav_images.active a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -1900px -300px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_search a,
ul#gemeinde_anchornavlist li.anchornav_search a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -700px -200px no-repeat;
}
ul#hotspot_anchornavlist li.anchornav_search:hover a,
ul#hotspot_anchornavlist li.anchornav_search.active a,
ul#gemeinde_anchornavlist li.anchornav_search:hover a,
ul#gemeinde_anchornavlist li.anchornav_search.active a {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -700px -300px no-repeat;
}
.black-white {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
#personal_hide img.lazyOwl {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
z-index: 1;
}
.open_numbers_toggle {
transition: all ease-in-out 0.5s;
color: #0991d0;
text-decoration: underline;
margin: 0 0 10px 0;
display: inline-block;
}
.open_numbers_toggle:hover,
.open_numbers_toggle:active,
.open_numbers_toggle:focus {
cursor: pointer;
text-decoration: none;
}
.open_numbers_toggle span {
padding-right: 5px;
color: #0991d0 !important;
font-size: 15px !important;
}
.open_numbers_toggle.opened .fa-plus-circle::before {
content: "\f055";
}
.psearch_list .open_numbers_toggle.bookingtel {
padding-top: 20px;
}
.open_numbers_content {
display: none;
}
.open_numbers_toggle.switcher.opened {
display: none;
}
.price_calc {
border: 3px solid orange !important;
}
.price_calc_wrapper {
margin: 0 0 40px 0;
}
.price_calc_section {
padding: 0 !important;
}
.price_center {
padding: 5px 0 5px 0;
}
@media all and (min-width: 63.9rem) {
.relative {
max-width: 43.75rem;
}
}
.online-booking_wrapper .secraobj-h1 {
text-align: left;
margin: 0 0 10px 0;
}
.online-booking_wrapper iframe {
margin-top: 20px;
width: 100%;
height: 800px;
}
.notice-wrapper {
padding: 15px 10px 10px;
background-color: #fff;
box-shadow: 0 2px 5px hsl(200deg 40% 90%);
}
.notice-wrapper i {
font-family: 'FontAwesome';
}
.notice-wrapper p {
font-weight: bold;
}
.default-font {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
}
.border-button-style {
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.border-button-style-invers {
border: 1px solid #fff;
border-radius: 3px;
}
.border-default-style {
border: 1px solid #fff;
box-shadow: 0 0 3px #bbbbbb;
}
.border-main-box {
box-shadow: 1px 1px 1px #dfdfdf;
border: 1px solid #fff;
}
h2.psearch_title {
font-weight: 500;
font-size: 19px;
line-height: 22px;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
color: #0991d0;
margin: 0 0 5px 0;
white-space: nowrap;
overflow: hidden;
}
.lastminute h2.psearch_title {
color: #ba0913;
}
h1#resultTextObjectList {
font-size: 21px;
text-align: left;
line-height: 1.2;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
margin: 1rem 0.5rem;
}
#inspiration_container {
display: inline-block;
}
.psearch_gallery h2.psearch_title {
font-weight: 500;
font-size: 15px !important;
line-height: 17px;
color: #0991d0;
margin: 0;
padding: 0;
}
h2.psearch_title a:visited,
h2.psearch_title a:active {
color: hsl(199, 65%, 31%);
}
.placeinfos_text {
float: left;
width: 60%;
padding: 80px 20px 0 20px;
}
.placeinfos_images {
float: right;
top: 0;
width: 30%;
padding: 80px 0 0 0;
}
.placeinfo_image {
width: 90%;
float: left;
text-align: center;
}
.placeinfo_image img {
width: 90%;
text-align: center;
border: 1px solid #cccccc;
border-radius: 5px;
box-shadow: 0 0 2px #dbdbdb;
}
.psearch_views {
margin: -5px 0 20px 0;
border-top-left-radius: 0;
z-index: 3;
position: relative;
overflow: visible;
}
ul#psearch_views {
z-index: 1;
}
ul#psearch_views li {
list-style: none;
height: 35px;
float: left;
padding: 2px 0;
background: #cecece url(/layout/modules/osfw/SecraObjectList/assets/../../SecraContentPage/assets/images/design/gradient_grey.jpg) top left repeat-x;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid #fff;
z-index: 1;
position: relative;
bottom: -5px;
text-align: center;
}
ul#psearch_views li span {
font-style: normal;
padding: 0;
margin: 0;
display: inline;
}
ul#psearch_views li a {
display: block;
padding: 0 35px;
text-decoration: none;
color: #454545;
font-weight: 600;
line-height: 25px;
}
ul#psearch_views li:hover,
ul#psearch_views li.active {
background: #0991d0 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan.jpg) 0 0 repeat-x;
position: relative;
bottom: 0;
transition: bottom ease-in-out 0.1s;
}
ul#psearch_views li:hover a,
ul#psearch_views li.active a {
color: #fff;
line-height: 30px;
}
.psearch_views .flleft label {
display: inline-block;
padding: 6px 0 0 0;
}
.psearch.hidden .psearch_inner {
display: none;
transition: all ease-in-out 2s;
opacity: 0.5;
height: 40px;
overflow: hidden;
}
.psearch.hidden .psearch_inner .psearch_image {
opacity: 0.4;
}
.psearch.hidden .psearch_inner .psearch_favorite,
.psearch.hidden .psearch_inner .psearch_more {
display: none;
}
.psearch_inner {
transition: all 0.3s ease-in-out;
background: #fff;
border: 1px solid #eaeaea;
}
.psearch_inner p.nomargin.price.totalPrice {
margin-top: 0.5rem !important;
color: #70ae00;
}
.psearch_inner p.nomargin.price.totalPrice .small.specific {
color: #999 !important;
}
.psearch:hover .psearch_inner,
.psearch:active .psearch_inner,
.psearch:focus .psearch_inner,
.psearch.related:hover .psearch_inner,
.psearch.related:active .psearch_inner,
.psearch.related:focus .psearch_inner {
transition: all 0.3s ease-in-out;
box-shadow: 0 2px 5px hsl(200deg 40% 90%);
}
.psearch.hidden:hover .psearch_inner {
box-shadow: 1px 1px 1px #dfdfdf;
border: 1px solid #fff;
}
.psearch_image {
position: relative;
width: 180px;
height: 145px;
overflow: hidden;
float: left;
margin: 0 1rem 0 0;
line-height: 0;
}
.psearch_image a {
display: block;
overflow: hidden;
height: 12rem;
}
.psearch_image a:hover img {
transform: scale(1.05);
}
.psearch_image img {
max-width: 180px;
min-height: 120px;
border-radius: 2px;
object-fit: cover;
height: 100%;
transition: all 0.3s ease-in-out;
}
.ie .psearch_image img {
height: auto;
}
.psearch_image_magni {
position: absolute;
bottom: 0;
right: 0;
width: 38px;
height: 38px;
}
.psearch_image_magni img {
border: none;
min-height: inherit;
}
.psearch_details {
float: left;
width: 340px;
font-size: 15px;
line-height: 20px;
color: #454545;
}
.psearch_details.landlord {
font-size: 13px;
width: 440px;
}
.psearch_place {
font-weight: 300;
margin: 0;
white-space: nowrap;
overflow: hidden;
}
.psearch_place span {
padding: 0;
font-weight: 300;
font-size: 13px;
line-height: 13px;
color: #999;
}
.psearch_object {
float: left;
margin: 5px 10px 0 0;
font-size: 17px;
line-height: 20px;
overflow: visible;
white-space: nowrap;
}
.psearch_object span {
font-size: 14px;
line-height: 13px;
color: #999;
margin: 0 0 8px 0;
}
.small.specific {
color: #f7941d !important;
}
.psearch_object.count {
bottom: 10px;
position: absolute;
}
.psearch_object.type {
width: 135px;
}
.psearch_object.size {
width: 70px;
}
.psearch_object.persons {
width: 110px;
margin-right: 0;
}
.psearch_object.persons i {
font-style: normal;
}
.psearch_outerinfos {
text-align: center;
/*float: right;
width: 100px;
border-top-right-radius: @bradius-large-inner;
border-bottom-right-radius: @bradius-large-inner;
padding: 0;
white-space: nowrap;
overflow: visible;
margin: 3px 3px 0 0;*/
}
.psearch_outerinfos.bigger {
margin: 8px 0px;
}
.psearch_outerinfos.left {
float: left;
}
fieldset .psearch_outerinfos {
position: absolute;
top: 10px;
right: 10px;
}
.psearch_outerinfos p {
font-weight: 600;
font-size: 17px;
line-height: 17px;
color: hsl(199, 65%, 31%);
text-align: right;
}
.psearch_outerinfos .small {
color: #999;
font-weight: 300;
}
.psearch_favorite {
display: inline-block;
font-size: 21px;
margin: 10px 0 0 12px;
color: #999;
right: 20px;
bottom: 53px;
position: absolute;
text-decoration: none;
}
.psearch_favorite:hover,
.psearch_favorite.active {
color: #ba0913;
cursor: pointer;
}
.psearch_more {
position: absolute;
bottom: 13px;
right: 13px;
}
@media screen and (min-width: 20em) {
.psearch_gallery .psearch_details,
.psearch_gallery.related .psearch_details,
.psearch_gallery.lastminute .psearch_details {
padding-bottom: 3rem;
}
}
.psearch_dtv {
position: absolute;
width: 121px;
height: 23px;
top: -10px;
left: 210px;
z-index: 2;
}
.psearch_dtv.star_0 {
display: none;
}
.psearch_dtv.star_1 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -98px -100px no-repeat #fff;
width: 1.55rem;
}
.psearch_dtv.star_2 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -298px -100px no-repeat #fff;
width: 3.1rem;
}
.psearch_dtv.star_3 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -498px -100px no-repeat #fff;
width: 4.65rem;
}
.psearch_dtv.star_4 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -698px -100px no-repeat #fff;
width: 6.25rem;
}
.psearch_dtv.star_5 {
background: url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -898px -100px no-repeat #fff;
width: 7.75rem;
}
.psearch_hide {
display: none;
}
.breakList {
padding: 25px 10px 0 10px;
}
.breakList h3 {
font-size: 21px;
color: #ED3F0C;
}
.breakList span {
font-size: 13px;
}
.psearch .available-date {
float: left;
font-weight: 500;
color: #76b10b;
margin: 0.5rem 0 0 0;
font-size: 14px;
}
.psearch .unavailable {
float: left;
font-weight: 500;
background-color: #ED3F0C;
color: white;
padding: 0 5px;
margin: 10px 0 0 0;
}
.psearch .bookable-online {
position: absolute;
font-size: 13px;
font-weight: 500;
color: #04af00;
margin: 0;
text-align: right;
}
.psearch .bookable-online-banderole {
position: absolute;
top: 0;
left: 0;
font-size: 13px;
line-height: 1;
font-weight: 500;
color: #fff;
margin: 0;
padding: 0.25rem 0.5rem;
z-index: 5;
background: #70ae00;
pointer-events: none;
}
.psearch .objectno {
display: none;
font-size: 13px;
color: #999;
}
/* 16.05.17 by FK: New placement of objectnumber in objectdetails-list */
ul.object_details li#objectnum {
font-weight: 600;
text-align: center;
padding-bottom: 0.5rem;
}
.psearch_list.psearch {
margin: 0 0 1.5rem 0;
position: relative;
}
.psearch_list .psearch_inner {
padding: 1rem;
}
.psearch_list .psearch_object.price {
top: 50px;
right: 0;
}
.psearch_list .psearch_zumobjekt {
top: 100px;
right: 0;
}
.psearch_list .bookable-online {
bottom: 43px;
right: 13px;
}
.psearch_gallery.psearch {
float: left;
position: relative;
}
.psearch_gallery .psearch_inner {
width: 214px;
margin: 0 10px 20px 0;
position: relative;
}
.psearch_gallery.last .psearch_inner {
margin-right: 0;
}
.psearch_gallery .psearch_image {
position: relative;
width: 100%;
height: 140px;
overflow: hidden;
float: none;
border: none;
margin: 0 20px 0 0;
}
.psearch_gallery .psearch_image img {
width: 100%;
max-width: inherit;
min-height: 140px;
}
.psearch_gallery .psearch_object {
position: static;
bottom: 0;
}
.psearch_gallery .psearch_object_content {
font-size: 13px;
}
.psearch_gallery .psearch_object_content .small {
display: none;
}
.psearch_gallery .psearch_details {
width: 90%;
margin: 10px;
font-weight: 300;
color: #454545;
font-size: 13px;
line-height: 19px;
}
.psearch_gallery .psearch_object {
font-size: 13px;
line-height: 19px;
font-weight: 300;
}
.psearch_gallery .psearch_object.size {
width: 35px;
}
.psearch_gallery .psearch_object.persons {
width: 40px;
}
.psearch_gallery .psearch_object.persons span.small {
display: none;
}
.psearch_gallery .psearch_object.persons i {
color: #999;
}
.psearch_gallery .psearch_dtv {
position: absolute;
top: -10px;
left: 10px;
height: 23px;
}
.psearch_gallery p.psearch_place {
margin-right: 0;
padding-right: 0;
}
.psearch_gallery .psearch_place span {
display: none;
}
.psearch_gallery .psearch_object.type {
width: 52%;
margin: 0;
}
.psearch_gallery .psearch_object.size {
width: 26%;
margin: 0;
}
.psearch_gallery .psearch_object.persons {
width: 18%;
margin: 0;
}
.psearch_gallery .psearch_outerinfos {
width: 90px;
position: absolute;
top: 0;
right: 0;
margin: 0;
pointer-events: none;
}
.psearch_gallery .psearch_outerinfos p {
background: #fff;
padding: 5px;
font-weight: bold;
font-size: 15px;
line-height: 13px;
min-height: 30px;
}
.psearch_gallery .psearch_outerinfos .small {
font-size: 11px;
}
.psearch_gallery .psearch_favorite {
padding: 5px 5px 5px 8px;
background: url(/layout/modules/osfw/SecraObjectList/assets/../../SecraContentPage/assets/images/design/gradient_transwhite.png) 0 -200px repeat-x;
border-top-left-radius: 8px;
position: absolute;
bottom: 0;
right: 0;
pointer-events: all;
}
.psearch_gallery .psearch_favorite.active {
background: #f8e8e8;
}
.psearch_gallery .bookable-online {
top: 116px;
left: 0;
padding: 1px 5px;
font-size: 11px;
background: url(/layout/modules/osfw/SecraObjectList/assets/../../SecraContentPage/assets/images/design/gradient_transwhite.png) 0 -200px repeat-x;
border-top-right-radius: 5px;
}
.psearch_gallery .bookable-online-banderole {
top: 5px;
left: -5px;
font-size: 11px;
padding: 2px 4px;
transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-webkit-transform: rotate(-12deg);
}
.psearch_gallery .psearch_more {
display: block;
width: 100%;
text-align: center;
bottom: 0;
left: 0;
right: 0;
}
.psearch_gallery p.psearch_object_title {
margin-bottom: 4px;
font-size: 11px;
}
.psearch_gallery .psearch_button.object {
display: none;
}
.psearch_gallery .psearch_button.price {
top: 90px;
}
.psearch_gallery .available-date span {
display: block;
padding: 0 0 0 15px;
}
.psearch_gallery.related .psearch_inner {
width: 199px;
}
.psearch_gallery.related.row5 .psearch_inner {
width: 190px;
}
.psearch_gallery.related .psearch_object.persons {
width: 30px;
}
.psearch_gallery.related .available-date {
margin: 5px 0 0 0;
padding-bottom: 0;
}
.resultsperpage {
margin: 4px 0;
}
.resultsperpage a {
margin: 0 3px;
}
.resultsperpage a.active {
text-decoration: none;
color: #999;
}
.pagino {
margin: 6px 0;
}
ul.psearch_pagination {
margin: 0;
padding: 0;
}
ul.psearch_pagination li {
float: left;
list-style: none;
margin: 0 3px;
padding: 1px 0;
display: flex;
justify-content: center;
align-items: center;
height: 2rem;
}
ul.psearch_pagination li a {
text-align: center;
padding: 4px 10px;
color: hsl(199, 92%, 43%);
text-decoration: none;
transition: all 0.3s ease-in-out;
white-space: nowrap;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
}
ul.psearch_pagination li a:hover,
ul.psearch_pagination li.active a:hover {
background: hsl(199, 83%, 58%);
color: #fff;
}
ul.psearch_pagination li.active a {
background: hsl(199, 92%, 43%);
color: #fff;
pointer-events: none;
}
ul.psearch_pagination li.active a:hover {
background: hsl(199, 92%, 43%);
}
ul.psearch_pagination li.inactive a,
ul.p_pagination li.inactive a:hover {
color: #999;
box-shadow: none;
}
ul.psearch_pagination li.inactive a:hover {
cursor: default;
background: none;
}
p.placelist_title {
font-weight: 600;
color: #343434;
float: left;
margin: 0 10px 0 0;
}
.placelist_more {
display: none;
}
.placelist-toggle {
background: none;
border: none;
font-weight: 500;
font-size: 15px;
line-height: 17px;
color: #343434;
float: right;
}
.psearch.placelist {
padding: 0 10px 10px;
}
.tooltipdetails {
cursor: pointer;
}
.objecttooltip {
display: inline-block;
background: #f3f3f3;
border-radius: 10px;
box-shadow: 1px 1px 10px #c8c8c8;
border: 3px solid #0991d0;
width: 500px;
height: 380px;
padding: 20px;
z-index: 9999;
}
.objecttooltip div.tooltipmap {
width: 240px;
height: 160px;
max-width: inherit;
box-shadow: 0 0 2px #dbdbdb;
border: 1px solid #cccccc;
border-radius: 5px;
margin: 20px 20px 0 0;
display: inline-block;
}
.objecttooltip img.tooltipcalendar {
width: 227px;
height: 160px;
max-width: inherit;
}
.itoolt_fav {
font-size: 13px;
line-height: 13px;
background: #ba0913;
color: #fff;
padding: 4px 5px;
border-radius: 5px;
box-shadow: 1px 1px 10px #c8c8c8;
}
.itoolt_hide {
font-size: 13px;
line-height: 13px;
background: #999;
color: #fff;
padding: 4px 5px;
border-radius: 5px;
box-shadow: 1px 1px 10px #c8c8c8;
}
#locationselect {
margin-top: 20px;
}
#object_list.loading #list_content {
opacity: 0.4;
}
#object_list {
width: 100%;
position: relative;
}
#object_list_loader {
position: absolute;
left: 50%;
display: none;
margin: 15rem 0 0 0;
z-index: 3;
width: 60px;
height: 60px;
text-align: center;
filter: grayscale(100%);
opacity: 0.65;
transform: translateX(-50%);
}
.underline {
text-decoration: underline;
}
#sortSelectBoxItContainer {
vertical-align: middle;
}
#objectListMap {
display: none;
}
.map_content .currentarrow {
display: none;
}
#pagination_page_control.top {
margin-bottom: 40px;
border: 1px solid #eaeaea;
}
#scrollupObjectList {
opacity: 0.8;
position: fixed;
bottom: 2rem;
background: url("/layout/modules/osfw/SecraContentPage/assets/images/icons/arrow-up-primary.svg") no-repeat;
z-index: 9999;
width: 10rem;
height: 3rem;
background-size: 18%;
left: 2rem;
transition: all 0.3s ease-in-out;
line-height: 1.15;
padding: 0.5rem 0 0.5rem 2.5rem;
background-position: left center;
}
#scrollupObjectList:hover {
color: hsl(199, 92%, 43%);
cursor: pointer;
opacity: 1;
}
@media (min-width: 720px) {
.map_content #inspiration_container {
position: absolute;
right: 1rem;
top: -5px;
}
}
@media (min-width: 1350px) {
#content_wrapper.map_content {
background-image: none;
width: 1060px;
}
#content_wrapper.map_content > #content_inner {
width: 1060px;
}
#content_inner.map_content {
left: 0;
background-color: #fff;
padding: 30px;
}
.psearch_inner.current {
border: 1px solid hsl(199, 83%, 58%);
}
#objectListMap.map_content {
width: 100%;
position: fixed !important;
z-index: 0;
top: 48px;
left: 0;
display: block;
}
.map_content .resultHeader {
margin-bottom: 10px;
padding: 0.25rem 0.5rem 1.25rem;
}
.map_content .psearch.placelist {
padding: 0;
}
.map_content .currentarrow {
display: block;
color: #eaeaea;
overflow: visible;
background: #fff;
position: absolute;
right: -1rem;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 2rem;
}
.map_content .currentarrow:hover i {
color: hsl(199, 83%, 58%);
}
.map_content .currentarrow i {
position: relative;
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
background: #fff;
height: 20px;
}
.map_content .currentarrow.currentItem i {
color: hsl(199, 92%, 43%);
}
.map_content .currentarrow.currentItem i:hover {
color: hsl(199, 92%, 43%) !important;
}
.map_content .breakList {
margin-bottom: 20px;
padding: 0 10px 10px 10px;
}
.map_content #inspiration_container {
top: 1rem;
}
.mapPopup,
.mapPopup:active,
.mapPopup:focus {
position: relative;
right: auto;
color: #fff !important;
left: auto;
font-size: 15px;
display: block;
text-align: center;
}
.leaflet-popup-content {
margin: 15px !important;
}
.leaflet-popup-content .psearch_image {
margin: 0 0 5px 0;
}
.leaflet-popup-content h3 {
margin: 10px 0;
max-width: 180px;
}
#pagination_page_control.top {
margin-top: -25px;
}
ul.search_list {
margin-bottom: 10px;
}
}
.default-font {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
}
.border-button-style {
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.border-button-style-invers {
border: 1px solid #fff;
border-radius: 3px;
}
.border-default-style {
border: 1px solid #fff;
box-shadow: 0 0 3px #bbbbbb;
}
.border-main-box {
box-shadow: 1px 1px 1px #dfdfdf;
border: 1px solid #fff;
}
h2.lastminute_title {
font-size: 17px;
color: #fff;
margin: 0;
padding: 8px 20px;
text-shadow: 1px 1px 1px #0991d0;
background: #0991d0 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_cyan.jpg) 0 0 repeat-x;
position: absolute;
top: 0;
left: 0;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
display: inline-block;
}
h2.lastminute_title a {
color: #fff;
text-decoration: none;
display: block;
}
.lastminute_box h4 {
color: #fff;
text-shadow: 1px 1px 1px #0991d0;
}
.lastminute_box.twothirds {
position: relative;
width: 650px;
background: #39b4ed;
padding: 0;
margin: 1rem 0.5rem;
border-radius: 10px;
box-shadow: 0 0 10px #046fa0;
}
.lastminute_box.twothirds .lastminute_box {
position: static;
}
.lastminute_box {
position: relative;
float: left;
min-height: 250px;
overflow: visible;
text-shadow: 1px 1px 1px #0991d0;
padding: 0 0 0 10px;
}
.lastminute_box .selectboxit-container {
text-shadow: none;
}
.lastminute_box .selectboxit-container .selectboxit {
border-color: #fff;
box-shadow: 0 0 3px #046fa0;
width: 200px;
}
.lastminute_box.offers {
width: 38%;
padding: 10px 0 0 10px;
margin: 0;
}
.lastminute_box.filter {
width: 57%;
padding: 10px 0 0 0;
margin: 0;
}
.lastminute_box.onethird {
width: 290px;
padding-top: 60px;
min-height: 200px;
padding-right: 15px;
padding-left: 10px;
float: right;
margin: 1rem 0.5rem;
background: #39b4ed;
border-radius: 10px;
box-shadow: 0 0 10px #046fa0;
}
.lastminute_box a {
color: #fff;
}
.lastminute_offer {
padding: 0;
}
.lastminute_box p {
margin: 0 0 5px 0;
line-height: 19px;
}
.lastminute_box strong {
color: #fff;
}
ul.lastminute_list {
padding: 0 0 10px 0;
}
ul.lastminute_list li {
list-style: none;
padding: 1px 0 1px 5px;
}
ul.lastminute_list li a {
display: block;
color: #fff;
padding: 6px 0;
}
ul.lastminute_list li.offer {
padding: 1px 0 1px 5px;
font-size: 13px;
}
.lamiselect {
padding: 0 0 10px 0;
}
.lamirange.first {
padding: 20px 0 0 0;
}
.lamirange {
padding: 10px 0 0 0;
}
.lamirange p.flleft,
.lamirange p.flright {
margin: 10px 0 0 0;
}
.lastminute_image {
position: relative;
width: 50%;
height: 95px;
float: left;
border-radius: 5px;
box-shadow: 0 0 10px #046fa0;
border: 1px solid #fff;
overflow: hidden;
margin: 0 8px 0 0;
line-height: 1px;
}
.lastminute_image img {
max-width: 100%;
}
.lastminute_price {
position: absolute;
top: 0;
right: 0;
font-size: 21px;
line-height: 13px;
background: #ba0913 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_red.jpg) 0 0 repeat-x;
color: #fff;
padding: 6px 5px 5px 5px;
text-align: right;
border-bottom-left-radius: 5px;
vertical-align: middle;
text-shadow: 1px 1px 1px #ba0913;
}
.lastminute_price a {
text-decoration: none;
display: block;
}
.lastminute_price s {
font-weight: 600;
}
.lastminute_price .small {
font-size: 11px;
line-height: 13px;
color: #f8e8e8;
vertical-align: middle;
}
.lastminute_box .button-red {
box-shadow: 0 0 3px #046fa0;
}
.lastminute_list {
vertical-align: top;
}
.lastminute_list li {
padding: 3px 0;
}
.lastminute_list input[type="radio"] {
vertical-align: text-top;
}
.lastminute_box .osfw-filter_amount {
text-align: left;
}
#cwrapper_main.lastminute {
float: left;
}
#cwrapper_boxes.lastminute {
float: right;
min-height: 100%;
height: 100%;
}
#lastminute_map {
border: 1px solid #ba0913;
border-radius: 10px;
box-shadow: 0 0 3px #ba0913;
background: #f8e8e8;
overflow: hidden;
position: absolute;
width: 300px;
height: 700px;
max-height: 80%;
}
.lastminute.psearch_list,
.lastminute .psearch_object span {
line-height: 22px;
}
.lastminute.psearch_list .psearch_image {
width: 100%;
height: auto;
overflow: hidden;
float: none;
margin: 0;
}
@media screen and (min-width: 64em) {
.lastminute.psearch_list .psearch_image {
width: 50%;
float: left;
padding-right: 1.25rem;
}
.lastminute.psearch_list .psearch_image img {
max-width: none;
width: 100%;
}
.lastminute.psearch_list .psearch_details {
width: 50%;
float: right;
margin: 0;
}
}
.lastminute.psearch_list h2.psearch_title {
white-space: nowrap;
overflow: hidden;
line-height: 22px;
}
.lastminute.psearch_list h2.psearch_title a {
color: #ba0913;
}
.lastminute.psearch_gallery h2.psearch_title {
font-weight: 500;
font-size: 15px;
line-height: 17px;
color: #0991d0;
margin: 0;
padding: 0;
white-space: normal;
overflow: visible;
}
.psearch.lastminute:hover .psearch_inner,
.psearch.lastminute:active .psearch_inner,
.psearch.lastminute:focus .psearch_inner {
transition: all ease-in-out 0.5s;
box-shadow: 0 0 10px #ba0913;
border-radius: 10px;
background: #fbf3f3;
}
.psearch.lastminute:hover .lamicurrentarrow,
.psearch.lastminute:active .lamicurrentarrow,
.psearch.lastminute:focus .lamicurrentarrow {
transition: all ease-in-out 0.5s;
background: #fbf3f3;
}
.lastminute .psearch_inner {
border-color: #ba0913;
box-shadow: 0 0 3px #ba0913;
background: #fff;
}
.lastminute .psearch_hide,
.lastminute.psearch:hover .psearch_hide,
.lastminute .psearch_favorite,
.lastminute .psearch_button.price {
right: 1px;
}
.lastminute .psearch_button.object {
right: 1px;
}
.lastminute h2.psearch_title {
line-height: 21px;
margin-right: 0;
white-space: nowrap;
overflow: visible;
}
.lastminute h2.psearch_title i {
font-style: normal;
}
.lastminute h2.psearch_title span {
display: none;
}
.lastminute .psearch_details {
width: inherit;
float: none;
line-height: 22px;
}
.lastminute .psearch_outerinfos {
float: none;
position: absolute;
top: 0;
right: 0;
width: 115px;
background: #ba0913 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_red.jpg) 0 0 repeat-x;
color: #fff;
margin: 0;
padding: 10px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 8px;
}
.lastminute .psearch_outerinfos p {
color: #fff;
line-height: 21px;
font-size: 27px;
}
.lastminute .psearch_outerinfos p a {
display: block;
color: #fff;
text-decoration: none;
}
.lastminute .psearch_outerinfos .small {
color: #fff;
}
.lastminute .psearch_outerinfos s {
opacity: 0.4;
font-size: 21px;
vertical-align: text-top;
}
.lastminute .psearch_object.landlord {
width: 180px;
margin: 10px 22px 0 0;
white-space: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.lastminute .psearch_object.landlord.full {
width: auto;
margin: 10px 0 0 0;
}
.lastminute .psearch_object.bookingtel.open_numbers_toggle {
min-height: 20px;
}
.lastminute .psearch_object.bookingtel {
width: 65%;
margin: 10px 0 0 0;
white-space: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
min-height: 20px;
}
.lastminute .lamiadd {
width: 72%;
margin: 10px 0;
}
.lastminute .lamibu {
margin: 10px 0;
}
.lastminute .lamibu a {
display: inline-block;
}
.lastminute .psearch_object.lamifull {
float: none;
white-space: nowrap;
overflow: hidden;
}
.lastminute .lastminute_text {
margin: 10px 0 0 0;
font-size: 13px;
line-height: 20px;
}
.lastminute .psearch_lastminute_validity {
color: #ba0913;
font-size: 17px;
margin: 0 0 10px 0;
padding: 0 130px 0 52px;
}
.lastminute .psearch_lastminute_validity strong {
color: #ba0913;
font-weight: 600;
}
.lastminute .lamicurrentarrow {
color: #ba0913;
overflow: visible;
font-size: 57px;
background: #fff;
position: absolute;
width: 30px;
height: 30px;
right: -10px;
top: 50%;
display: none;
}
.lastminute .lamicurrentarrow i {
position: relative;
right: -9px;
top: -10px;
}
.lastminute.psearch_gallery {
padding-top: 45px;
}
.lastminute.psearch_gallery {
width: 25%;
}
.lastminute.psearch_gallery .psearch_inner {
width: 92%;
margin: 0 auto 20px auto;
min-height: 360px;
}
.lastminute.psearch_gallery .psearch_lastminute_validity {
position: absolute;
top: -45px;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 20px;
text-align: center;
}
.lastminute.psearch_gallery .lastminute_text,
.lastminute.psearch_gallery .lamiadd,
.lastminute.psearch_gallery .lamibu {
display: none;
}
.lastminute.psearch_gallery .psearch_details {
width: auto;
margin-bottom: 6px;
}
.lastminute.psearch_gallery .psearch_outerinfos {
height: auto;
padding: 0;
width: 90px;
}
.lastminute.psearch_gallery .psearch_outerinfos p {
background: none;
font-size: 15px;
line-height: 13px;
}
.lastminute.psearch_gallery .psearch_outerinfos s {
font-size: 13px;
}
.lastminute.psearch_gallery .psearch_object.landlord,
.lastminute.psearch_gallery .psearch_object.landlord.full {
width: auto;
margin: 0 10px 10px 10px;
}
.lastminute.psearch_gallery .psearch_object.bookingtel {
width: auto;
margin: 0 10px 10px 10px;
}
.lastminute.object .psearch_outerinfos h2 {
margin: 40px 0 0 0;
color: #ba0913;
font-size: 27px;
}
.lastminute.object .lastminute_text {
margin: 10px 0 0 0;
}
.lastminute.object h2.psearch_title i {
display: inline-block;
}
.lastminute.object h2.psearch_title span {
display: none;
}
/* REQUIRED for core functionality */
.responsive-tabs__heading { display: none;}
.responsive-tabs__list__item { display: inline; cursor:pointer;}
@media (max-width: 720px) {
.responsive-tabs__list { display: none;}
.responsive-tabs__heading { display: block; cursor: pointer; }
.responsive-tabs__panel--closed-accordion-only { display: none;}
}
@media (min-width: 768px) {
.responsive-tabs__panel--closed-accordion-only { display: block !important;}
}
/* END - Required for core functionality */
/* OPTIONAL - Basic Skin */
.responsive-tabs-wrapper {
clear: both;
zoom: 1;
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
content: "";
display: table;
}
.responsive-tabs-wrapper:after {
clear: both;
}
.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus { outline: 1px solid #ccc; }
.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus { outline: none !important;}
.responsive-tabs__list { font-size: 1.2em; margin: 2em 0 0 0; padding: 0;border-bottom: 1px solid #ddd; padding-bottom:11px; line-height: 1em;}
.responsive-tabs__list__item { background: #eee; padding: 10px 20px; margin-right: 1em; border-top-left-radius: 5px; border-top-right-radius: 5px;border: 1px solid #ddd; }
.responsive-tabs__list__item:hover {background: #efefef }
.responsive-tabs__list__item--active,
.responsive-tabs__list__item--active:hover { background: #fff; border-bottom-color: #fff;}
.responsive-tabs__panel { margin-bottom: 50px;}
@media (max-width: 767px) {
.responsive-tabs__heading {
padding: 0.5em; border-radius: 5px; border: 1px solid #ccc; box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
background: #ddd;
position: relative;
}
.responsive-tabs__heading:after {
content:"";
display: block;
position: absolute;
right: 20px;
top: 40%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000;
}
.responsive-tabs__heading:hover,
.responsive-tabs__heading--active:hover { background-color: #efefef}
.responsive-tabs__heading--active { background: #fff;}
.responsive-tabs__heading--active:after {
border-bottom: 10px solid #000;
border-top:0;
}
}
/* END - Optional - Basic Skin */
.default-font {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
}
.border-button-style {
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.border-button-style-invers {
border: 1px solid #fff;
border-radius: 3px;
}
.border-default-style {
border: 1px solid #fff;
box-shadow: 0 0 3px #bbbbbb;
}
.border-main-box {
box-shadow: 1px 1px 1px #dfdfdf;
border: 1px solid #fff;
}
.responsive-tabs-wrapper {
clear: both;
zoom: 1;
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
content: "";
display: table;
}
.responsive-tabs-wrapper:after {
clear: both;
}
.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus {
outline: 0;
}
.responsive-tabs__panel {
margin: 0;
}
.responsive-tabs__list {
position: relative;
z-index: 1;
margin: 0;
padding: 0;
list-style: none;
color: #fff;
width: 100%;
font-size: inherit;
border: 0;
}
.responsive-tabs__list__item {
z-index: 1;
margin: 0 -1px 0 0;
font-weight: 500;
cursor: pointer;
color: #343434;
transition: all 0.3s ease;
padding: 10px 21px;
line-height: 38px;
background: #cfcfcf;
overflow: hidden;
position: relative;
border-radius: 0;
border: 0;
pointer-events: all;
}
.responsive-tabs__list__item:hover {
background: #ddd;
}
.responsive-tabs__list__item--active,
.responsive-tabs__list__item--active:hover {
color: #fff;
background: #38b4ed;
}
h2.responsive-tabs__heading {
font-size: 1rem;
text-shadow: none;
text-align: left;
border: 0;
}
.tab_container {
position: relative;
z-index: 3;
width: 100%;
padding: 1rem 1rem 0;
color: #fff;
clear: both;
background: hsl(199, 83%, 58%);
pointer-events: all;
box-sizing: border-box;
}
#lastminute_box_loading {
padding: 50px 20px;
text-align: center;
}
#searchbar .christmas_campaign_heading {
background: #ba0913 url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -900px -600px no-repeat;
color: #fff;
}
#searchbar .christmas_campaign_heading:hover {
background-color: #d23338;
}
#searchbar .christmas_campaign_heading.responsive-tabs__list__item--active,
#searchbar .christmas_campaign_heading.responsive-tabs__list__item--active:hover {
background: #ba0913 url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -900px -600px no-repeat;
}
.christmas_campaign_container.tab_container {
background: #d23338 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_red_hover.jpg) 0 0 repeat-x;
}
.christmas_campaign_wrapper {
padding: 0 10px 10px 10px;
}
.christmas_campaign {
width: auto;
padding: 20px;
background: url("/layout/modules/osfw/SecraSearchBar/assets/../../SecraAktion/assets/images/weihnachten/christmas_tab_bg.png") 0 0 no-repeat;
background-size: cover;
color: #454545;
border-radius: 10px;
box-shadow: 0 6px 8px #ba0913;
font-size: 15px;
line-height: 22px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.christmas_campaign .icon {
float: left;
font-size: 57px;
padding: 0 10px 50px 0;
}
.christmas_campaign .icon a {
color: #ba0913;
}
.christmas_campaign h2 {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
font-size: 21px;
color: #ba0913;
margin: 0 0 20px 0;
padding: 40px 0 0 0;
text-align: left;
text-shadow: 1px 1px 1px #ddd;
float: left;
width: 50%;
}
.christmas_campaign .image {
width: 22%;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
float: right;
margin: 40px 0 0 15px;
}
.christmas_campaign .text {
width: 50%;
float: left;
}
#searchbar .easter_campaign_heading {
background: #70ae00 url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -900px -700px no-repeat;
color: #fff;
}
#searchbar .easter_campaign_heading:hover {
background-color: #9bcc42;
}
#searchbar .easter_campaign_heading.responsive-tabs__list__item--active,
#searchbar .easter_campaign_heading.responsive-tabs__list__item--active:hover {
background-color: #70ae00;
}
.easter_campaign_container.tab_container {
background: #9bcc42 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_green_hover.jpg) 0 0 repeat-x;
}
.easter_campaign_wrapper {
padding: 0 10px 10px 10px;
}
.easter_campaign {
width: auto;
padding: 20px;
background: url("/layout/modules/osfw/SecraSearchBar/assets/../../SecraAktion/assets/images/ostern/easter_tab_bg.png") 0 0 no-repeat;
background-size: cover;
color: #454545;
border-radius: 10px;
box-shadow: 0 6px 8px #70ae00;
font-size: 15px;
line-height: 22px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.easter_campaign .icon {
float: left;
font-size: 57px;
padding: 0 10px 50px 0;
}
.easter_campaign .icon a {
color: #70ae00;
}
.easter_campaign h2 {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
font-size: 21px;
color: #70ae00;
margin: 0 0 20px 0;
padding: 40px 0 0 0;
text-align: left;
text-shadow: 1px 1px 1px #ddd;
float: left;
width: 50%;
}
.easter_campaign .image {
width: 22%;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
float: right;
margin: 40px 0 0 15px;
}
.easter_campaign .text {
width: 50%;
float: left;
}
#searchbar .whitsun_campaign_heading {
background: #f7941d url(/layout/modules/osfw/SecraContentPage/assets/images/icons/iconsprite.png) -900px -700px no-repeat;
color: #fff;
}
#searchbar .whitsun_campaign_heading:hover {
background-color: #fdb35a;
}
#searchbar .whitsun_campaign_heading.responsive-tabs__list__item--active,
#searchbar .whitsun_campaign_heading.responsive-tabs__list__item--active:hover {
background-color: #f7941d;
}
.whitsun_campaign_container.tab_container {
background: #fdb35a url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange_hover.jpg) 0 0 repeat-x;
}
.whitsun_campaign_wrapper {
padding: 0 10px 10px 10px;
}
.whitsun_campaign {
width: auto;
padding: 20px;
background: url("/layout/modules/osfw/SecraSearchBar/assets/../../SecraAktion/assets/images/pfingsten/whitsun_tab_bg.png") 0 0 no-repeat;
background-size: cover;
color: #454545;
border-radius: 10px;
box-shadow: 0 6px 8px #f7941d;
font-size: 15px;
line-height: 22px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.whitsun_campaign .icon {
float: left;
font-size: 57px;
padding: 0 10px 50px 0;
}
.whitsun_campaign .icon a {
color: #f7941d;
}
.whitsun_campaign h2 {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
font-size: 21px;
color: #f7941d;
margin: 0 0 20px 0;
padding: 40px 0 0 0;
text-align: left;
text-shadow: 1px 1px 1px #ddd;
float: left;
width: 50%;
}
.whitsun_campaign .image {
width: 22%;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
float: right;
margin: 40px 0 0 15px;
}
.whitsun_campaign .text {
width: 50%;
float: left;
}
#searchbar .competition_heading {
background-image: url(/layout/modules/osfw/SecraAktion/assets/images/gewinnspiel/gewinnspiel_tab_gift.png);
background-position: top right;
background-repeat: no-repeat;
}
.competition_panel_wrapper {
padding: 0 10px 10px 10px;
}
.competition_panel {
background: #39b4ed;
border-radius: 10px;
box-shadow: 0 0 10px #046fa0;
min-height: 170px;
font-size: 13px;
line-height: 20px;
}
.competition_panel .image {
float: right;
width: 40%;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.competition_panel .inner {
padding: 20px;
}
.competition_panel p {
font-size: 17px;
}
.competition_panel strong {
color: #fff;
}
.competition_panel h2 {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
font-size: 21px;
color: #fff;
margin: 0 0 20px 0;
padding: 0;
text-align: left;
text-shadow: 1px 1px 1px #0991d0;
}
.default-font {
font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
color: #454545;
}
.border-button-style {
border: 1px solid #ffffff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
}
.border-button-style-invers {
border: 1px solid #ffffff;
border-radius: 3px;
}
.border-default-style {
border: 1px solid #ffffff;
box-shadow: 0 0 3px #bbbbbb;
}
.border-main-box {
box-shadow: 1px 1px 1px #dfdfdf;
border: 1px solid #ffffff;
}
@media handheld, only screen and (max-width: 1380px) {
.personalbordertop_inner {
width: 100%;
}
#personalbar_icons {
left: 5px;
}
.personalbordertop img.my {
right: 5px;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li a,
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li a:active,
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li a:focus {
padding: 10px 0;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li a i.activearrow {
top: 3px;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav li a span {
display: none;
}
#content_wrapper .nomargin.price {
display: block;
font-weight: bold;
}
#content_wrapper .nomargin.price.totalPrice {
margin-top: 10px;
}
}
@media handheld, only screen and (max-width: 1350px) {
.psearch_dtv {
background-color: transparent!important;
}
}
@media handheld, only screen and (max-width: 1020px) {
body {
-webkit-text-size-adjust: none;
}
.header_wrapper {
width: 100%;
}
#navbar_outer,
#navbar_outer.csmall {
height: auto;
position: fixed;
}
#navbar_inner {
width: 100%;
position: relative;
}
#navbar,
#navbar.csmall {
background: #fff;
}
#logo {
display: none;
}
#logo_small,
#logo_small.csmall {
display: block;
width: auto;
height: auto;
}
#searchbar_inner {
margin: 0;
width: auto;
}
.tab_container {
border-left: none;
border-right: none;
}
.searchbox.results {
white-space: nowrap;
overflow: visible;
}
.search_persons i {
display: none;
}
.searchbutton {
width: 100%;
}
.searchtitle {
display: none;
}
.inptextform,
.selectform,
.textinput {
padding: 5px 0;
}
#search_object .textinput {
padding: 3px 0;
}
#content_inner {
width: auto;
float: none;
margin: 0 1rem;
}
#cwrapper_boxes {
float: unset;
width: 30%;
}
#cwrapper_main.lastminute {
width: 66%;
}
#cwrapper_boxes.lastminute {
width: 30%;
}
.cwrapper_title {
margin: 0;
width: auto;
}
.cbox_main .propertyrange_lines {
background-size: 99% auto;
}
#footer_inner,
.error404 #footer_inner {
width: auto;
}
#footer_inner {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-nav {
width: 25%;
}
#personalbar_inner .ui-tabs-vertical .ui-tabs-panel {
width: 70%;
}
#psearch_views,
.psearch_views {
margin-left: 0;
margin-right: 0;
}
.psearch_list.psearch {
margin-left: 0;
margin-right: 0;
}
.lastminute.psearch_list .psearch_outerinfos h2 {
margin-top: 15px;
}
.psearch_list .psearch_details {
width: auto;
float: none;
}
.lastminute.psearch_list .psearch_details {
width: inherit;
}
.psearch_list .psearch_outerinfos {
position: absolute;
top: 0;
right: 0;
pointer-events: none;
background-color: #fff;
padding: 20px 10px 10px 10px;
}
.lastminute.psearch_list .psearch_outerinfos {
top: 0;
right: 0;
}
.lastminute.psearch_list .lamiadd {
width: 50%;
}
.lastminute .psearch_lastminute_validity {
padding-left: 0;
}
.psearch_list .available-date,
.psearch_list .unavailable {
margin-left: 0;
clear: both;
}
.psearch_object.persons {
width: 190px;
}
.lastminute .lastminute.psearch .psearch_lastminute_validity {
padding-left: 0;
padding-right: 80px;
}
.lastminute .lastminute.psearch_list .psearch_inner {
padding: 10px;
}
.lastminute .lastminute.psearch_list .psearch_details {
padding-top: 10px;
}
.psearch_gallery.psearch,
.psearch_gallery.related.psearch,
.psearch_gallery.lastminute.psearch {
width: 33%;
}
.psearch_gallery .psearch_inner,
.psearch_gallery.related .psearch_inner,
.psearch_gallery.lastminute .psearch_inner {
width: auto !important;
margin: 0 !important;
}
.psearch_gallery .psearch_image,
.psearch_gallery.related .psearch_image,
.psearch_gallery.lastminute .psearch_image {
height: 140px;
}
.psearch_gallery .psearch_image img,
.psearch_gallery.related .psearch_image img,
.psearch_gallery.lastminute .psearch_image img,
.psearch_image img {
max-width: 100%;
}
.psearch_gallery .psearch_outerinfos,
.psearch_gallery.related .psearch_outerinfos,
.psearch_gallery.lastminute .psearch_outerinfos {
margin: 0;
}
.psearch_gallery .psearch_objectwrapper,
.psearch_gallery.related .psearch_objectwrapper,
.psearch_gallery.lastminute .psearch_objectwrapper {
position: static;
}
.tippdw_wrapper,
.tippdw_wrapper.last {
width: 33%;
margin: 0;
}
.tippdw_inner,
.tippdw_inner.last {
margin: 10px;
}
.tippdw_image {
width: 100%;
height: 135px;
}
.tippdw_image img {
max-width: 100%;
}
#cwrapper_main.object_mainbox {
margin: 0;
padding: 0;
background: none;
border: none;
box-shadow: none;
}
#cwrapper_main.object_mainbox section {
width: auto;
background: #ffffff;
box-shadow: 1px 1px 1px #dfdfdf;
border: 1px solid #ffffff;
}
#cwrapper_main.object_mainbox section:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#cwrapper_main.object_mainbox section:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#prevnextobjects_outer {
width: 90%;
margin: 0 auto;
}
#prevnextobjects .item {
height: 120px;
}
.object_mainbox {
overflow: hidden;
width: auto;
}
.object_mainbox.cwrapper_mainbox {
margin-left: 0;
margin-right: 0;
}
.object_image_big {
width: 65%;
}
.object_image_big img {
width: auto;
min-width: 100%;
}
#object_gallery,
#gemeinde_gallery {
width: 103%;
}
.objectbox {
width: 30%;
}
ul.object_details li p {
width: 60%;
}
.anfragesenden a.phone {
border-radius: 22px;
font-size: 22px;
height: 22px;
width: 22px;
}
.object_mainbox .button-orange.big {
display: block;
width: auto;
margin: 0;
text-align: center;
font-size: 21px;
padding: 8px 10px;
}
.button-orange.big.request {
width: auto;
padding: 10px 22px;
}
.opricet_period {
width: 46%;
}
.opricet_fnight {
width: 28%;
}
.opricet_nights {
width: 28%;
}
.opricet_period,
.opricet_fnight,
.opricet_nights,
.opricet_peakseason,
.opricet_offseason {
font-size: 13px;
}
.object_price_table td,
.object_price_table th {
padding: 0.5rem;
text-align: left;
}
.object_price_table span.opricet_saisonfdate {
width: auto;
}
.opricet_saison span {
padding: 0;
}
.object_price_table span.ab,
.object_price_table em {
font-size: 11px;
}
.opricet_saison i.ee {
display: none;
}
#contactmobile {
width: 100%;
}
#contactmobile-sticky-wrapper {
position: static !important;
}
#short-link {
white-space: normal;
overflow: auto;
width: 100%;
margin: 1.5rem 0 0.5rem;
padding: 0.5rem 1rem;
}
#copy-link {
display: none;
}
.videobox iframe {
width: 100%;
height: 500px;
}
.campaign_text {
width: 75%;
}
ul.all-special-offers {
padding: 0;
}
ul.all-special-offers li {
width: 49%;
}
#freizeittipps_hotspot_wrapper {
width: 100%;
margin: 0;
}
ul.list_alle_gemeinden li {
width: 33.3%;
}
.hotspot_gemeinde_text {
min-height: 240px;
}
.hotspot_gemeinde_image {
height: auto;
}
.hotspot_ftipp_inner {
height: 240px;
}
.campaign_item.easter_offer .easterbow {
right: 0;
}
}
@media handheld, only screen and (max-width: 840px) {
#occupancy_calendar_desktop_wrapper {
display: none;
}
#occupancy_calendar_mobile_wrapper {
display: block;
}
}
@media handheld, only screen and (max-width: 720px) {
#header,
#header.csmall,
#headerimage {
height: auto;
position: static;
}
.osfw-slider,
.bx-wrapper {
display: none;
}
.osfw-slider.hotspot {
display: block;
}
#content_wrapper {
padding: 0;
}
#cwrapper_main,
#cwrapper_boxes,
#cwrapper_outerfoot_main,
.text_content_gemeinde {
width: 100%;
}
#content_inner {
padding-top: 30px;
}
#cwrapper_boxes.filter_boxes {
background: #cbdbea url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_transwhite.png) 0 -230px repeat-x;
border-radius: 10px;
border: 1px solid #ffffff;
box-shadow: 0 0 3px #bbbbbb;
margin: 10px 0;
padding-bottom: 1px;
}
.cwrapper_mainbox.introbox {
margin-bottom: 10px;
}
.objectbox {
position: relative;
width: 100%;
}
.hotspotwrapper .dividersection.first {
padding: 0;
}
.cwrapper_objectbox .dividersection .inner,
.dividersection .inner,
.hotspotwrapper .dividersection.first .inner {
margin: 0 1rem;
}
.capmingsite,
.hotel {
margin-bottom: 10px;
}
#cboxes_mobile_title {
display: block;
}
#filtermobile {
display: none;
}
#multiOpenAccordion,
#openedAccordion {
margin: 0 10px 10px 10px;
}
.noacc #multiOpenAccordion,
.noacc #openedAccordion {
margin: 0;
}
.cbox_title {
margin: 10px 0 0 0 !important;
}
.mobiletitle {
display: block;
}
#filtermobile {
display: none;
}
section.object_mainbox {
margin-bottom: 0;
}
.object_mainbox {
background: #fff;
}
.objectbox {
border-top: none;
}
.areas ul.checklist.hotspotchooser li {
width: auto;
float: none;
}
#navigation {
width: 100%;
float: none;
}
.navclear {
clear: both;
}
#navigation {
position: relative;
width: 100%;
display: none;
float: none;
clear: both;
height: auto;
padding: 0.75rem 1rem;
}
#navigation > div {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#navigation ul#navi {
width: auto;
float: none;
}
#navigation ul#navi li {
margin: 0;
padding: 5px 0;
width: 100%;
}
#navigation ul#navi a {
padding: 10px;
}
#navigation_outer a#pull {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
position: absolute;
top: 0.25rem;
right: 0.25rem;
}
#navigation_outer a#pull img {
transition: all 0.3s ease-in-out;
}
#navigation_outer a#pull:hover img {
opacity: 0.7;
}
#footer {
background: none;
}
#footer_outer,
#footer,
#footer_inner {
height: auto;
}
.footerbox.newsletter {
width: 25%;
}
.footerbox.discover {
width: 25%;
}
.footerbox.discover ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
column-gap: 0;
}
.footerbox.discover ul li {
overflow: hidden;
}
.error404 .footerbox.discover {
width: 50%;
}
.personalbordertop img.my {
display: none;
}
#personalbar {
display: none;
}
.personalbordertop_inner,
#closed .personalbordertop_inner {
opacity: 1;
}
#personalbar:hover .personalbar_icon {
cursor: default;
background: #fdb35a url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange_hover.jpg) 0 0 repeat-x;
}
#personalbar .personalbar_icon:hover {
cursor: pointer;
background: #f7941d url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange.jpg) 0 0 repeat-x;
}
#search_object {
width: auto;
float: none;
padding: 5px 0;
margin: 5px 0;
display: flex;
justify-content: space-between;
}
#object_number_search {
width: 100%;
}
#search_object span {
display: block;
float: none;
width: 100%;
}
#register_object {
width: auto;
float: none;
display: inline-block;
margin: 5px 0;
}
#datepicker_calendar_desktop_wrapper {
display: none;
}
#datepicker_calendar_mobile_wrapper {
display: block;
}
#hotspot_chooser_desktop_wrapper {
display: none;
}
.searchbox.where span.title {
display: block;
font-size: 1rem;
font-weight: 500;
margin: 0 0 0.25rem;
}
#hotspot_chooser_mobile_wrapper {
display: block;
}
#personen_desktop_wrapper {
display: none;
}
#personen_mobile_wrapper {
display: block;
}
#searchbar,
#searchbar.csmall {
position: static;
bottom: inherit;
}
#headerimage.csmall,
#headerimage {
padding-top: 40px;
padding-bottom: 10px;
}
.searchinp {
text-align: center;
text-indent: 0;
}
.searchbox.where,
.searchbox.date,
.searchbox.persons,
.searchbox.results {
padding: 0;
margin: 0;
}
.searchtitle {
margin: 0 0 5px 0;
line-height: 17px;
}
.searchbox.where,
.searchbox.date,
.searchbox.persons,
.searchbutton,
.searchbox.results {
display: block;
width: 100%;
margin-bottom: 0.5rem;
}
.search_where,
.search_date,
.search_persons {
width: 100%;
margin: 0 0 0.5rem;
text-align: left;
padding: 1rem 1.15rem;
box-sizing: border-box;
line-height: 1;
border-radius: 0.2rem;
background-color: #fff;
box-shadow: 0 0 5px #046e9f;
}
#mobiledate,
#popup_persons_mobile {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mobiledate-arrival-container,
.mobiledate-departure-container,
#adult_mobile,
#child_mobile {
width: 48%;
margin-bottom: 0.5rem;
}
#select_adult_mobileSelectBoxItContainer,
#select_child_mobileSelectBoxItContainer {
width: 100% !important;
margin-bottom: 0.5rem;
}
#select_adult_mobileSelectBoxItContainer .selectboxit-text,
#select_child_mobileSelectBoxItContainer .selectboxit-text {
font-size: 1rem;
}
#select_adult_mobileSelectBoxItContainer > span,
#select_child_mobileSelectBoxItContainer > span {
width: 100% !important;
height: 3.125rem;
box-sizing: border-box;
border: 0 !important;
display: flex;
align-items: center;
max-width: none !important;
background: #fff;
}
#select_adult_mobileSelectBoxItContainer .selectboxit-option-icon-container,
#select_child_mobileSelectBoxItContainer .selectboxit-option-icon-container {
margin-left: 0.8rem;
}
#select_adult_mobileSelectBoxItContainer .selectboxit,
#select_child_mobileSelectBoxItContainer .selectboxit {
box-shadow: 0 0 5px #046e9f;
}
.searchbox.persons #childs-age_mobile {
width: 100%;
}
.searchbox.persons #childs-age_mobile > div {
display: flex !important;
flex-wrap: wrap;
justify-content: flex-start;
}
.searchbox.persons #childs-age_mobile select {
text-align: left;
width: 18% !important;
margin: 0 !important;
border-radius: 0.2rem !important;
padding: 0.75rem 0.5rem !important;
background: #fff !important;
margin-bottom: 0.5rem !important;
margin-right: 2.5% !important;
}
.searchbox.persons #childs-age_mobile select#age-5,
.searchbox.persons #childs-age_mobile select#age-10 {
margin-right: 0 !important;
}
.request_wrapper .request_outer {
margin: 0 0 10px 0;
width: auto;
float: none;
}
.request_wrapper,
.request_wrapper .request.first,
.request_wrapper .request.second,
.request_wrapper .request.third {
width: auto;
float: none;
clear: both;
margin: 0;
padding: 0;
min-height: inherit;
}
.responsive-tabs__heading {
font-weight: 500;
box-shadow: none;
cursor: pointer;
padding: 1rem;
margin: 0;
line-height: 1.2;
border-radius: 0;
border-top: 1px solid #fff;
background: #d6f2ff;
color: #0993d3;
position: relative;
pointer-events: all;
}
.responsive-tabs__panel--active .tab_container.last {
border-bottom: 1px solid #ffffff !important;
}
.responsive-tabs__heading:after {
content: "";
display: block;
position: absolute;
right: 20px;
transform: translateY(-50%);
top: 50%;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 6px solid #0993d3;
border-bottom: 0 !important;
}
.responsive-tabs__heading:hover,
.responsive-tabs__heading--active:hover,
.responsive-tabs__heading--active {
color: #fff;
background: #0993d3;
}
.responsive-tabs__heading:hover::after {
border-top: 6px solid #fff;
}
.responsive-tabs__heading--active::after {
border-top: 6px solid #fff;
transform: translateY(-50%) rotate(180deg) !important;
}
.christmas_campaign_heading.responsive-tabs__heading:hover,
.christmas_campaign_heading.responsive-tabs__heading--active:hover,
.christmas_campaign_heading.responsive-tabs__heading--active {
color: #ffffff;
background: #d23338 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_red_hover.jpg) left top repeat-x;
}
.easter_campaign_heading.responsive-tabs__heading:hover,
.easter_campaign_heading.responsive-tabs__heading--active:hover,
.easter_campaign_heading.responsive-tabs__heading--active {
color: #ffffff;
background: #9bcc42 url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_green_hover.jpg) left top repeat-x;
}
.whitsun_campaign_heading.responsive-tabs__heading:hover,
.whitsun_campaign_heading.responsive-tabs__heading--active:hover,
.whitsun_campaign_heading.responsive-tabs__heading--active {
color: #ffffff;
background: #fdb35a url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange_hover.jpg) left top repeat-x;
}
.competition_heading.responsive-tabs__heading,
.competition_heading.responsive-tabs__heading:hover,
.competition_heading.responsive-tabs__heading--active:hover,
.competition_heading.responsive-tabs__heading--active {
background-image: url(/layout/modules/osfw/SecraAktion/assets/images/gewinnspiel/gewinnspiel_tab_gift.png);
background-position: top right;
background-repeat: no-repeat;
}
.responsive-tabs__panel,
.responsive-tabs__panel--active {
margin: 0;
}
.tab_container {
width: auto;
border-top: 0 !important;
border-bottom: 0 !important;
}
.tab_container .searchtitle,
.tab_container .searchtitleresults {
margin-top: 10px;
}
#searchbar_inner {
margin: 0;
top: 9px;
}
.cbox_main .propertyrange_lines {
background-size: 99% auto;
}
.christmas_campaign_wrapper,
.easter_campaign_wrapper,
.whitsun_campaign_wrapper {
padding: 0;
}
.christmas_campaign,
.easter_campaign,
.whitsun_campaign {
padding: 10px;
}
.christmas_campaign h2 {
float: none;
width: auto;
padding: 60px 0 0 0;
}
.easter_campaign h2,
.whitsun_campaign h2 {
float: none;
width: auto;
padding: 30px 0 0 0;
}
.christmas_campaign .image,
.easter_campaign .image,
.whitsun_campaign .image {
width: 48%;
margin: 0 0 10px 0;
}
.christmas_campaign .image.newyearseve,
.easter_campaign .image.right,
.whitsun_campaign .image.right {
float: right;
}
.christmas_campaign .image.christmas,
.easter_campaign .image.left,
.whitsun_campaign .image.left {
float: left;
}
.christmas_campaign .text,
.easter_campaign .text,
.whitsun_campaign .text {
width: auto;
float: none;
clear: both;
}
.competition_panel_wrapper {
padding: 0;
}
.competition_panel .inner {
padding: 10px;
}
.competition_panel .image {
width: 100%;
margin: 0 0 20px 0;
}
h1 {
font-size: 27px;
line-height: 24px;
margin-bottom: 20px;
}
p.headertitle,
h3.headertitle,
h2,
section h2,
.hotspotwrapper section h2 {
font-size: 21px;
line-height: 24px;
margin-bottom: 20px;
}
h2.psearch_title {
font-size: 15px;
line-height: 15px;
}
.psearch_gallery h2.psearch_title,
.psearch_gallery.related h2.psearch_title,
.psearch_gallery.lastminute h2.psearch_title,
h3.personalbartitle {
font-size: 15px;
line-height: 19px;
}
.cwrapper_title {
font-size: 17px;
padding: 6px;
}
#tabs_container fieldset,
.object_contactmessage fieldset,
.formwrapper fieldset {
padding: 5px 10px;
}
#tabs_container fieldset legend,
.object_contactmessage fieldset legend,
.formwrapper fieldset legend {
font-size: 15px;
}
.tippdw_wrapper,
.tippdw_wrapper.last {
width: 50%;
}
.psearch_image_magni {
display: none;
}
h2.psearch_title {
padding-left: 0;
padding-right: 0;
}
.psearch_favorite,
.psearch_hide,
.psearch_list:hover .psearch_hide,
.touch .psearch_hide,
.objectmore.button_favorite {
display: none;
}
.psearch_list:hover .psearch_inner {
border-top-right-radius: 10px;
}
.psearch .bookable-online-banderole {
left: 0;
right: auto;
}
p.psearch_object_title,
.psearch .bookable-online {
display: none;
}
.psearch_list .psearch_image {
width: 100%;
height: auto;
line-height: 0;
margin: 0 10px 0 0;
pointer-events: all;
}
.psearch_image img {
min-height: 73px;
}
.psearch_list .psearch_dtv {
left: 10px;
top: 11.4rem;
background-color: transparent;
}
.psearch_list h2.psearch_title {
font-size: 20px;
line-height: 15px;
margin: 0;
width: 100%;
}
.psearch_list h2.psearch_title a {
display: block;
width: 100%;
line-height: 1.2;
padding: 0.75rem 0.5rem 0.25rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.psearch_outerinfos {
margin: 0;
}
.psearch_list .psearch_more {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
text-align: center;
display: block;
margin-top: 0.75rem;
}
.psearch_list .psearch_place span {
display: none;
}
.secrapreis_table {
line-height: 20px;
}
.secrapreis_table tr:first-child td {
font-size: 13px;
}
.secrapreis_table tr td[colspan="3"] {
display: none;
}
.secrapreis_table tr td[colspan="5"] {
width: 100%;
}
.secrapreis_table .secrakleiner {
font-size: 11px;
}
.itoolt_fav,
.itoolt_hide {
display: none !important;
}
.psearch_list .psearch_object {
font-size: 14px;
line-height: 18px;
}
.lastminute.psearch_list .psearch_object.lamifull {
font-size: inherit;
}
.psearch_list .psearch_object span {
font-size: 14px;
line-height: 18px;
}
.psearch_list .psearch_object.type {
width: auto;
padding: 0 0.5rem;
}
.psearch_list .psearch_object.size {
width: auto;
padding: 0 0.5rem;
}
.psearch_list .psearch_object.persons {
width: auto;
padding: 0 0.5rem;
}
.psearch_list .psearch_object.persons span.small {
display: none;
}
.lastminute.psearch_list .lamiadd {
width: 100%;
margin-bottom: 0;
}
.lastminute.psearch .psearch_object.landlord {
width: 110px;
margin-right: 12px;
}
.lastminute.psearch .psearch_object.bookingtel {
width: 55%;
}
.psearch_gallery.psearch,
.psearch_gallery.related.psearch,
.psearch_gallery.lastminute.psearch {
width: 50%;
}
.psearch_gallery .psearch_inner,
.psearch_gallery.related .psearch_inner,
.psearch_gallery.lastminute .psearch_inner,
.psearch_gallery.last .psearch_inner,
.psearch_gallery.related.last .psearch_inner,
.psearch_gallery.lastminute.last .psearch_inner {
margin: 0 5px 15px 5px;
height: auto;
}
.psearch_gallery .psearch_image img,
.psearch_gallery.related .psearch_image img,
.psearch_gallery.lastminute .psearch_image img,
.psearch_image img {
width: 100%;
}
.cwrapper_mainbox_inner.csmall {
margin: 10px;
}
.cbox_main,
.ui-accordion .cbox_main.ui-accordion-content,
.cbox_main.ui-corner-all,
.cbox_main.ui-corner-bottom,
.cbox_main.ui-corner-right,
.cbox_main.ui-corner-br,
.cbox_main.ui-corner-all,
.cbox_main.ui-corner-bottom,
.cbox_main.ui-corner-left,
.cbox_main.ui-corner-bl,
.cbox_main.ui-widget-content {
padding: 10px;
}
.object_price_table caption {
font-size: 17px;
}
header.objecttitle h1 {
font-size: 27px;
margin-bottom: 10px;
}
#prevnextbar .owl-theme .owl-controls .owl-buttons div {
font-size: 32px;
}
#prevnextbar .owl-theme .owl-controls .owl-buttons .owl-prev {
left: -30px;
top: 40px;
}
#prevnextbar .owl-theme .owl-controls .owl-buttons .owl-next {
right: -30px;
top: 40px;
}
#prevnextobjects .item {
height: 100px;
margin: 5px;
}
#prevnextobjects .object_dtv {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
position: relative;
left: -12px;
}
#prevnextobjects .item h3 {
font-size: 15px;
line-height: 13px;
}
#prevnextbar .owl-item.loading {
min-height: inherit;
}
.bc,
.bc:hover,
.bc:active,
.bc:focus {
background: none;
border-radius: 0;
border: none;
color: #0991d0;
box-shadow: none;
}
.object_image_big {
width: 100%;
height: auto;
overflow: visible;
float: none;
}
.object_image_big img {
width: 100%;
min-height: inherit;
border-bottom-right-radius: 0;
}
ul.object_details,
.anfragesenden {
width: 100%;
float: none;
}
.anfragesenden {
position: static;
top: 0;
left: 0;
width: auto;
}
.anfragesenden .available-date,
.anfragesenden .unavailable {
padding: 0;
margin: 0 0 10px 0;
width: auto;
}
.anfragesenden a.phone {
display: none;
}
.anfragesenden .button-orange {
display: block;
width: auto;
float: none;
clear: both;
margin: 0;
text-align: center;
}
.flat {
padding: 12px 0px !important;
margin: 2.5% 2.5% 2.5% 2.5% !important;
}
.objectmore {
margin: 0 0 10px 10px;
display: block;
float: none;
font-size: 15px;
}
a.objectmore {
width: 25%;
float: left;
}
ul.object_details li span {
width: 33%;
}
ul.object_details li p {
width: 60%;
}
.object_floorplan {
height: auto;
}
.object_floorplan img {
max-width: 100%;
height: auto;
}
#object_gallery,
#hotspot_gallery {
width: 100%;
}
.object_gallery-item_inner,
.gemeinde_gallery-item_inner {
margin: 5px;
}
.osfw-image img {
border-radius: 3px;
}
.object_checklist_title {
float: none;
width: 100%;
text-align: left;
margin: 0 0 10px 0;
padding: 0;
}
.object_checklist {
float: none;
clear: both;
padding: 0;
margin: 0 0 20px 0;
}
ul.object_details li {
font-size: 15px;
line-height: 22px;
}
.videobox iframe {
height: 400px;
}
#occupancy_calendar_desktop_wrapper {
display: block;
}
#occupancy_calendar_mobile_wrapper {
display: none;
}
ul#register_benefits li {
width: 50%;
margin-bottom: 20px;
}
ul#register_benefits li .inner {
min-height: inherit;
}
ul#register_benefits li.mobilelast .inner {
border: none;
}
.registerobjecttooltip {
width: 150px;
}
.register_object_pricebutton.alt {
padding-top: 30px;
}
.website-details {
width: 100%;
float: none;
clear: both;
}
.website-detailsimages {
width: 100%;
float: none;
clear: both;
}
.contactperson {
width: 100%;
float: none;
margin: 0 0 20px 0;
}
.insp_wrapper {
width: 50%;
}
.insp_inner,
.insp_inner.last {
margin: 0 5px;
}
.campaign_image {
position: relative;
z-index: 1;
width: 50%;
min-height: 150px;
border: none;
}
.campaign_text {
width: 80%;
}
ul.all-special-offers {
padding: 0;
}
ul.all-special-offers li {
width: 100%;
float: none;
white-space: normal;
}
.christmas_centertextbox .campaign_text,
.easter_centertextbox .campaign_text,
.whitsun_centertextbox .campaign_text {
margin: 20px;
}
.campaign_item {
margin-bottom: 10px;
}
.campaign_item .image {
width: 40%;
}
.campaign_item .contactwrapper,
.campaign_item.easter_offer .contactwrapper,
.campaign_item.whitsun_offer .contactwrapper {
float: none;
width: auto;
}
.campaign_item .prices {
clear: both;
float: none;
width: 100%;
}
.campaign_item .prices {
margin: 10px 0;
}
.campaign_item.easter_offer .prices,
.campaign_item.whitsun_offer .prices {
width: 100%;
margin-top: 0;
float: none;
}
.campaign_item.easter_offer .box.easter {
margin: 0;
}
.campaign_item .sterntext {
clear: both;
margin: 0 0 10px 0;
float: left;
}
.landlord_content {
margin: 20px 0 0 0;
}
.landlord_page .landlord_award {
margin: 0 0 25px 0;
}
.cwrapper_mainbox.landlord_portrait_tipps {
min-height: inherit;
}
.hotspot_gemeinde_wrapper {
width: 50%;
}
.hotspot_gemeinde_wrapper:nth-child(4) .hotspot_gemeinde_inner {
margin: 10px 10px 10px 0;
}
ul.list_alle_gemeinden li {
width: 50%;
}
.hotspot_gemeinde_text {
padding: 10px;
min-height: 210px;
}
.hotspot_gallery-item {
width: 33.3%;
}
.hotspot_ftipp_wrapper {
width: auto;
float: none;
clear: both;
}
.hotspot_ftipp_inner {
margin: 0 0 10px 0;
height: auto;
}
.hotspot_ftipp_wrapper:nth-child(even) .hotspot_ftipp_inner {
margin: 0 0 10px 0;
}
}
@media handheld, only screen and (max-width: 580px) {
#cwrapper_main.lastminute {
width: 100%;
}
#cwrapper_boxes.lastminute {
display: none;
}
.currentItem.lamicurrentarrow {
display: none !important;
}
.register_optionallist li {
width: 44%;
}
#occupancy_calendar_desktop_wrapper {
display: none;
}
#occupancy_calendar_mobile_wrapper {
display: block;
}
.cbox_main .propertyrange_lines {
background-size: 99% auto;
}
.videobox iframe {
height: 350px;
}
}
@media handheld, only screen and (max-width: 480px) {
body {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.w50 {
width: 100%;
margin: 0.5rem 0;
}
.small {
font-size: 12px;
line-height: 17px;
}
.small.objectmore {
font-size: 15px;
line-height: 22px;
}
.header_flag {
position: relative;
margin: 0 auto;
width: 92%;
}
.hotspot .header_flag_hotspot {
width: auto;
}
ul#navi {
width: 100%;
display: block;
float: none;
}
.cwrapper_mainbox.footerphoneus .left {
width: 100%;
float: none;
}
.cwrapper_mainbox.footerphoneus .right {
width: 100%;
float: none;
}
.cwrapper_mainbox.footerphoneus .left .lookright {
display: none;
}
.cwrapper_mainbox.footerphoneus .left .lookbelow {
display: inline-block;
}
#footer_inner {
position: relative;
padding-bottom: 50px;
}
.footerbox.newsletter {
width: 33%;
}
.footerbox.newsletter {
position: absolute;
top: 50px;
right: 10px;
}
.footerbox.discover,
.error404 .footerbox.discover {
float: none;
clear: both;
width: 100%;
padding-top: 1px;
}
.footerbox.discover ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
column-gap: 20px;
}
.footercopyright {
margin: 10px 0 0 0;
}
.tippdw_wrapper,
.tippdw_wrapper.last {
width: 100%;
}
.tippdw_image {
height: auto;
}
.tippdw_inner,
.tippdw_inner.last {
margin: 0 0 15px 0;
}
.tippdw_infos {
height: auto;
padding-bottom: 40px;
font-size: 15px;
line-height: 22px;
}
.tippdw_infos p.tel {
position: static;
float: left;
margin-top: 10px;
}
.tippdw_infos a.more {
position: static;
float: right;
padding: 0.5rem 1rem;
margin: 0 0 1rem 0;
background: #0991d0;
color: #fff;
text-decoration: none;
transition: all 0.3s ease-in-out;
border-radius: 0.2rem;
}
.tippdw_infos a.more:hover,
.tippdw_infos a.more:active,
.tippdw_infos a.more:focus {
background: #046e9f;
}
.website_showcase {
width: 46%;
}
ul#psearch_views li a {
padding: 0 15px;
}
ul#psearch_views li span {
display: none;
}
#pagination_object_count_control.flright {
float: none;
width: 100%;
clear: both;
padding: 10px 0 0 0;
}
.resultsperpage a {
display: inline-block;
padding: 5px 8px;
background: #cfcfcf url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_grey.jpg) 0 0 repeat-x;
color: #ffffff;
text-decoration: none;
border: 1px solid #ffffff;
border-radius: 3px;
box-shadow: 0 0 3px #bbbbbb;
margin: 0 3px;
}
.resultsperpage a.active {
background: #f7941d url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange.jpg) 0 0 repeat-x;
color: #ffffff;
}
p.psearch_object_content {
font-size: 13px;
line-height: 13px;
}
h1#resultTextObjectList {
text-align: center;
margin: 1.5rem 0.5rem 1rem;
}
.psearch_list .psearch_inner {
padding: 0;
}
.psearch_list .psearch_place {
font-size: 13px;
padding: 0.25rem 0.5rem;
}
.psearch_list .psearch_dtv {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
left: 0;
}
.psearch_list.lastminute .psearch_outerinfos {
width: 50px;
}
.lastminute.psearch_list .psearch_outerinfos p,
.lastminute.psearch_list .psearch_outerinfos s {
background: none;
font-size: 17px;
line-height: 17px;
}
.psearch_list .psearch_outerinfos p {
font-weight: 500;
font-size: 15px;
display: inline-block;
}
.psearch_list .psearch_outerinfos .small {
font-size: 11px;
}
.psearch_list .psearch_object {
margin-right: 0;
}
.psearch_list .psearch_object.persons i {
display: none;
}
.psearch_list .available-date,
.psearch_list .unavailable {
margin-top: 5px;
padding: 0.25rem 0.5rem;
}
.lastminute.psearch_list .psearch_image {
width: 100%;
height: auto;
float: none;
}
.lastminute.psearch_list h2.psearch_title i {
display: inline-block;
}
.lastminute.psearch_list h2.psearch_title span {
display: none;
}
.lastminute.psearch_list h2.psearch_title {
margin: 0;
}
.lastminute.psearch_list .psearch_object {
margin-top: 0;
}
.lastminute.psearch .psearch_object.landlord {
width: 52%;
float: left;
margin: 0;
}
.lastminute.psearch .psearch_object.bookingtel {
width: 44%;
float: right;
margin: 0;
}
.psearch_gallery.psearch,
.psearch_gallery.related.psearch,
.psearch_gallery.lastminute.psearch {
width: 100%;
height: auto;
float: none;
position: relative;
margin: 0 0 20px 0;
}
.psearch_gallery .psearch_inner,
.psearch_gallery.last .psearch_inner,
.psearch_gallery.lastminute.last .psearch_inner {
margin: 0 !important;
height: auto !important;
}
.psearch_gallery.related .psearch_inner,
.psearch_gallery.lastminute .psearch_inner,
.psearch_gallery.related.last .psearch_inner,
.psearch_gallery.lastminute.last .psearch_inner {
margin: 0;
min-height: inherit !important;
}
.psearch_gallery .available-date span,
.psearch_gallery .unavailable span,
.psearch_gallery.related .available-date span,
.psearch_gallery.related .unavailable span,
.psearch_gallery.lastminute .available-date span,
.psearch_gallery.lastminute .unavailable span {
display: inline;
padding: 0;
}
.psearch_gallery .psearch_image img,
.psearch_gallery.related .psearch_image img,
.psearch_gallery.lastminute .psearch_image img {
min-height: 180px;
}
.psearch_gallery .psearch_details,
.psearch_gallery.related .psearch_details,
.psearch_gallery.lastminute .psearch_details {
clear: left;
padding-bottom: 3rem;
}
.psearch_gallery p.psearch_place,
.psearch_gallery.related p.psearch_place,
.psearch_gallery.lastminute p.psearch_place {
margin-bottom: 3px;
}
.psearch_gallery .psearch_dtv,
.psearch_gallery.related .psearch_dtv,
.psearch_gallery.lastminute .psearch_dtv {
top: -12px;
left: 10px;
}
.lastminute.psearch_gallery .psearch_object.landlord,
.lastminute.psearch_gallery .psearch_object.bookingtel {
width: auto;
float: none;
}
#breadcrumb .object_breadcrumb_inner,
#breadcrumb .back span {
display: none;
}
#breadcrumb .back a span {
display: inline-block;
}
header.objecttitle {
margin-top: 20px;
}
#prevnextbar .owl-theme .owl-controls .owl-buttons div {
font-size: 32px;
}
#prevnextbar .owl-theme .owl-controls .owl-buttons .owl-prev {
left: -30px;
top: 40px;
height: 100px;
}
#prevnextbar .owl-theme .owl-controls .owl-buttons .owl-next {
right: -30px;
top: 40px;
height: 100px;
}
#prevnextobjects .object_dtv {
display: none;
}
.object_image_big {
overflow: auto;
box-shadow: none;
border-radius: 0;
}
ul.object_details li {
padding-left: 10px;
padding-right: 10px;
}
ul.object_details li span {
display: block;
float: none;
}
.objectprice.regular.lastminute {
position: relative;
top: 0;
left: 0;
float: left;
text-align: left;
border-bottom-left-radius: 0;
border-bottom-right-radius: 10px;
}
.objectprice.regular.lastminute {
font-weight: 300 !important;
}
.objectprice.lastminute {
position: relative;
top: 0;
left: 0;
float: right;
text-align: right;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 0;
}
.osfw-image {
clear: both;
display: block;
float: none;
margin: 0 0 10px 0;
}
.object_panorama {
margin: 0;
}
.object_floorplan {
margin: 0 0 10px 0;
}
#object_gallery,
#gemeinde_gallery {
margin-left: 0;
margin-top: -5px;
width: 100%;
}
.object_gallery-item_inner,
.gemeinde_gallery-item_inner {
margin-left: 0;
margin-right: 0;
}
.object_gallery-item,
.gemeinde_gallery-item {
width: 100%;
height: auto;
margin: 0;
}
#hotspot_gallery {
margin: 10px 0 0 0;
}
.hotspot_gallery-item_inner {
margin: 5px;
}
.hotspot_gallery-item {
width: 50%;
}
ul.objectcheck li {
float: none;
width: auto;
}
ul.objectcheck li.unchecked {
display: none;
}
.videobox iframe {
height: 300px;
}
.morevobj {
display: block;
width: auto;
float: none;
clear: both;
text-align: center;
}
.landlord_award {
float: none;
clear: both;
width: 100%;
margin: 0;
box-sizing: inherit;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
}
.landlord_portrait .gallery-item {
width: 47%;
margin: 0 1.5% 3% 1.5%;
}
.landlord_portrait .gallery-item_inner {
height: 110px;
}
.landlord_portrait .gallery-item img {
height: 110px;
}
h3.first.landlord_title {
margin: 30px 0 20px 0;
}
.landlord_profile_pic {
float: none;
width: 100%;
}
.landlord_profile_pic img {
max-width: 100%;
}
.landlord_profile_text {
width: auto;
float: none;
}
.formwrapper .infobox {
position: static;
top: inherit;
right: inherit;
width: 100%;
margin: 10px 0 0 0;
}
.ocm_title {
display: block;
width: 100%;
padding: 3px 0 0 0;
text-align: left;
margin: 0 0 3px 0;
float: none;
}
.ocm_title.empty {
padding: 0;
margin: 0;
line-height: 1px;
}
.ocm_content {
width: 100%;
float: none;
margin: 0 0 10px 0;
}
.ocm_width_33 {
width: 100%;
float: left;
}
.ocm_width_33 .ocm_title {
width: 100%;
margin-top: 10px;
}
.ocm_width_100,
.ocm_width_55a {
width: 100%;
float: left;
}
.ocm_width_30,
.ocm_width_40 {
width: 25%;
float: left;
}
.ocm_width_70,
.ocm_width_60 {
width: 73%;
float: right;
}
.ocm_width_45,
.ocm_width_10 {
width: 100%;
float: none;
text-align: left;
}
.ocm_width_33 input,
.ocm_width_100 input,
.ocm_width_30 input,
.ocm_width_70 input {
width: 100%;
}
.inptextform.date {
width: 100%;
}
.registerobject_details_wrapper {
padding: 10px 0;
}
ul#register_benefits li {
width: 100%;
margin: 0;
}
ul#register_benefits li .inner p {
margin: 0 0 5px 0;
}
ul#register_benefits li .inner p.small {
margin: 0;
}
ul#register_benefits li .inner p.title {
font-size: 17px;
}
ul#register_benefits li .inner i {
font-size: 27px;
}
ul#register_benefits li .inner,
ul#register_benefits li.mobilelast .inner {
border: none;
padding: 10px;
border-bottom: 1px solid #dddddd;
}
.register_object_price {
text-align: center;
padding: 10px 0;
width: auto;
float: none;
}
.register_object_pricebutton {
width: auto;
float: none;
padding: 10px;
text-align: center;
}
.register_object_pricebutton .button-orange.big,
.registerobject_mainbox .center .button-orange.big {
display: block;
width: auto;
}
.register_list {
width: 100%;
}
.register_list_image {
display: none;
}
.register_list li,
.register_list li.left,
.register_list li.right {
float: none;
width: 100%;
min-height: inherit;
}
.registerobjecttooltip {
display: block;
border: 1px solid #ffffff;
width: auto;
border-radius: 3px;
padding: 10px 10px 5px 10px;
margin: 5px 0 0 0;
box-shadow: 0 0 5px #c8c8c8;
}
.registerobjecttooltip p:first-child,
.register_optionallist li span.moreinfo {
display: none;
}
.register_optionallist li,
.register_optionallist li.left,
.register_optionallist li.right,
.register_optionallist li.salesdiscount {
float: none;
clear: both;
width: auto;
min-height: inherit;
}
.register_optionallist li.salesdiscount .arrowleft {
left: 50%;
}
.register_optionallist li.salesdiscount .arrowright {
display: none;
}
.creationcontains_list li {
width: 100%;
float: none;
clear: both;
}
.campingsite_image {
width: auto;
float: none;
margin-top: 55px;
margin-right: 0;
}
h2.campingsite_title {
position: absolute;
top: 10px;
left: 10px;
white-space: nowrap;
overflow: hidden;
}
.campingsite_place {
position: absolute;
top: 35px;
left: 10px;
white-space: nowrap;
overflow: hidden;
}
.campingsite_info {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
font-size: 15px;
line-height: 22px;
}
.hotel {
overflow: hidden;
}
.hotel_image {
width: auto;
float: none;
margin-top: 55px;
margin-right: 0;
}
h2.hotel_title {
position: absolute;
top: 10px;
left: 10px;
white-space: nowrap;
overflow: hidden;
}
.hotel_place {
position: absolute;
top: 35px;
left: 10px;
white-space: nowrap;
overflow: hidden;
}
.hotel_info {
font-size: 15px;
line-height: 22px;
}
.contactperson .image {
width: 85px;
}
.contactperson strong {
font-weight: 500;
}
.holidayrequest_box {
width: 100%;
float: none;
margin: 0;
}
.holidayrequest_date {
white-space: normal;
}
.holidayrequest_date span {
display: block;
padding-left: 22px;
}
.holidayrequest_details {
padding-bottom: 5px;
}
.holidayrequest .holidayrequest_mail,
.holidayrequest .holidayrequest_phone {
position: static;
float: none;
margin: 10px 10px 10px 0;
}
.campaign_wrapper,
.competition_wrapper {
height: auto;
}
.campaign_flag,
.competition_flag {
width: auto;
height: 80px;
padding: 20px;
background: url(/layout/modules/osfw/SecraContentPage/assets/../../SecraContentPage/assets/images/design/gradient_transwhite.png) 0 -160px repeat-x;
}
.campaign_flag h3.headertitle,
.competition_flag h3.headertitle {
padding: 0;
}
.campaign_image_link,
.competition_image_link {
width: 100%;
height: 120px;
}
.campaign_image {
width: 100%;
height: auto;
min-height: inherit;
}
.campaign_text {
position: static;
background: url(/layout/modules/osfw/SecraContentPage/assets/../../SecraContentPage/assets/images/design/gradient_transwhite_90.png) 0 0 repeat-y;
width: auto;
padding: 20px;
min-height: 0;
overflow: auto;
text-align: left;
}
.competition_image {
background-size: 100%;
padding: 100px 0 0 0;
}
.competition_text {
position: static;
margin: 0;
padding: 20px;
float: none;
width: auto;
background: #ffffff;
text-align: left;
}
.campaign_text h3,
.competition_text h3 {
font-size: 21px;
}
.insp_wrapper {
width: 100%;
}
.insp_inner,
.insp_inner.last {
margin: 0;
}
.gemeinde_descr_image,
.hotspot_descr_image {
width: 100%;
float: none;
margin: 0 0 5px 0;
}
.hotspot_gemeinde_wrapper {
width: auto;
}
.hotspot_gemeinde_wrapper:nth-child(2) .hotspot_gemeinde_inner,
.hotspot_gemeinde_wrapper:nth-child(3) .hotspot_gemeinde_inner,
.hotspot_gemeinde_wrapper:nth-child(4) .hotspot_gemeinde_inner {
margin: 0 0 20px 0;
}
.hotspot_gemeinde_text {
min-height: inherit;
}
.hotspot_gemeinde_more {
position: static;
float: right;
}
#hotspot_page_map {
margin-top: 0;
}
#hotspot_gemeinden_more {
margin-top: 20px;
}
ul.list_alle_gemeinden li {
width: 100%;
}
.ftipp_inner {
margin: 0 0 10px 0;
}
.hotspot_ftipp_outer {
width: 100%;
float: none;
}
.campaign_imagesbox .image {
width: 100%;
float: none;
margin: 0 0 5px 0;
}
.campaign_imagesbox .image a {
display: block;
padding: 0;
}
.campaign_imagesbox .image.first a {
padding: 0;
}
.campaign_imagesbox .image.last a {
padding: 0;
}
.christmas_centertextbox .campaign_text,
.easter_centertextbox .campaign_text,
.whitsun_centertextbox .campaign_text {
padding: 10px;
margin: 5px;
}
.campaign_item {
padding: 5px;
font-size: 13px;
line-height: 20px;
}
.campaign_item.easter_offer {
background-size: 100%;
padding-bottom: 40px;
}
.campaign_item .details span {
display: block;
}
.campaign_item h3 {
font-size: 15px;
}
.campaign_item h3 span.small {
display: block;
}
.campaign_item .box.christmas,
.campaign_item .box.newyearseve,
.campaign_item .box.easter {
width: 100%;
float: none;
margin: 10px 0 0 0;
}
.campaign_item strong {
font-weight: 500;
}
.campaign_item .christmasbottomleft,
.campaign_item .easterbow {
display: none;
}
}
@media handheld, only screen and (max-width: 420px) {
.website_showcase a.link span {
display: none;
}
.videobox iframe {
height: 250px;
}
.tab_container .bottomleft10 {
width: 87%;
}
.ui-dialog.ui-dialog-content,
.ui-dialog {
width: 100% !important;
}
#travel_region_map.leaflet-container {
height: 200px !important;
}
.resultsperpage a {
padding: 5px;
margin: 0 1px;
}
.psearch_list .psearch_details {
width: inherit;
float: none;
}
.psearch_list .psearch_object.persons {
width: auto;
white-space: nowrap;
overflow: hidden;
}
.psearch_list .psearch_outerinfos {
height: auto;
background: #fff;
padding: 5px 10px;
}
.lastminute.psearch_list .psearch_outerinfos {
position: absolute;
top: 0;
right: 0;
width: inherit;
padding: 3px 5px;
height: auto;
}
.psearch_list .psearch_outerinfos p {
background: #ffffff;
}
.lastminute.psearch_list .psearch_lastminute_validity {
font-size: 15px;
padding: 0 60px 0 0;
text-align: left;
}
.psearch_list .psearch_favorite {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}
a.objectmore {
width: 40%;
}
#footer_inner {
position: relative;
padding-bottom: 50px;
}
.footerbox.newsletter {
position: static;
width: 100%;
}
.footerbox.discover ul#discover_mobile {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
column-gap: 0;
}
.footercopyright {
margin: 10px 0 0 0;
}
.footerbox ul#discover_desktop {
display: none;
}
.footerbox ul#discover_mobile {
display: block;
}
}
@media handheld, only screen and (max-width: 320px) {
.videobox iframe {
height: 200px;
}
.tab_container .bottomleft10 {
width: 84%;
}
.psearch_list .psearch_object.type {
clear: both;
}
.psearch_list .psearch_image {
width: 100%;
height: auto;
}
.psearch_gallery .psearch_image,
.psearch_gallery.related .psearch_image {
height: 180px;
}
#prevnextobjects_outer {
width: 80%;
}
#prevnextobjects .item {
height: 80px;
}
#prevnextbar .owl-theme .owl-controls .owl-buttons .owl-prev {
left: -30px;
top: 25px;
}
#prevnextbar .owl-theme .owl-controls .owl-buttons .owl-next {
right: -30px;
top: 25px;
}
}