/** * Custom Stylesheet for FinishWeb Site www.brig-belalp.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/[Layout]/style.css * * Authors: * bz Bernd Zumoberhaus, BAR Informatik AG * sv Sascha Vogel, BAR Informatik AG * jm Jony Margelist, BAR Informatik AG * fz Fabian Zumoberhaus, BAR Informatik AG * * Changes: * 01.11.2012 bz initial version * 19.12.2012 bz final version * 16.02.2013 bz updates * 26.02.2013 bz updates * 11.09.2013 bz updates * 24.09.2013 bz updates: share-button * 27.09.2013 bz updates: image-min-height in event- & infrastructure-lists * 30.10.2013 bz updates: deskline-fenster * 06.11.2013 sv updates: geo-tracks * 13.11.2013 jm updates: removed floating in article-title * 18.11.2013 bz updates: menu-improvement * 21.11.2013 bz updates: title-size in article * 25.11.2013 fz browserswitch * 16.01.2014 bz updates: link- & trustyou-element for right col * 25.06.2014 bz updates * 16.09.2014 bz updates * 22.09.2014 bz updates * 19.01.2015 bz new webcam-element * 23.01.2015 bz initial responsive * 20.03.2015 bz updates * 31.03.2015 bz final version responsive * 15.05.2015 bz updated img-size for googlemap * 15.06.2015 bz updated detailview in eventlist * 26.06.2015 bz updated label in forms & added min-height in div.image in articlelist detailview * 05.08.2015 bz updated contenttools, * improved imagesize in datalists, * improved navigation in imageslider * 06.08.2015 bz updated small image handling * 09.08.2015 bz updated navigation in imageslider */ /************************************************************************************************** * Default styling of HTML-tags **************************************************************************************************/ * { border-sizing:border-box; } body,html { height:100%; } body { font-style:normal; overflow-y:scroll; } .clear { clear:both; font-size:0px; height:0px; line-height:0px; display:block; } ul:after, ol:after { clear:both; content:""; display:table; line-height:0; } a, a:hover { text-decoration:none; } /******************************** * media ********************************/ /* Custom, iPhone Retina */ /* layout & layout-elements */ .mm-page { height:100%; } #wrapper { height:100%; } #background, #header, #content, #footer { width:100%; } #header { position:relative; } #header #language, #header #social, #header #search { bottom:0; z-index:999; } #header #language { width:40px; height:40px; right:5px; } #header #language .language { display:none; } #header #language .dropdown>a, #header #language .sel a, #header #language a:hover { text-transform:uppercase; } #header #social { display:none; } #header #search { width:calc(100% - 130px); text-align:center; bottom:4px; left:65px; } #header #search form { margin:0; } #header #search form .searchstring { width:65%; height:30px; text-align:center; padding:0 5px; margin-top:5px; } #header #logo { right:5px; } #content { padding:5px; } #footer-wrapper #address, #footer-wrapper #footer { padding:5px 14px; } #content #main { width:100%; height:auto; text-overflow:ellipsis; padding:9px 9px 40px; margin:0 0 20px; } #footer-wrapper #footer #footer-content #copyright { padding:0 10px 0 0; } #footer-wrapper #footer #footer-content #advertising { width:calc(100% - 100px); padding-top:3px; } /* general element settings */ #content .fwelement, #content > iframe { width:100%; clear:both; padding:0; margin:0 0 14px; } #content .lead { font-weight:normal; } #content .fwelement .list .item img { width:100%; } #content .fwelement p { margin:0 0 15px; } #content .fwelement th p, #content .fwelement td p { margin:0; } #content .fwelement-group { clear:both; } #content ul, #content ol { padding:0; margin:0; } #content ul:after, #content ol:after, #content ul li:after, #content ol li:after { clear:both; content:""; display:table; line-height:0; } #content table { border-style:none; border-collapse:collapse; border-spacing:0; } #content img { width:100% !important; height:auto !important; } /* content-elements */ #header div.fwpicture-group div.fwpicture { width:100%; text-align:center; } #content .icon img, #content .fwsociallinks img, #content .fwweather img, #content .fwlink img, #content .fwgooglemap img { width:auto !important; } #content .icon, #content .fwlink .label, #content .fwlink .image, #content .fwlinklist img, #content .fwgeotracks .detail .seealso img { width:auto !important; margin:0 3.5% 0 0; } #content .fwparagraph .title { clear:both; } #content .fwtext ul, #content .fwparagraph ul, #content .bookingsite ul, #content .fwtext ol, #content .fwparagraph ol { margin:0 0 3.5% 3.5%; } #content .fwtitle1, #content .fwparagraph .title, #content .datalist .item > .title { text-overflow:ellipsis; overflow:hidden; } #content .fwtext ul, #content .fwparagraph ul, #content .bookingsite ul, #content .fwlinklist ul { list-style-type:none; margin-left:1.5% !important; } #content .fwtext ul li, #content .fwparagraph ul li, #content .bookingsite ul li, #content .fwlinklist ul li { padding:0 0 0 15px; } #content .fwtext ul li:before, #content .fwparagraph ul li:before, #content .bookingsite ul li:before, #content .fwlinklist ul li:before { font-family:"FontAwesome"; content:"\f0da"; position:absolute; left:15px; } #content .fwpicture-group .fwpicture .picture, #content .fwparagraph .picture, #content .fwgallery .thumbnail, #content .datalist .item .image { line-height:0; } #content .datalist .item .image { max-height:240px; } #content .fwpicture-group .fwpicture, #content .fwparagraph .picture, #content .fwgallery .thumbnail, #content .datalist .item .image, #content .fwsubmenu .datalist .item, #content .fwweather .datalist .item, #content .fwwispo .datalist li.object, #content .fwelement .detail > div, #content .fwrandomwebcamlist, #content .fwwebcamlist .list .webcamitem, #content .fwsearch .list .item { width:100%; margin:0 0 3.5%; } #content .fwsubmenu .datalist .item, #content .fwweather .datalist .item, #content .fwwispo .datalist .object { width:48%; } #content .fwsubmenu .datalist .item, #content .fwweather .datalist .item, #content .fwwispo .datalist .object { margin:0 3.5% 3.5% 0; } #content .fwsubmenu .datalist .item:nth-child(2n), #content .fwweather .datalist .item:nth-child(2n), #content .fwwispo .datalist .object:nth-child(2n) { margin-right:0; } #content .fweventcalendar .datalist .item-divider, #content .datalist .item { padding:0; } #content .datalist .item > .image { clear:both; float:none; margin:0; } #content .datalist .item > .lead, #content .datalist .item > .description, #content .datalist .item > .file { display:none; } #content .datalist .item > .tourtype, #content .datalist .item > .timerange, #content .datalist .item > .title, #content .datalist .item > .category, #content .datalist .item > .address, #content .datalist .item > .location { clear:both; float:none; } #content .datalist .item > .more, #content .datalist .item > .detailurl { clear:both; float:none; } #content .fweventcalendar .datalist .item-divider { padding-top:5px !important; padding-bottom:5px !important; } #content .fwelement .date .value { white-space:pre-line; } #content .fwelement .date .value input { margin-bottom:3px; } #content .fwelement .detail .label, #content .fwelement .detail .value { clear:both; float:none !important; } #content .lbl, #content .label, #content td.label, #content .mail-frm-td-lbl, #content .val, #content .value, #content .input, #content td.input, #content td.mail-frm-td-val { clear:both; float:none; width:100% !important; height:auto; } #content .fwtable, #content .table-wrapper { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; } #content .fwtable { padding-bottom:20px; } #content .table-wrapper .fwtable, #content .fwtable table { min-width:660px; } #content .fwsubmenu .datalist .item { height:150px; } #content .fwsubmenu .datalist .item .image { height:100px; } #content .fwweather .datalist .item { height:130px; } #content .fwweather .datalist .item .label { top:55px; } #content .fwweather .datalist .item .temprange { bottom:40px; } #content .fwtimetable div .ig { width:100% !important; border-collapse:separate; border-spacing:0 10px; } #content .fwwispo .datalist li.object .object { display:block; clear:both; float:none; width:100%; } #content .fwbookingframe { margin-left:-20px; } #content #contenttools a:first-child { display:none; } #sidebar-right .fwexpander .expander-item .expander-titles .maintitle:before, #footer-wrapper #footer #footer-content .fwexpander .expander-item .expander-titles .maintitle:before { font-family:"FontAwesome"; content:"\f078"; padding:0 5px 0 0; } #sidebar-right .fwexpander .expander-item.expanded .expander-titles .maintitle:before, #footer-wrapper #footer #footer-content .fwexpander .expander-item.expanded .expander-titles .maintitle:before { content:"\f077"; } #sidebar-right .fwelement { padding:9px; } #sidebar-right .fwweather .item { clear:both; width:50%; padding-bottom:9px; margin:0 auto; } #sidebar-right .fwweather .item .weather-img-1, #sidebar-right .fwweather .item .weather-img-2, #sidebar-right .fwweather .item .weather-img-3 { float:left; } #sidebar-right .fwsociallinks li.first { padding-left:25px; } #sidebar-right .fwsociallinks li { padding:0 30px 0 0; } #sidebar-right .fwsociallinks li img { width:auto; } #sidebar-right .fwquickfinder .booking > .field, #sidebar-right .fwquickfinder .booking > .field .label, #sidebar-right .fwquickfinder .booking > .field label { margin:0 !important; } #sidebar-right .fwquickfinder .booking > .field, #sidebar-right .fwquickfinder .booking > .rooms > .tablerooms > div, #sidebar-right .fwquickfinder .booking > .bookonly .label { margin-bottom:0.5em !important; } #sidebar-right .fwquickfinder .booking > .rooms, #sidebar-right .fwquickfinder .booking > .bookonly { margin:0 !important; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture { width:42%; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(1) { min-width:80px; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(2) { width:28%; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(3) { width:30%; padding-top:36px; } /* elements with table structure (temp. solution) */ #content .fwgallery table, #content .fwfilelist table, #content .fwgallery tbody, #content .fwfilelist tbody, #content .fwgallery tr, #content .fwfilelist tr, #content .fwgallery td, #content .fwfilelist td, #content .fwformtomail table #content .fwformtomail tbody, #content .fwformtomail tr, #content .fwformtomail td { display:block; } /* nav */ #navmob > ul { padding:0; } #navmob a > span { display:block; text-transform:none; font-weight:normal; } #navmob a > span::before { content:" "; } #header a.navlink:before { font-family:"FontAwesome"; content:"\f039"; padding:0 5px; } #header #nav > a.navlink:before { position:absolute; } #header a.navshow { text-decoration:none; padding-top:0.4em; } #header > a { position:absolute; z-index:1; } #header #nav { display:block; width:calc(100% - 10px); position:absolute; padding:0; } #header > a, #header #nav { bottom:0; left:5px; z-index:99; } #header > a, #header #nav > a { width:40px; height:40px; } #header > a { z-index:100; } #header #nav ul { list-style-type:none; padding:0; margin:0; } #header #nav > ul { position:relative; z-index:99; } #header #nav > a { display:none; } #header #nav:not( :target ) > a:first-of-type, #header #nav:target > a:last-of-type { display:block; } #header #nav a.navhide { text-decoration:none; } #header #nav li { position:relative; } #header #nav li a { display:block; text-decoration:none; } #header #nav > ul { height:auto; display:none; margin-top:16px; } #header #nav > .menu1items ul { position:absolute; z-index:1; } #header #nav:target > ul { display:block; } #header #nav > ul > li { width:100%; float:none; } #header #nav li ul { display:none; position:static; top:100%; } #header #nav li:hover > ul { display:block; } #navmob .menu1items > .menu1, #header #nav .menu1items > .menu1, #navmob .menu2items.mm-list { padding:15px 0; margin:0; } #navmob .menu1items > .menu1:after { border-bottom:none !important; } #navmob .menu2items > .menu2, #header #nav .menu2items > .menu2, #navmob .menu3items > .mm-subtitle { text-transform:uppercase; } #navmob .menu3items .menu3, #header #nav .menu3items .menu3 { text-transform:none; } #header #nav a.navhide { text-decoration:none; } #header #nav ul.menu2items > li.menu2:hover ul.menu3items { display:block; } #header #nav ul.menu3items { display:none; } #header #nav ul.menu3items > li.menu3 a { text-transform:none; padding:5px 0; } #header #nav ul.menu2items > li.menu2 a { padding:4px 20px; } #footer-wrapper #footer #footer-content .nav .menu2items { float:left; } #footer-wrapper #footer #footer-content .nav .menu2items li { padding:0 0 15px; } #footer-wrapper #footer #footer-content .nav .menu2items li:last-child { padding-bottom:30px; } #footer-wrapper #footer #footer-content #copyright .fwlinklist ul li { padding:0 0 5px; } #footer-wrapper #footer #footer-content #copyright .fwtext br { display:none; } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { /* layout & layout-elements */ #header #search form .searchstring { width:25%; } /* content-elements */ #content .fwpicture-group .fwpicture.picturefloat, #content .fwparagraph .picture, #content .fwgallery .thumbnail, #content .datalist .item .image, #content .fwsubmenu .datalist .item, #content .fwweather .datalist .item, #content .fwwispo .datalist li.object, #content .fwelement .detail > div, #content .fwrandomwebcamlist, #content .fwwebcamlist .list .webcamitem, #content .fwsearch .list .item { width:48%; margin:0 3.5% 3.5% 0; } #content .fwpicture-group-float .fwpicture:nth-child(2n), #content .fwgallery .thumbnail:nth-child(2n), #content .fwsubmenu .datalist .item:nth-child(2n), #content .fwweather .datalist .item:nth-child(2n), #content .fwwispo .datalist .object:nth-child(2n), #content .fwrandomwebcamlist, #content .fwwebcamlist .list .webcamitem:nth-child(2n) { margin-right:0; } #sidebar-right .fwsociallinks li.first { padding-left:50px; } #sidebar-right .fwsociallinks li { padding:0 50px 0 0; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { /* layout & layout-elements */ body { padding-top:30px; } #header { height:154px; } #header { position:relative; margin-bottom:18px; } #header #language, #header #social, #header #search { top:0; bottom:auto; } #header #language { width:auto; height:18px; list-style-type:none; right:auto; padding:0; margin:0; } #header #language .dropdown { display:none; } #header #language .language { display:block; } #header #language .sel a, #header #language a:hover { text-transform:none; } #header #social { display:block; list-style-type:none; padding:0; margin:0; } #header #logo { right:0; } #header #search { width:170px; text-align:left; top:63px; left:0; } #header #search form { margin:0; } #header #search form .searchstring { width:100%; height:25px; text-align:left; padding:0 5px; margin:0; } #header, #content, #footer-wrapper #footer #footer-content { width:720px; margin-left:25px; } #content { height:calc(100% - 280px); padding:0; } #content #main { width:75.5%; clear:both; float:left; position:relative; padding:20px 25px; } #footer-wrapper #address { padding:2px 25px; } #footer-wrapper #footer #footer-content .nav { float:left; } #footer-wrapper #footer #footer-content #copyright { float:left; } #content #main { margin:0 2.5% 20px 0; } #footer-wrapper #footer #footer-content #copyright { margin:0; } #content #sidebar-right, #footer-wrapper #footer #footer-content #advertising { width:22%; float:left; } #footer-wrapper #address { padding:2px 25px; } #footer-wrapper #footer { height:84px; overflow:hidden; padding:10px 0; } #footer-wrapper #footer #footer-content #copyright { padding:0; } #footer-wrapper #footer #footer-content #advertising { padding:0; } /* general element settings */ #content img { max-width:100% !important; } /* content-elements */ #header #social .fwsocialbookmarks { padding:0 0 0 29px; } #header #social .fwsocialbookmarks:before { left:12px; } #header #social .fwsocialbookmarks .socialbookmark { margin:0 10px; } #header div.fwpicture-group div.fwpicture { float:right; } #content .fwgooglemap img { max-width:none !important; } #content .fwparagraph .title { clear:none; } #content .fwtitle1, #content .fwsociallinks { width:auto; clear:none; float:left; } #content .fwtitle1, #content .fwparagraph .title, #content .datalist .item > .title { white-space:normal; text-overflow:clip; } #content .fwtext ul li:before, #content .fwparagraph ul li:before, #content .bookingsite ul li:before, #content .fwlinklist ul li:before { left:26px; } #content .fwpicture-group .fwpicture { width:100%; } #content .fwpicture-group .fwpicture.picturefloat, #content .fwparagraph .picture, #content .fwgallery .thumbnail, #content .datalist .item .image, #content .fwsubmenu .datalist .item, #content .fwweather .datalist .item, #content .fwwispo .datalist li.object, #content .fwelement .detail .image, #content .fwwebcamlist .list .webcamitem { width:31%; } #content .datalist .item .image { max-height:100px; } #content .fwrandomwebcamlist { width:28%; } #content .fwpicture-group .fwpicture.picturefloat, #content .fwparagraph .picture, #content .fwgallery .thumbnail, #content .datalist .item .image, #content .fwsubmenu .datalist .item, #content .fwweather .datalist .item, #content .fwwispo .datalist li.object, #content .fwelement .detail .image, #content .fwrandomwebcamlist, #content .fwwebcamlist .list .webcamitem { clear:none; float:left; margin:0 3.5% 3.5% 0 !important; } #content .fwpicture-group-float .fwpicture:nth-child(3n), #content .fwgallery .thumbnail:nth-child(3n), #content .fwsubmenu .datalist .item:nth-child(3n), #content .fwweather .datalist .item:nth-child(3n), #content .fwwispo .datalist .object:nth-child(3n), #content .fwrandomwebcamlist, #content .fwwebcamlist .list .webcamitem:nth-child(3n) { margin-right:0 !important; } #content .fweventcalendar .datalist .item-divider, #content .datalist .item { padding:10px; } #content .datalist .item > .lead, #content .datalist .item > .description, #content .datalist .item > .file { display:block; } #content .datalist .item > .tourtype, #content .datalist .item > .timerange, #content .datalist .item > .title, #content .datalist .item > .category, #content .datalist .item > .address, #content .datalist .item > .location { clear:none; float:right; } #content .datalist .item > div, #content .fwelement .detail > div { width:65.5%; float:right; margin:0; } #content .fwgeotracks .detail > div { margin:0 0 3.5%; } #content .datalist .item > .more, #content .datalist .item > .detailurl { width:auto; position:absolute; right:10px; bottom:10px; margin:0; } #content .fweventcalendar .datalist .item .timerange:before { content:"|"; padding-right:3px; } #content .fwelement .date .value { white-space:normal; } #content .fwelement .date .value input { margin-bottom:0; } #content .fwelement .detail .label, #content .fwelement .detail .value { clear:none; } #content .fwelement .detail .label { float:left !important; } #content .fwelement .detail .value { float:right !important; } #content .lbl, #content .label, #content td.label, #content .mail-frm-td-lbl { clear:both; float:left; width:31% !important; } #content .val, #content .value, #content .input, #content td.input, #content td.mail-frm-td-val { clear:none; float:right; width:65.5% !important; } #content .fwsubmenu .datalist .item { height:165px; } #content .fwsubmenu .datalist .item .image { height:115px; } #content .fwweather .datalist .item { height:100px; } #content .fwweather .datalist .item .temprange { bottom:25px; } #content .fwwispo .datalist .object { height:3.5em; } #content .fwwispo .datalist li.object .object { width:70%; clear:none; float:right; } #content .fwtimetable div .ig { width:50% !important; border-collapse:collapse; border-spacing:0; } #content .fwpicture-group2 .fwpicture, #content .fwrandomwebcamlist .fwwebcamlist { height:132px; } #content .fwrandomwebcamlist { position:absolute; right:25px; } #content .fwpicture-group2 .fwpicture .picture, #content .fwrandomwebcamlist .fwwebcamlist .image { position:absolute; bottom:0; } #content .fwbookingframe { margin-left:-25px; } #content #contenttools a:first-child { display:inline-block; } #sidebar-right .fwexpander .expander-item .expander-titles .maintitle { cursor:initial; } #sidebar-right .fwexpander .expander-item .expander-titles .maintitle:before, #footer-wrapper #footer #footer-content .expander-item .expander-titles .maintitle { display:none; } #sidebar-right .fwexpander .expander-item .expander-content, #footer-wrapper #footer #footer-content .fwexpander .expander-item .expander-content { height:auto !important; display:block !important; } #sidebar-right .fwweather .item { width:100%; margin:0; } #sidebar-right .fwsociallinks li.first { padding-left:0; } #sidebar-right .fwsociallinks li { padding:0 2px; } #sidebar-right .fwsociallinks li img { width:24px !important; } #footer-wrapper #address div.fwtext p { clear:none; float:left; } #footer-wrapper #address div.fwtext p:after { display:block; clear:none; float:right; content:" | "; padding:0 4px; } #footer-wrapper #address div.fwtext p:last-child:after { display:none; } #footer-wrapper #footer #footer-content #copyright .fwlinklist ul li { padding:0; } #footer-wrapper #footer #footer-content #copyright .fwtext br { display:block; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:first-child { width:60%; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(2) { width:40%; text-align:right; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(3) { display:none; } /* nav */ #header > a, #header #nav { left:0; } #header #nav { display:block; width:100%; position:absolute; top:auto; bottom:0; padding:0; } #header > a, #header #nav > a { display:none !important; } #header a.navshow { padding-top:0; } #header a.navlink:before { display:none !important; } #header #nav .menu1items { display:table; z-index:2; margin:0; } #header #nav .menu1items > li:first-child a { padding-left:25px !important; } #header #nav .menu1items > .menu1 { height:42px; } #header #nav .menu1items .menu1 { clear:none; float:left; width:auto; padding:0; } #header #nav .menu1items .menu1:after { width:1px; height:19px; content:""; position:absolute; top:14px; } #header #nav .menu1items .menu1:first-child:after { display:none; } #header #nav .menu1items .menu1 > a { margin:0; } #header #nav .menu1items .menu1 > a { width:auto; } #header #nav .menu1items .menu1 .menu2items .menu2 a:after { font-family:"FontAwesome"; position:absolute; top:5px; right:8px; } #header #nav .menu1items .menu1 .menu2items .menu2.haschildren a:after { content:"\f0da"; } #header #nav .menu1items .menu1 .menu2items .menusel2.haschildren a:after, #header #nav .menu1items .menu1 .menu2items .haschildren:hover a:after, #header #nav .menu1items .menu1 .menu2items .menu2hover a:after { content:"\f0d7"; } #header #nav .menu1items .menu1 .menu2items .menu2 .menu3items .menu3 a:after { display:none; } #header #nav .menu1items .menu1 .menu2items .menusel2.haschildren a { background:none; } #header #nav .menu2items .menu2 { clear:both; width:100%; } #header #nav .menu2items, #header #nav .menu3items { width:183px; } #header #nav .menu3items { display:none; top:0; left:183px; } #footer-wrapper #footer #footer-content .nav .homelink { float:left; } #footer-wrapper #footer #footer-content .nav .menu2items { height:75px; } #footer-wrapper #footer #footer-content .nav .menu2items li { padding-bottom:7px !important; } #footer-wrapper #footer #footer-content .nav .menu2items li, #footer-wrapper #footer #footer-content .nav .menu2items li a { display:inline-block; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { /* layout & layout-elements */ #header { margin-bottom:23px; } #header #language .dropdown { display:none; } #header #language .language { display:block; list-style-type:none; padding:0; margin:0; } #header #language .language li { clear:none; float:left; } #header, #content, #footer-wrapper #footer #footer-content { width:950px; margin-left:30px; } #footer-wrapper #address { padding:2px 30px; } /* content-elements */ #header #social .fwsocialbookmarks { padding:0 0 0 20px; } #header #social .fwsocialbookmarks:before { left:6px; } #header #social .fwsocialbookmarks .socialbookmark { margin:0 5px; } #content .fwpicture-group2 .fwpicture, #content .fwrandomwebcamlist .fwwebcamlist { height:172px; } #content .fwrandomwebcamlist { right:25px; } #content .datalist .item .image { max-height:150px; } #content .fwrandomwebcamlist { width:29%; } #content .fwtable { padding-bottom:0; } #sidebar-right .fwquickfinder .booking > .rooms input[type="radio"], #sidebar-right .fwquickfinder .booking > .rooms input[type="checkbox"] { margin-top:0; } #sidebar-right .fwweather .item { clear:none; float:left; width:33.3%; padding-bottom:0; } #sidebar-right .fwweather .item .weather-img-1, #sidebar-right .fwweather .item .weather-img-2, #sidebar-right .fwweather .item .weather-img-3, #sidebar-right .fwweather .item .weather-txt { float:none; } #sidebar-right .fwsociallinks li { padding:0 7px; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:first-child { width:39%; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(2) { width:31%; text-align:center; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(3) { display:block; width:30%; } /* nav */ #footer-wrapper #footer #footer-content .nav .menu2items { height:55px; } #footer-wrapper #footer #footer-content .nav .menu2items li { padding-bottom:0 !important; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { /* layout & layout-elements */ /* ... */ /* content-elements */ #content .table-wrapper .fwtable, #content .fwtable table { width:100%; } #content .fwwispo .datalist li.object .object { width:72%; } /* nav */ #footer .nav { top:45px; } #footer .nav .menu2items .menu2 { display:block; } } /******************************** * background ********************************/ #background .fwelement { display:none; } /* hintergrund */ #background .fwbackgroundimage { display:block; } /******************************** * header ********************************/ #header .fwelement { margin:0px; display:none; } #header a { text-decoration:none; } #header a:hover { color:#000; } /* language */ #header #language { font-weight:bold; text-align:center; position:absolute; } #header #language .dropdown>a, #header #language .sel a, #header #language a:hover { text-decoration:none; } #header #language .dropdown-menu { left:auto; right:0; z-index:999; } #header #language .language { list-style-type:none; padding:0; margin:0; } #header #language .language li { float:left; font-weight:bold; padding:0; } #header #language .language li.lang a { width:22px; height:16px; display:block; text-align:center; padding:1px 0 0; } #header #language .language li.separator { width:1px; height:10px; margin:4px 4px 0; } /* social bookmarks */ #header #social { position:absolute; } #header #social .fwsocialbookmarks:after { clear:both; content:""; display:table; line-height:0; } #header #social .fwsocialbookmarks { display:block; } #header #social .fwsocialbookmarks .socialbookmark a { padding:2px 0; } #header #social .fwsocialbookmarks .socialbookmark a img { display:none; } #header #social .fwsocialbookmarks:before, #header #social .fwsocialbookmarks .socialbookmark a:after { font-family:"FontAwesome"; } #header #social .fwsocialbookmarks .bookmark-facebook a:after { content:"\f09a"; } #header #social .fwsocialbookmarks .bookmark-twitter a:after { content:"\f099"; } #header #social .fwsocialbookmarks .bookmark-google a:after { content:"\f0d5"; } #header #social .fwsocialbookmarks:before { content:"\f1e0"; position:absolute; } /* bild */ #header #logo { position:absolute; } #header #logo div.fwpicture-group, #header #logo div.fwpicture-group div.fwpicture { display:block; margin:0; } /* suchen */ #header #search { position:absolute; } #header #search form { margin:0; } #header #search form input { width:100%; height:20px; padding:0; } /******************************** * content ********************************/ #content { position:relative; } #content a { text-decoration:underline; } #content .maintitle:hover, #content a:hover { text-decoration:none; } /******************************** * main ********************************/ #main { height:100%; position:relative; } #main, #sidebar-right .fwelement { width:100%; } #sidebar-right .fwelement { display:none; } #sidebar-right a { text-decoration:none; } #contenttools { clear:both; padding:5px 0 0; } #contenttools img { display:none; } /* position */ body.content-Home #content #main .nav { display:none; } #content .nav #position { width:100%; list-style-type:none; padding:0; margin:0 0 10px; } #content .nav #position li { float:left; text-align:left; white-space:nowrap; padding:0 5px 0 0; } #content .nav #position li a { text-decoration:none; } #content .nav #position li a:hover, #content .nav #position li.active a { font-weight:bold; } #content .nav #position li.separator { padding:0 5px 0 0; } /* titel / elementtitel */ #content .fwtitle { clear:none; float:left; } #content .fwtitle1 a { display:none; } #content h1, #content .fwarticle .title, #content .bookingsite .welcome .header { font-weight:normal; float:left; } /* variante überschrift 2 */ #content .fwtitle2 { margin:0; } #content h2, #content h3, #content .fwparagraph .title, #content .bookingobject .header, #content .list .title, #content .detail .title, #content .datalist span.objectgroup, #content .datalist .item-divider { font-weight:bold; margin:0 0 15px !important; } /* rechte spalte */ #sidebar-right .fwtitle2 { display:block; padding-bottom:0; } #sidebar-right h2, #sidebar-right h3 { margin:0 !important; } /* text */ #content>.fwtext { margin:0; } /* rechte spalte */ #sidebar-right div.fwtext { display:block; } #sidebar-right div.fwtext p { margin:0; } /* bild & webcam */ #content .fwpicture-group-float { margin:0; } #content .fwpicture-group .fwpicture a { display:block; text-decoration:none; } #content .fwpicture-group .fwpicture .text { margin-top:0.5em; } #content .fwpicture-group .fwpicture .title { display:none; } /* variante alternativtext als titel */ #content .fwpicture-group1 .fwpicture .title { display:block; font-weight:bold; margin:0; } /* variante kachel */ #content .fwpicture-group2 .fwpicture, #content .fwrandomwebcamlist .fwwebcamlist { position:relative; } #content .fwpicture-group2 .fwpicture a { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #content .fwpicture-group2 .fwpicture .picture img, #content .fwrandomwebcamlist .fwwebcamlist .image { margin:10px 0 0; } #content .fwpicture-group2 .fwpicture .text, #content .fwrandomwebcamlist div h3 { font-weight:normal; margin:0; } #content .fwpicture-group2 .fwpicture .title, #content .fwrandomwebcamlist div p { display:none; } /* rechte spalte */ #sidebar-right .fwpicture-group, #sidebar-right .fwwebcamlist { display:block; } #sidebar-right .fwpicture-group .fwpicture { width:auto !important; text-align:center; margin:5px 0; } #sidebar-right .fwpicture-group .fwpicture .picture { overflow:hidden; } #sidebar-right .fwpicture-group .fwpicture .text { font-style:italic; margin-top:0.5em; } /* webcam */ #content .fwwebcamlist { margin:0; } #content .fwwebcamlist .list:after { clear:both; content:""; display:table; } #content .fwwebcamlist .webcamitem { float:left; padding:0; } #content .fwwebcamlist .webcamitem .image { float:none; width:100%; margin:0 !important; } #content .fwwebcamlist .webcamitem .image img { width:100% !important; } #content .fwwebcamlist .webcamitem h3 a { text-decoration:none; } #content .fwwebcamlist .webcamitem h3 { margin:0.83em 0 0 !important; } #content .fwwebcamlist .webcamitem .description { margin:0 !important; } /* random webcam */ #content .fwrandomwebcamlist div h3 a { text-decoration:none; } #content .fwrandomwebcamlist .fwwebcamlist { margin:0; } /* rechte spalte */ #sidebar-right .fwrandomwebcamlist { width:100%; margin:0 !important; } #sidebar-right .fwrandomwebcamlist .fwwebcamlist { height:auto; padding-bottom:0; } #sidebar-right .fwrandomwebcamlist, #sidebar-right .fwrandomwebcamlist .fwwebcamlist .image { position:static; margin:0; } #sidebar-right .fwrandomwebcamlist .fwwebcamlist h3 { display:none; } /* externes bild */ #content .fwexternalimage .title { text-align:left; margin-top:0.83em; } /* abschnitt */ #content .fwparagraph {} /* rechte spalte */ #sidebar-right .fwparagraph { display:block; margin:0; } #sidebar-right .fwparagraph .picture { width:100%; margin-right:0; } #sidebar-right .fwparagraph .float-left { clear:both; float:none; margin:0; } #sidebar-right .fwparagraph .title { display:none; } /* link */ #content .fwlink .title { margin:0; } /* rechte spalte */ #sidebar-right .fwlink { display:block; padding-bottom:5px; margin:0; } #sidebar-right .fwlink .image { display:none; } /* linkliste */ #content .fwlinklist {} #content .fwlinklist ul.list { list-style-type:none; list-style-image:none; padding:0; margin:0; } #content .fwlinklist ul.list li { clear:both; text-align:left; padding:0; } /* rechte spalte */ #sidebar-right .fwlinklist { display:block; } #sidebar-right .fwlinklist .list { list-style-type:none; padding:0 0 5px; margin:0; } #sidebar-right .fwlinklist .list li:before { display:none; } #sidebar-right .fwlinklist .list li { clear:both; text-align:left; } #sidebar-right .fwlinklist .list li a { display:block; padding:0 0 1px; } #sidebar-right .fwlinklist .list li a:hover { text-decoration:none; } #sidebar-right .fwlinklist .list li a.active { line-height:19px; } /* scroll-wrapper */ #content .scroll-wrapper { position:relative; } #content .scroll-wrapper .scroll-element { height:15px; } #content .scroll-wrapper .scroll-element .scroll-element_track { background-color:grey; } #content .scroll-wrapper .scroll-element .scroll-bar { background-color:rgba(0,0,0, 1); } /* tabelle */ #content table.fwtable, #content .fwtable table { border-collapse:collapse; } #content table.fwtable img, #content .fwtable table img { width:auto !important; } #content table.fwtable td, #content .fwtable table td, #content table.fwtable th, #content .fwtable table th { height:20px; vertical-align:top; padding:0 5px 0 0; } #content table.fwtable th, #content .fwtable table th { font-weight:bold; } #content table.fwtable th.f, #content .fwtable table th:first-child, #content table.fwtable td.f, #content .fwtable table td:first-child { text-align:left; padding-left:5px; } #content table.fwtable th, #content .fwtable table th { font-weight:bold; } #content table.fwtable td.i1, #content .fwtable table tr:nth-child(2n+2) td { background-color:transparent; } #content table.fwtable td.i0, #content .fwtable table tr:nth-child(2n+1) td {} #content table.tab tr:hover td.i1, #content table.fwtable tr:hover td.i1, #content .fwtable table tr:nth-child(2n+2):hover td {} #content table.tab tr:hover td.i1 a, #content table.fwtable tr:hover td.i1 a, #content .fwtable table tr:nth-child(2n+2):hover td a, #content table.tab tr:hover td.i1 a:hover, #content table.fwtable tr:hover td.i1 a:hover, #content .fwtable table tr:nth-child(2n+2):hover td a:hover {} #content table.fwtable td.separator, #content .fwtable table td.separator { height:20px; } #content table.tab tr:first-child:hover, #content table.fwtable tr:first-child:hover, #content .fwtable table tr:first-child:hover { background-color:transparent; } /* variante öffnungszeiten */ #content table.fwtable1 td.c0, #content .fwtable table td:nth-child(1) { width:220px; padding:0 17px 0 0; } #content table.fwtable1 td.c1, #content .fwtable table td:nth-child(2) { width:220px; padding:0 22px 0 0; } #content table.fwtable1 td.f, #content .fwtable table td:first-child { padding-left:5px; } /* dateiliste (not yet responsiv / temp. solution) */ #content .fwfilelist .fwnavigation { display:none; } #content .fwfilelist td { height:auto; text-align:left; padding:0; } #content .fwfilelist .icon { float:left; } #content .fwfilelist .file { width:100%; } #content .fwfilelist .date, #content .fwfilelist .empty, #content .fwfilelist .size, #content .fwfilelist .description { display:none; } #content .fwfilelist .i0, #content .fwfilelist .i1 { background-color:transparent; } /* sitemap */ #content .fwsitemap {} #content .fwsitemap a { float:none; } #content .fwsitemap ul { list-style-image:none; margin:0; } #content .fwsitemap ul li { background:none; } #content .fwsitemap ul.item1 li { font-weight:bold; text-transform:uppercase; } #content .fwsitemap ul.item2 li { text-transform:none; padding:5px 0 5px 15px; } #content .fwsitemap ul.item3 li { font-weight:normal; } #content .fwsitemap ul.item2 li:first-child, #content .fwsitemap ul.item3 li:first-child, #content .fwsitemap ul.item4 li:first-child, #content .fwsitemap ul.item5 li:first-child { padding-top:10px; } #content .fwsitemap ul.item2 li:last-child, #content .fwsitemap ul.item3 li:last-child, #content .fwsitemap ul.item4 li:last-child, #content .fwsitemap ul.item5 li:last-child { padding-bottom:6px; } /* fwslideshow */ #content .fwslideshow .jquery-cycle .jquery-cycle-slides { width:100% !important; } #content .fwslideshow .jquery-cycle .jquery-cycle-slides .jquery-cycle-slide { top:0 !important; left:0 !important; } /* abstand */ #content .fwspace { height:1px; } /* variante trennlinie */ #content .fwspace1 { border-bottom:1px solid #000; } /* redirect */ #content .fwredirect {} /* galerie (not yet responsiv / temp. solution) */ #content div.fwgallery:after { clear:both; content:""; display:table; line-height:0; } #content div.fwgallery { width:100%; clear:both; position:relative; } #content div.fwgallery a { background:none; padding:0; } #content div.fwgallery .fwgallery { width:auto; border-collapse:collapse; border-spacing:0; clear:both; } #content div.fwgallery .fwgallery .thumbnail { height:auto; vertical-align:top; text-align:left; padding:0; } #content div.fwgallery .fwgallery .thumbnail .highslide-caption { display:none; } #content div.fwgallery .fwnavigation table.datanavigation td.first { visibility:hidden; } #content div.fwgallery .fwnavigation table.datanavigation td.last { visibility:hidden; } /* mitteilungen (db, formular-zu-email etc.) */ .error, .nokmessage, .mail-frm-err { font-weight:bold; } /* formularfelder: allgemein und spezifisch */ /* inputs */ #content form:after, #content form > div:after, #content .field:after, #content .field .input:after { clear:both; content:""; display:table; line-height:0; } #content .form .field input, #content input[type=text], #content input[type=date], #content input[type=password], #content textarea, #content select { height:1.6em !important; } #content select { width:100%; padding:0 0 0 5px; } #content .form .field input, #content input[type=text], #content input[type=date], #content input[type=password], #content .fwecard input[type=text], #content .fwecard input[type=password] { width:100% !important; padding:0 5px; } #content .form .radio input, #content .form .checkbox input { width:auto !important; } #content input[type=checkbox] {} #content input[type=radio] {} #content textarea { width:100%; height:10em !important; padding:0 5px; } #content .form .captcha input { clear:none; } #content .form .captcha input, #content input.mail-frm-cap { float:right; width:70% !important; padding:0 5px; } #content .fweventcalendar .search select, #content .fwblackboard .fwblackboard-list table.tbl-searchform td select { width:100%; } #content .fwelement .date input[type=text], #content .fwblackboard .fwblackboard-list table.tbl-searchform td input[type=text] { width:100%; cursor:pointer; } #content .stay select, #content .rooms select, #content input[type=date], #content .date input { width:39% !important; padding:0 5px; } #content .date input:first-child { margin:0 3.5% 0 0; } #content .fwecard #field_captcha #captcha input.input { width:auto; } #content .fwtimetable input[type=text], #content .fwtimetable input[type=submit] { width:80px !important; } #content .fwtimetable input[type=radio] { width:10px !important; } #content .fwsearch input.button, #content .val input.button, #content .button, #content td.button, #content .buttonbar, #content .mail-tbl-but { clear:both; float:right; margin:0; } #content .mail-tbl-but { width:auto !important; } #content .fwsearch input.button { float:none; } #content .fwsearch input.button, #content .val input.button, #content .button input, #content td.button input, #content .buttonbar input, #content input.frm-frm-but, #content .mail-tbl-but input { cursor:pointer; padding:2px 20px; } #content .fwsearch input.button { padding-top:1px; padding-bottom:1px; } #content .fwformtomail td.mail-frm-td-val { padding-right:0; } /* labels / prefix / divs */ .lbl, .label, td.label, .mail-frm-td-lbl { min-height:auto !important; padding:0 !important; margin:3px 3.5% 0 0 !important; } .val, .value, .input, td.input, td.mail-frm-td-val { padding-right:0; margin:0; } .highslide-caption .value { width:auto !important; float:none; padding:0; } #content .captchaimage, #content .mail-cap-img { width:auto !important; margin:0 !important; } #content .captcha img, #content .mail-cap-img { width:64px !important; vertical-align:top; border:2px solid #000; } /* formular-zu-email */ #content .fwformtomail .form .textarea { padding-bottom:10px; } /* seite weiterempfehlen (not yet responsiv / alpha) */ #content .fwrecommend form { margin:0; } #content .fwrecommend form > div { margin:0 0 2px; } #content .fwrecommend form div .input { margin-left:0; } /* mediaplayer */ #content .fwmediaplayer iframe { width:100% !important; } /* pageflip */ #content .fwpageflip, #content .fwpageflip div embed { width:100%; } /* iframe */ #content iframe, #content .iframe { display:inline-block; width:100%; } /* desklinefenster */ #content .fwbookingdeskline4frame { margin-left:-25px; } /* geotracks */ #content .fwgeotracks { position:relative; } /* blättern navigation */ #content .navigationtop { display:none; } #content .navigation { position:absolute; bottom:-35px; right:0; margin:0; } #content .navigation table.datanavigation { width:auto; border-collapse:collapse; border-spacing:0; margin:0; } #content .navigation table.datanavigation td { width:20px; height:20px; color:transparent; vertical-align:top; text-align:center; display:block; float:left; background-repeat:no-repeat; padding:0; } #content .navigation table.datanavigation td img { display:none; } #content .navigation table.datanavigation td a { width:20px; height:20px; vertical-align:top; display:block; color:transparent; text-decoration:none; background-repeat:no-repeat; } #content .navigation table.datanavigation td.page, #content .navigation table.datanavigation td.page a { width:auto; } #content .navigation table.datanavigation td.first, #content .navigation table.datanavigation td.last { display:none; } #content .navigation table.datanavigation td:before, #content .navigation table.datanavigation td a:before { font-family:"FontAwesome"; font-size:2em; } #content .navigation table.datanavigation td.previous.disabled:before, #content .navigation table.datanavigation td.previous a:before { content:"\f0d9"; position:absolute; } #content .navigation table.datanavigation td.next.disabled:before, #content .navigation table.datanavigation td.next a:before { content:"\f0da"; position:absolute; } #content .navigation table.datanavigation td.previous, #content .navigation table.datanavigation td.next { min-width:14px; } /* mediabox (not responsiv) & bookingsite imagescroll */ #content .fwmediabox a { text-decoration:none; } #content .fwmediabox .sources { padding:0 30px; } #content .fwelement .sliderkit-photogallery .sliderkit-nav { padding:0 5px; } #content .fwmediabox .sources, #content .fwelement .sliderkit-photogallery .sliderkit-nav { background:rgba(255,255,255, 0.8); } #content .fwelement .sliderkit-photogallery .sliderkit-nav-clip ul li a img { max-height:65px; border:2px solid transparent; } #content .fwelement .sliderkit-photogallery .sliderkit-nav-clip ul .sliderkit-selected a img { border:2px solid #FFF; } #content .fwmediabox .sources li { color:#000; } #content .fwmediabox .panels { border:1px solid rgba(255,255,255, 0.8); } #content .fwmediabox .panels .labelbox .label { width:100% !important; } #content .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-panel { max-height:150px; } #content .fwelement .sliderkit-btn { width:20px; height:40px; top:45%; } #content .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-btn { opacity:1.0 !important; } #content .fwelement .sliderkit-btn a, #content .bookingsite .imagescroll .buttonprev, #content .bookingsite .imagescroll .buttonnext { height:auto !important; font-family:"FontAwesome"; font-size:2em; background:none !important; } #content .fwmediabox .sliderkit-nav .sliderkit-nav-prev, #content .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-prev { text-align:left; left:0; } #content .fwmediabox .sliderkit-nav .sliderkit-nav-prev a:before, #content .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-prev a:before, #content .bookingsite .imagescroll .buttonprev:before { content:"\f053"; } #content .fwmediabox .sliderkit-nav .sliderkit-nav-next, #content .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-next { text-align:right; right:0; } #content .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-btn { width:25px; height:100%; cursor:pointer; top:0; background:rgba(255,255,255, 0.6); } #content .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-btn.sliderkit-btn-disable { background:transparent; cursor:auto; } #content .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-btn a { display:block; text-decoration:none; padding-top:50px; } #content .fwmediabox .sliderkit-nav .sliderkit-nav-next a:before, #content .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-next a:before, #content .bookingsite .imagescroll .buttonnext:before { content:"\f054"; } /* lists & expander */ #content .datalist { padding:0; margin:0; } #content .datalist .item-divider { margin-bottom:0 !important; } #content .datalist .item { cursor:pointer; position:relative; margin:0 0 1px; } #content .datalist .item:hover .detailurl a, #content .datalist .item:hover .more a, #content .datalist .item a { text-decoration:none; } #content .datalist .item .detailurl a, #content .datalist .item .more a { text-decoration:underline; } #content .datalist .item>div { float:right; margin:0; } #content .datalist .item .image { overflow:hidden; padding:0; } #content .datalist .item .image img { position:relative; margin:0; } #content .datalist .item h3, #content .datalist .item .category, #content .datalist .item .title { padding:0; margin:0.25em 0 !important; } #content .datalist .item h3 a, #content .datalist .item .title a { font-weight:bold; } #content .datalist .item .lead, #content .datalist .item .description { padding:0; margin:0 0 1em 0; } #content .datalist .item .back, #content .datalist .item .backurl { position:absolute; right:0; margin:0; } #content .datalist:after, #content .datalist .item:after { clear:both; content:""; display:table; line-height:0; } #content .datalist .separator { display:none; } /* submenu, wetter, wispo & timetable */ #content .fwsubmenu .datalist .item, #content .fwweather .datalist .item, #content .fwwispo .datalist li.object, #content .fwtimetable > div { clear:none; float:left; overflow:hidden; background:rgba(255,255,255, 0.8); padding:0; } #content .fwsubmenu .datalist .item div, #content .fwweather .datalist .item div { width:100%; float:none; display:none; margin:0; } #content .fwsubmenu .datalist .item .image { overflow:hidden; padding:0 !important; margin:0 !important; } #content .fwsubmenu .datalist .item .image, #content .fwweather .datalist .item .image, #content .fwsubmenu .datalist .item .title { display:block; clear:both; min-height:49px; padding:0 5px 4px; } #content .fwsubmenu .datalist .item .title a { color:#000; } #content .fwsubmenu .datalist .item:hover .title a { color:#FFF; } /* details */ #content .fwelement .detail { position:relative; } #content .fwelement .detail .label { padding-top:0; } #content .fwelement .detail div { margin-left:0; } #content .fwelement .detail:after, #content .fwelement .detail>div:after { clear:both; content:""; display:table; line-height:0; } #content .fwelement .detail .address, #content .fwelement .detail .link, #content .fwelement .detail .openinghours { margin:15px 0; } #content .fwelement .detail .openinghours .openinghourstitle { font-weight:bold; } #content .fwelement .detail .map .fwgooglemap { width:100% !important; } #content .fwelement .detail .map, #content .fwelement .back, #content .fwelement .backurl { clear:both; float:none; width:100%; } #content .fwelement .back, #content .fwelement .backurl { width:auto !important; position:absolute; right:0; bottom:-60px; margin:0; } #content .fwelement .back a, #content .fwelement .backurl a { text-decoration:none; } #content .fwelement .back a:hover, #content .fwelement .backurl a:hover { color:#000; } /* volltextsuche */ #content .fwsearch { position:relative; } #content .fwsearch .list .item { width:100%; margin-right:0 !important; } #content .fwsearch .list .item .title { margin:0 !important; } #content .fwsearch .list .item .title a { text-decoration:none; } /* wispo */ #content .fwwispo img { width:1.5em !important; clear:both; float:none; width:auto; } #content .fwwispo .datalist span { display:block; } #content .fwwispo .datalist span.objecttype { margin:0 0 0.5em; } #content .fwwispo .datalist li.object { padding:0.5em; } #content .fwwispo .datalist li.object .object { color:#000; } #content .fwwispo .datalist li.objecttype { line-height:1em; } #content .fwwispo .datalist li.objecttype ul { width:100%; display:table; } #content .fwwispo .datalist li.objecttype ul li.object span.object { line-height:1.1em; } #content .fwwispo .datalist li.objectgroup { margin:0; } /* wetter */ /* rechte spalte */ #sidebar-right .fwweather { display:block; } #sidebar-right .fwweather .item { text-align:center; } #sidebar-right .fwweather .item:after { content:""; display:table; clear:both; line-height:0; } #sidebar-right .fwweather .item .weather-txt .weather-tem-1, #sidebar-right .fwweather .item .weather-txt .weather-tem-2, #sidebar-right .fwweather .item .weather-txt .weather-tem-3 { font-weight:bold; white-space:nowrap; } /* submenu */ #content .fwsubmenu { margin:0; } /* timetable */ #content .fwtimetable > div { clear:both; float:none; width:100% !important; padding:5px !important; } #content .fwtimetable div .ig { width:50% !important; margin:0 !important; } #content .fwtimetable div .ig input[type="radio"] { display:inline; float:unset; vertical-align:middle; margin:0; } #content .fwtimetable div .ig tr td { width:33%; } #content .fwtimetable div img { width:auto; height:auto; vertical-align:text-bottom !important; } /* artikel, events, infrastruktur */ #content .fwarticlelist, #content .fweventcalendar, #content .fwinfrastructure { position:relative; } /* events, infrastruktur */ #content .fweventcalendar .search form, #content .fwinfrastructure .form { margin:0 0 30px; } #content .fweventcalendar .search form:after, #content .fwinfrastructure .form:after { clear:both; content:""; display:table; line-height:0; } /* infrastruktur */ #content .fwinfrastructure .detail > div .value { clear:both; float:none !important; width:100% !important; } /* events */ #content .fweventcalendar .search { margin:0; } #content .fweventcalendar .datalist .item { width:100%; margin-right:0 !important; } #content .fweventcalendar .datalist .item .daterange { width:auto; max-width:60%; float:left; padding-right:5px; } #content .fweventcalendar .datalist .item .timerange { width:auto; float:none; } #content .fweventcalendar .datalist .item-divider { margin:0; } #content .fweventcalendar .export { margin:0 0 10px; } #content .fweventcalendar .detail { overflow:hidden; } #content .fweventcalendar .detail .image { position:absolute; } /* artikel */ #content .fwarticle .title { margin:0 0 20px; } #content .fwarticle .image { min-height:30px; } /* geotracks */ #content .fwgeotracks .range .slider { width:100%; } #content .fwgeotracks .range .rangefrom, #content .fwgeotracks .range .rangeto { width:45%; } /* expander */ #content .fwexpander {} #content .fwexpander .expander-item .expander-icon { display:none; } #content .fwexpander .expander-item .expander-titles .maintitle { padding:10px 0; margin:0; } #content .fwexpander .expander-item .expander-titles .subtitle { display:none; } #content .fwexpander .expander-item .expander-content .fwelement ul.widget li:first-child:before { content:none; } /* rechte spalte & fusszeile */ #sidebar-right .fwexpander { display:block; } #sidebar-right .fwexpander .expander-item .expander-icon { display:none; } #sidebar-right .fwexpander .expander-item .expander-content .fwelement { padding:0; } #sidebar-right .fwexpander .expander-item .expander-titles .maintitle { padding:0; } #sidebar-right .fwexpander .expander-item .expander-titles .subtitle { display:none; } #sidebar-right .fwexpander .expander-item .expander-seperator { border-bottom:none; } /* social links */ #content .fwsociallinks { clear:none; float:right; } /* rechte spalte */ #sidebar-right .fwsociallinks { display:block; } /* notrufnummern */ #content table.fwspecial-emergencynumbers { border-collapse:collapse; border-spacing:0; } #content table.fwspecial-emergencynumbers td b { display:block; margin:15px 0 0; } /* booking and newsletter (facebook-layout) )*/ #content .bookingandnewsletter .fwquickfinder h2 { font-weight:normal; float:left; padding-bottom:0.5em; } #content .bookingandnewsletter h1 { font-weight:normal; } #content .bookingandnewsletter .fwquickfinder { position:absolute; top:0; right:0; padding:10px; } #content .bookingandnewsletter .fwnewsletterbox { width:auto; position:absolute; bottom:0; left:0; padding:10px; } /* facebookbox */ #content .fwfacebookbox iframe { width:100% !important; } /* rechte spalte */ #sidebar-right .fwfacebookbox { display:block; padding:5px 0 0; } /* quickfinder */ #content .fwquickfinder { display:block; margin:0; } #content .fwquickfinder .value, #content .fwquickfinder .input { clear:both; float:none; width:100% !important; } #content .fwquickfinder h2 { display:none; } #content .fwquickfinder .booking > div:after, #content .fwquickfinder .booking .rooms .tablerooms > div:after { content:""; display:table; clear:both; line-height:0; } #content .fwquickfinder .booking .stay .tabletravelers > div { clear:none; float:left; width:47.5% !important; } #content .fwquickfinder .booking .stay .tabletravelers > .children { float:right; } #content .fwquickfinder .booking .stay .tabletravelers .value, #content .fwquickfinder .booking .stay .tablechildrenage .value { margin-top:0; } #content .fwquickfinder .booking .stay .tabletravelers .value select, #content .fwquickfinder .booking .stay .tablechildrenage .value select { width:100% !important; } #content .fwquickfinder .booking .rooms input, #content .fwquickfinder .booking .rooms label { float:left; } #content .fwquickfinder .booking .rooms .hotel > .label { clear:both; } #content .fwquickfinder .booking .rooms .hotel > .label, #content .fwquickfinder .booking .rooms .hotel > .value { padding-left:24px !important; } #content .fwquickfinder .booking .bookonly .label { float:left; } #content .fwquickfinder .booking .bookonly .button { clear:both !important; float:right; } #content .fwquickfinder .booking input[type="radio"], #content .fwquickfinder .booking input[type="checkbox"] { margin-right:10px; } #content .fwquickfinder .booking .rooms .label { padding-left:25px; } #content .fwquickfinder .booking .bookonly .button, #content .fwquickfinder .booking .bookonly .button input { width:100%; float:none; } #content .fwquickfinder .label { width:100% !important; } /* kalender-auswahl */ div.ui-datepicker div.ui-datepicker-header { background-image:none; } div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev span.ui-icon { background:url("../arrow-navigation-left-hover.png") no-repeat 0 2px; } div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next span.ui-icon { background:url("../arrow-navigation-right-hover.png") no-repeat 0 2px; } div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev:hover, div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next:hover { background-image:none; } div.ui-datepicker table.ui-datepicker-calendar td a.ui-state-active { background-image:none; } div.ui-datepicker table.ui-datepicker-calendar td a:hover { background-image:none; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-end a { background-image:none; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-col { text-align:center; font-weight:bold; color:#555; padding:2px 0 0; } /* contenttools */ #content #contenttools a { float:left; display:inline-block; border-radius:10px; text-decoration:none; padding:1px 9px 0; margin:0 5px 0 0; } #content #contenttools a:before { font-family:"FontAwesome"; } #content #contenttools a:nth-child(1):before { content:"\f02f"; } #content #contenttools a:nth-child(2):before { content:"\f1c1"; } #content #contenttools a:nth-child(3):before { content:"\f003"; } /* htmlexport */ #content #contenttools .fwhtmlexport { width:auto; clear:none; float:left; margin:0; } #content #contenttools .fwhtmlexport a { padding-top:2px; padding-bottom:1px; } #content #contenttools .fwhtmlexport a:before { content:"\f1c1"; } /* trustyou */ /* rechte spalte */ #sidebar-right .fwtrustyou { display:block; padding-bottom:5px; } #sidebar-right .fwtrustyou .seal { margin:0 auto; } /* social links */ /* rechte spalte */ #sidebar-right .fwsociallinks { display:block; } #sidebar-right .fwsociallinks li { clear:none; float:left; } #sidebar-right .fwsociallinks li.last { padding-right:0; } /******************************** * footer-wrapper ********************************/ #footer-wrapper { clear:both; position:relative; z-index:99; } #footer-wrapper:after, #footer-wrapper #address:after, #footer-wrapper #footer:after, #footer-wrapper #footer #footer-content:after { clear:both; content:""; display:table; line-height:0; } #footer-wrapper .fwelement { display:none; margin:0; } #footer-wrapper .fwelement p { margin:0; } #footer-wrapper img { width:auto; } #footer-wrapper a:hover { font-weight:bold; } /******************************** * address ********************************/ /* text */ #footer-wrapper #address .fwtext { display:block; font-weight:bold; } #footer-wrapper #address .fwtext p { margin:0; } /******************************** * footer ********************************/ /******************************** * footer-content ********************************/ #footer-wrapper #footer #footer-content #copyright { float:left; } #footer-wrapper #footer #footer-content #advertising { float:right; } /* text */ #footer-wrapper #footer #footer-content #copyright .fwtext { display:block; } /* expander */ #footer-wrapper #footer #footer-content .fwexpander { display:block; } #footer-wrapper #footer #footer-content .fwexpander .expander-item .expander-icon { display:none; } #footer-wrapper #footer #footer-content .fwexpander .expander-item .expander-content .fwelement { padding:0; } #footer-wrapper #footer #footer-content .fwexpander .expander-item .expander-titles .maintitle { padding:20px 0; } #footer-wrapper #footer #footer-content .fwexpander .expander-item .expander-titles .subtitle { display:none; } #footer-wrapper #footer #footer-content .fwexpander .expander-item .expander-seperator { border-bottom:none; } /* quicklinks (level 2) */ #footer-wrapper #footer #footer-content .nav .menu2items { list-style-type:none; padding:0; margin:0; } #footer-wrapper #footer #footer-content .nav .menu2items li { text-align:left; } #footer-wrapper #footer #footer-content .nav .menu2items li.menusel2 a { font-weight:bold; } #footer-wrapper #footer #footer-content .nav .homelink a:after, #footer-wrapper #footer #footer-content .nav .menu2items li a:after { display:block; height:0; content:attr(title); font-weight:bold; color:transparent; overflow:hidden; visibility:hidden; margin-top:-1px; } /* linklist */ #footer-wrapper #footer #footer-content #copyright .fwlinklist { display:block; } #footer-wrapper #footer #footer-content #copyright .fwlinklist ul.list li.item1 { background:transparent; } /* bild */ #footer-wrapper #footer #footer-content #advertising .fwpicture-group { display:block; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group div { margin:0; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(3) .picture { text-align:right; }