/* moved by compressor */ @import url('../../../fileadmin/template_elfrieda/css/fonts.elfrieda.css'); /* moved by compressor */ #ui-datepicker-div{z-index:800 !important;}.ui-helper-hidden{display:none;}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;}.ui-helper-clearfix:after{clear:both;}.ui-helper-clearfix{min-height:0;}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}.ui-front{z-index:100;}.ui-state-disabled{cursor:default !important;}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0;}.ui-accordion .ui-accordion-icons{padding-left:2.2em;}.ui-accordion .ui-accordion-noicons{padding-left:.7em;}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em;}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px;}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default;}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible;}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none;}.ui-button-icon-only{width:2.2em;}button.ui-button-icon-only{width:2.4em;}.ui-button-icons-only{width:3.4em;}button.ui-button-icons-only{width:3.7em;}.ui-button .ui-button-text{display:block;line-height:normal;}.ui-button-text-only .ui-button-text{padding:.4em 1em;}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px;}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em;}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em;}input.ui-button{padding:.4em 1em;}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px;}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em;}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}.ui-buttonset{margin-right:7px;}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em;}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0;}.ui-datepicker{width:255px;padding:.2em .2em 0;display:none;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{left:2px;}.ui-datepicker .ui-datepicker-next{right:2px;}.ui-datepicker .ui-datepicker-prev-hover{left:1px;}.ui-datepicker .ui-datepicker-next-hover{right:1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;font-size:0.75em;}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month-year{width:100%;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:35%;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}.ui-datepicker.ui-datepicker-multi{width:auto;}.ui-datepicker-multi .ui-datepicker-group{float:left;}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}.ui-datepicker-rtl{direction:rtl;}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0;}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative;}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px;}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px;}.ui-draggable .ui-dialog-titlebar{cursor:move;}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none;}.ui-menu .ui-menu{margin-top:-3px;position:absolute;}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0;}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal;}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px;}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5;}.ui-menu .ui-state-disabled a{cursor:default;}.ui-menu-icons{position:relative;}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em;}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em;}.ui-menu .ui-menu-icon{position:static;float:right;}.ui-progressbar{height:2em;text-align:left;overflow:hidden;}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%;}.ui-progressbar .ui-progressbar-overlay{background:url('../../../fileadmin/template_elfrieda/img/cal/animated-overlay.gif');height:100%;filter:alpha(opacity=25);opacity:0.25;}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none;}.ui-resizable{position:relative;}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none;}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0;}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%;}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px;}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px;}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px;}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px;}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black;}.ui-slider{position:relative;text-align:left;}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}.ui-slider-horizontal{height:.8em;}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;}.ui-slider-horizontal .ui-slider-range{top:0;height:100%;}.ui-slider-horizontal .ui-slider-range-min{left:0;}.ui-slider-horizontal .ui-slider-range-max{right:0;}.ui-slider-vertical{width:.8em;height:100px;}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;}.ui-slider-vertical .ui-slider-range{left:0;width:100%;}.ui-slider-vertical .ui-slider-range-min{bottom:0;}.ui-slider-vertical .ui-slider-range-max{top:0;}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle;}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px;}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0;}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none;}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0;}.ui-spinner-up{top:0;}.ui-spinner-down{bottom:0;}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px;}.ui-tabs{position:relative;padding:.2em;}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap;}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none;}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text;}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer;}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;}body .ui-tooltip{border-width:2px;}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #aaaaaa;background:#ffffff url('../../../fileadmin/template_elfrieda/img/cal/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;color:#222222;}.ui-widget-content a{color:#222222;}.ui-widget-header{border:1px solid #aaaaaa;background-color:#e8e3e3;color:#222222;font-weight:bold;}.ui-widget-header a{color:#222222;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background-color:#e8e3e3;font-weight:normal;color:#555555;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555555;text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999999;background:#dadada url('../../../fileadmin/template_elfrieda/img/cal/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x;font-weight:normal;color:#212121;}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #131834;background:#ffffff url('../../../fileadmin/template_elfrieda/img/cal/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;font-weight:normal;color:#212121;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #b0842a;background:#ccc url('../../../fileadmin/template_elfrieda/img/cal/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x;color:#363636;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url('../../../fileadmin/template_elfrieda/img/cal/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x;color:#cd0a0a;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a;}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35);}.ui-icon{width:16px;height:16px;}.ui-icon,.ui-widget-content .ui-icon{background-image:url('../../../fileadmin/template_elfrieda/img/cal/ui-icons_222222_256x240.png');}.ui-widget-header .ui-icon{background-image:url('../../../fileadmin/template_elfrieda/img/cal/ui-icons_222222_256x240.png');}.ui-state-default .ui-icon{background-image:url('../../../fileadmin/template_elfrieda/img/cal/ui-icons_888888_256x240.png');}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url('../../../fileadmin/template_elfrieda/img/cal/ui-icons_454545_256x240.png');}.ui-state-active .ui-icon{background-image:url('../../../fileadmin/template_elfrieda/img/cal/ui-icons_454545_256x240.png');}.ui-state-highlight .ui-icon{background-image:url('../../../fileadmin/template_elfrieda/img/cal/ui-icons_2e83ff_256x240.png');}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('../../../fileadmin/template_elfrieda/img/cal/ui-icons_cd0a0a_256x240.png');}.ui-icon-blank{background-position:16px 16px;}.ui-icon-carat-1-n{background-position:0 0;}.ui-icon-carat-1-ne{background-position:-16px 0;}.ui-icon-carat-1-e{background-position:-32px 0;}.ui-icon-carat-1-se{background-position:-48px 0;}.ui-icon-carat-1-s{background-position:-64px 0;}.ui-icon-carat-1-sw{background-position:-80px 0;}.ui-icon-carat-1-w{background-position:-96px 0;}.ui-icon-carat-1-nw{background-position:-112px 0;}.ui-icon-carat-2-n-s{background-position:-128px 0;}.ui-icon-carat-2-e-w{background-position:-144px 0;}.ui-icon-triangle-1-n{background-position:0 -16px;}.ui-icon-triangle-1-ne{background-position:-16px -16px;}.ui-icon-triangle-1-e{background-position:-32px -16px;}.ui-icon-triangle-1-se{background-position:-48px -16px;}.ui-icon-triangle-1-s{background-position:-64px -16px;}.ui-icon-triangle-1-sw{background-position:-80px -16px;}.ui-icon-triangle-1-w{background-position:-96px -16px;}.ui-icon-triangle-1-nw{background-position:-112px -16px;}.ui-icon-triangle-2-n-s{background-position:-128px -16px;}.ui-icon-triangle-2-e-w{background-position:-144px -16px;}.ui-icon-arrow-1-n{background-position:0 -32px;}.ui-icon-arrow-1-ne{background-position:-16px -32px;}.ui-icon-arrow-1-e{background-position:-32px -32px;}.ui-icon-arrow-1-se{background-position:-48px -32px;}.ui-icon-arrow-1-s{background-position:-64px -32px;}.ui-icon-arrow-1-sw{background-position:-80px -32px;}.ui-icon-arrow-1-w{background-position:-96px -32px;}.ui-icon-arrow-1-nw{background-position:-112px -32px;}.ui-icon-arrow-2-n-s{background-position:-128px -32px;}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}.ui-icon-arrow-2-e-w{background-position:-160px -32px;}.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}.ui-icon-arrowstop-1-n{background-position:-192px -32px;}.ui-icon-arrowstop-1-e{background-position:-208px -32px;}.ui-icon-arrowstop-1-s{background-position:-224px -32px;}.ui-icon-arrowstop-1-w{background-position:-240px -32px;}.ui-icon-arrowthick-1-n{background-position:0 -48px;}.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}.ui-icon-arrowthick-1-e{background-position:-32px -48px;}.ui-icon-arrowthick-1-se{background-position:-48px -48px;}.ui-icon-arrowthick-1-s{background-position:-64px -48px;}.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}.ui-icon-arrowthick-1-w{background-position:-96px -48px;}.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}.ui-icon-arrow-4{background-position:0 -80px;}.ui-icon-arrow-4-diag{background-position:-16px -80px;}.ui-icon-extlink{background-position:-32px -80px;}.ui-icon-newwin{background-position:-48px -80px;}.ui-icon-refresh{background-position:-64px -80px;}.ui-icon-shuffle{background-position:-80px -80px;}.ui-icon-transfer-e-w{background-position:-96px -80px;}.ui-icon-transferthick-e-w{background-position:-112px -80px;}.ui-icon-folder-collapsed{background-position:0 -96px;}.ui-icon-folder-open{background-position:-16px -96px;}.ui-icon-document{background-position:-32px -96px;}.ui-icon-document-b{background-position:-48px -96px;}.ui-icon-note{background-position:-64px -96px;}.ui-icon-mail-closed{background-position:-80px -96px;}.ui-icon-mail-open{background-position:-96px -96px;}.ui-icon-suitcase{background-position:-112px -96px;}.ui-icon-comment{background-position:-128px -96px;}.ui-icon-person{background-position:-144px -96px;}.ui-icon-print{background-position:-160px -96px;}.ui-icon-trash{background-position:-176px -96px;}.ui-icon-locked{background-position:-192px -96px;}.ui-icon-unlocked{background-position:-208px -96px;}.ui-icon-bookmark{background-position:-224px -96px;}.ui-icon-tag{background-position:-240px -96px;}.ui-icon-home{background-position:0 -112px;}.ui-icon-flag{background-position:-16px -112px;}.ui-icon-calendar{background-position:-32px -112px;}.ui-icon-cart{background-position:-48px -112px;}.ui-icon-pencil{background-position:-64px -112px;}.ui-icon-clock{background-position:-80px -112px;}.ui-icon-disk{background-position:-96px -112px;}.ui-icon-calculator{background-position:-112px -112px;}.ui-icon-zoomin{background-position:-128px -112px;}.ui-icon-zoomout{background-position:-144px -112px;}.ui-icon-search{background-position:-160px -112px;}.ui-icon-wrench{background-position:-176px -112px;}.ui-icon-gear{background-position:-192px -112px;}.ui-icon-heart{background-position:-208px -112px;}.ui-icon-star{background-position:-224px -112px;}.ui-icon-link{background-position:-240px -112px;}.ui-icon-cancel{background-position:0 -128px;}.ui-icon-plus{background-position:-16px -128px;}.ui-icon-plusthick{background-position:-32px -128px;}.ui-icon-minus{background-position:-48px -128px;}.ui-icon-minusthick{background-position:-64px -128px;}.ui-icon-close{background-position:-80px -128px;}.ui-icon-closethick{background-position:-96px -128px;}.ui-icon-key{background-position:-112px -128px;}.ui-icon-lightbulb{background-position:-128px -128px;}.ui-icon-scissors{background-position:-144px -128px;}.ui-icon-clipboard{background-position:-160px -128px;}.ui-icon-copy{background-position:-176px -128px;}.ui-icon-contact{background-position:-192px -128px;}.ui-icon-image{background-position:-208px -128px;}.ui-icon-video{background-position:-224px -128px;}.ui-icon-script{background-position:-240px -128px;}.ui-icon-alert{background-position:0 -144px;}.ui-icon-info{background-position:-16px -144px;}.ui-icon-notice{background-position:-32px -144px;}.ui-icon-help{background-position:-48px -144px;}.ui-icon-check{background-position:-64px -144px;}.ui-icon-bullet{background-position:-80px -144px;}.ui-icon-radio-on{background-position:-96px -144px;}.ui-icon-radio-off{background-position:-112px -144px;}.ui-icon-pin-w{background-position:-128px -144px;}.ui-icon-pin-s{background-position:-144px -144px;}.ui-icon-play{background-position:0 -160px;}.ui-icon-pause{background-position:-16px -160px;}.ui-icon-seek-next{background-position:-32px -160px;}.ui-icon-seek-prev{background-position:-48px -160px;}.ui-icon-seek-end{background-position:-64px -160px;}.ui-icon-seek-start{background-position:-80px -160px;}.ui-icon-seek-first{background-position:-80px -160px;}.ui-icon-stop{background-position:-96px -160px;}.ui-icon-eject{background-position:-112px -160px;}.ui-icon-volume-off{background-position:-128px -160px;}.ui-icon-volume-on{background-position:-144px -160px;}.ui-icon-power{background-position:0 -176px;}.ui-icon-signal-diag{background-position:-16px -176px;}.ui-icon-signal{background-position:-32px -176px;}.ui-icon-battery-0{background-position:-48px -176px;}.ui-icon-battery-1{background-position:-64px -176px;}.ui-icon-battery-2{background-position:-80px -176px;}.ui-icon-battery-3{background-position:-96px -176px;}.ui-icon-circle-plus{background-position:0 -192px;}.ui-icon-circle-minus{background-position:-16px -192px;}.ui-icon-circle-close{background-position:-32px -192px;}.ui-icon-circle-triangle-e{background-position:-48px -192px;}.ui-icon-circle-triangle-s{background-position:-64px -192px;}.ui-icon-circle-triangle-w{background-position:-80px -192px;}.ui-icon-circle-triangle-n{background-position:-96px -192px;}.ui-icon-circle-arrow-e{background-position:-112px -192px;}.ui-icon-circle-arrow-s{background-position:-128px -192px;}.ui-icon-circle-arrow-w{background-position:-144px -192px;}.ui-icon-circle-arrow-n{background-position:-160px -192px;}.ui-icon-circle-zoomin{background-position:-176px -192px;}.ui-icon-circle-zoomout{background-position:-192px -192px;}.ui-icon-circle-check{background-position:-208px -192px;}.ui-icon-circlesmall-plus{background-position:0 -208px;}.ui-icon-circlesmall-minus{background-position:-16px -208px;}.ui-icon-circlesmall-close{background-position:-32px -208px;}.ui-icon-squaresmall-plus{background-position:-48px -208px;}.ui-icon-squaresmall-minus{background-position:-64px -208px;}.ui-icon-squaresmall-close{background-position:-80px -208px;}.ui-icon-grip-dotted-vertical{background-position:0 -224px;}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}.ui-icon-grip-solid-vertical{background-position:-32px -224px;}.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}.ui-icon-grip-diagonal-se{background-position:-80px -224px;}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px;}.ui-widget-overlay{background:#aaaaaa url('../../../fileadmin/template_elfrieda/img/cal/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaaaaa url('../../../fileadmin/template_elfrieda/img/cal/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px;} /* grün: #97bf0d hellgrünu: #88bf67 grau text: #404042 font-family: 'Bitter', serif; font-family: 'Muli', sans-serif; */ * {padding:0 0 0 0;margin:0 0 0 0} img {border:0;} a:active, a:focus {outline: none} #prel, #sc, .sins {display:none} a {color:#92b718;} a:hover {color:#000;} #mbtn {display:none;} #mnfield {position:fixed;top:0;left:0;width:1px;height:1px;} .hide, .mob, .mmob, .cchide, .mshow, .mshowMenu, .hideMenu, .firtBreak, .secondBreak, .thirdBreak, #pageLang {display:none;} .show {display:block;} .aright, .align-right, .text-right {text-align:right;} .aleft, .align-left, .text-left {text-align:left;} .acenter, .align-center, .text-center {text-align:center;} h1 { overflow:hidden; } h1 span { text-indent:-9999px; height:1px; width:1px; opacity:0.1; position:absolute; display:block; } #content .important {color:#bd0926} #content .detail {color:#186900} #content .name-of-person {color:#002a5b} #qqbox { width:1px; height:1px; position:absolute; top:0px; overflow:hidden; text-indent:-9999px; } #roomqqbox { width:1px; height:1px; position:absolute; top:-210px; overflow:hidden; text-indent:-9999px; } #mapCanvas { position:absolute; top:0px; left:0; width:100%; height:100%; margin:0 0 0px 0; } #mapFrame { width:100%; height:300px; border:0; } body { font-family: 'Muli', sans-serif; font-size:1em; color:#404042; background-color:#fff; } #top { top:0; left:38px; right:38px; z-index:500; background-color:#93968f; height:58px; } .sticky { margin-top:0; position:fixed; } .nosticky { margin-top:38px; position:absolute; } /***** Offerbox *****/ #offerPopper { z-index:5; position:absolute; top:68px; right:10px; width:250px; background-color:#fff; font-size:0.9em; overflow:hidden; -webkit-transition: height 1s ease-out; -moz-transition: height 1s ease-out; -o-transition: height 1s ease-out; -ms-transition: height 1s ease-out; transition: height 1s ease-out; -webkit-box-shadow:0px 0px 8px -3px #aaa; -moz-box-shadow:0px 0px 8px -3px #aaa; box-shadow:0px 0px 8px -3px #aaa; } .popperUp { height:330px; padding:0 0px 0 0px; } .popperDown { height:0px; padding:0 0px 0 0px; } .offerBoxPic { position:relative; float:left; width:100%; height:150px; overflow:hidden; margin:0 0 25px 0; } #offerPopper .offerBoxPic img { height:auto; width:100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; } .offerText { position:relative; float:left; width:100%; text-align:center; line-height:1.45em; } .offerText h2 { font-family: 'Bitter', serif; font-weight:bold; font-size:1.2em; margin:0 0 10px 0; color:#92b718; line-height:1em; } .offerText p { margin:0 0 15px 0; } #toplinks .offerMore, #toplinks .offerMore a { position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:none; padding:0; margin:0; } #toplinks .offerMore a { position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:none; padding:0; margin:0; opacity:0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; background-color:#000; } #toplinks .offerMore a:hover { opacity:0.15; } .offerBoxPeriod { font-weight:400; font-size:0.9em; margin:0 0 18px 0; line-height:1em; } #offerCloser { position:absolute; right:0px; top:0px; z-index:110; height:17px; width:17px; background-image:url('../../../fileadmin/template_elfrieda/img/close_btn2.png'); background-size:100% auto; text-indent:-9999px; overflow:hidden; cursor:pointer; } #offerCloser:hover { background-image:url('../../../fileadmin/template_elfrieda/img/close_btn.png'); } .nShow { display:block; } .nHide { display:none; } #logo { position:fixed; left:120px; width:200px; top:0px; opacity:1; z-index:510; background-color:#fff; -webkit-box-shadow:0px 0px 8px -3px #000; -moz-box-shadow:0px 0px 8px -3px #000; box-shadow:0px 0px 8px -3px #000; -webkit-transition: height 0.25s ease-in; -moz-transition: height 0.25s ease-in; -o-transition: height 0.25s ease-in; -ms-transition: height 0.25s ease-in; transition: height 0.25s ease-in; text-align:center; } .stickyLogo1 { height:115px; } .stickyLogo2 { height:80px; } #logo img { width:160px; height:auto; -webkit-transition: margin 0.25s ease-in; -moz-transition: margin 0.25s ease-in; -o-transition: margin 0.25s ease-in; -ms-transition: margin 0.25s ease-in; transition: margin 0.25s ease-in; } .stickyLogo1 img { margin-top:32px; } .stickyLogo2 img { margin-top:14px; } #overthetop { position:absolute; top:0; right:0; z-index:505; color:#a2a5a7; font-size:0.9em; height:38px; width:100%; } #overthetop a { text-decoration:none; color:#bbbbbb; } #overthetop a:hover { color:#95ba18; } #otc { position:relative; float:right; margin:0 38px 0 0; } #toptel { position:relative; float:left; line-height:1em; padding:0px 0 0px 0; margin:13px 0px 0 0; } #toptel a#tLenq2, #toptel a#tLbooking2 { display:none; background:none; } #toptel a { margin:0px 0px 0 40px; background-image:url('../../../fileadmin/template_elfrieda/img/mailIcon.png'); background-repeat:no-repeat; background-position:left center; background-size:17px 16px; padding:0 0 0 25px; } #toptel a:hover { background-image:url('../../../fileadmin/template_elfrieda/img/mailIcon2.png'); } #toptel a.tLink { background-image:url('../../../fileadmin/template_elfrieda/img/phoneIcon.png'); } #toptel a.tLink:hover { background-image:url('../../../fileadmin/template_elfrieda/img/phoneIcon2.png'); } #toplinks { position:absolute; right:0; top:0; margin:0 0 0 0px; line-height:1em; padding:0px 0 0px 0; } #toplinks a { display:block; position:relative; float:left; color:#fff; text-decoration:none; text-transform:uppercase; font-size:1.1em; line-height:1em; padding:21px 65px 0px 65px; margin:0 0px 0 4px; height:37px; z-index:100; font-family: 'Muli', sans-serif; font-weight:300; background-color:#72960d; } #toplinks a:hover { color:#fff; background-color:#44474e; } #toplinks a#tLoffers { background-color:#44474e; margin:0; } #toplinks a#tLoffers:hover { background-color:#97b91a; } #toplinks a#tLbooking { background-color:#97b91a; } #toplinks a#tLbooking:hover { background-color:#000; } #toplinks a.nLink { text-transform:uppercase; padding:34px 70px 0 70px; font-size:1.35em; text-align:center; background-color:#92b718; color:#bbbbbb; letter-spacing:1px; } #toplinks a.nLink:hover { background-color:#95ba18; } #lang { position:relative; float:left; color:#bbbbbb; padding:13px 15px 10px 40px; font-weight:normal; line-height:1em; z-index:200; } #lang a { text-decoration:none; text-transform:uppercase; color:#bbbbbb; padding:0 3px; } #lang a:hover { color:#95ba18; } #lightC { position:fixed; top:0; left:0; width:100%; background-color:#1c1c1c; z-index:108; height:50px; } #container { position:relative; float:left; margin:0px auto 0 auto; width:100%; background-color:#000; padding:0 0 0px 0; z-index:103; } #wrapper { position:relative; margin:0px auto 0 auto; width:1280px; } #pics { position:relative; float:left; margin:0 0 0px 0; width:100%; height:980px; overflow:hidden; background-color:#c6c7c5; } /* new stuff */ #container2 { float:left; position:relative; margin:0px auto 0 auto; width:100%; z-index:150; background-color:#fff; z-index:106; } #picWrapper { position:relative; float:left; width:100%; background-color:#fff; padding:0px 0 0px 0; padding:4px 0 4px 0; } #picWrapper div { position:relative; float:left; width:100%; overflow:hidden; } #picWrapper div div { width:200%; margin:0 0 0 -4px; } #picWrapper img { position:relative; float:left; width:12.5%; margin:0 4px 0 0; } #cWrapper { position:relative; float:left; width:100%; padding:0px 0 0px 0; background-color:#d4d5d3; } #ccWrapper { position:relative; margin:0px auto 0 auto; width:1000px; } #bWrapper { position:relative; float:left; width:100%; background-color:#fff; padding:3px 0 0 0; height:540px; } #infoBox { position:relative; margin:80px auto 0 auto; width:1520px; } #infoBox .secondbox { position:relative; float:left; width:30%; text-align:center; margin:0px 1.65% 0 1.65%; } #infoBox h2 { position:relative; float:left; width:100%; text-transform:uppercase; font-weight:400; font-size:1.6em; margin:20px 0 15px 0; font-family: 'Bitter', serif; } #infoBox p { position:relative; float:left; width:74%; margin:0 0 0 13%; font-size:1.15em; } /******** News *********************/ #newsBox { position:relative; float:left; width:100%; height:268px; text-align:left; overflow:hidden; } #dataDiv { position:relative; margin:0px auto 0 auto; width:100%; } .eventItem { margin-bottom:1px; background-color:#97bf0d; height:69px; color:#fff; padding:10px 15px; line-height:1em; position:relative; } .eventItem:hover { background-color:#434343; } #dataDiv .last { margin-bottom:0px; } .eventDate { font-weight:300; font-size:0.9em; } .eventTitle { color:#fff; font-size:1.15em; font-weight:400; margin:8px 0 8px 0; } .eventTitle a { color:#fff; text-decoration:none; } .eventLink { text-align:right; font-weight:300; font-size:0.9em; } .eventLink a { color:#fff; text-decoration:none; } #dataDiv .allOver { display:block; position:absolute; left:0; top:0; height:100%; width:100%; overflow:hidden; text-indent:-9999px; } /**************/ #mapBox { position:relative; float:left; width:100%; height:530px; background-color:#ebe8de; } #mountainBox { position:relative; float:left; width:100%; background-repeat:no-repeat; border-bottom:4px solid #fff; } /* footer */ #iFooter { position:relative; float:left; width:100%; color:#58585a; z-index:140; background-color:#e4e4e2; border-bottom:4px solid #fff; height:535px; padding:55px 0 0 0; } #footer { position:relative; margin:0px auto; width:1280px; font-family: 'Muli', sans-serif; color:#58585a; line-height:1.65em; font-size:1.15em; z-index:115; } #footer a { color:#58585a; text-decoration:none; } #footer a:hover { color:#92b718; } #footer h2 { font-weight:300; font-size:1.7em; margin:0 0 30px 0; color:#58585a; line-height:1em; text-transform:uppercase; font-family: 'Bitter', serif; } #footer div { position:relative; float:left; margin-bottom:40px; } #fBlock0 { width:100%; border-bottom:1px solid #818284; padding:0 0 35px 0; margin:0 0 45px 0; text-align:center; } #fBlock0 img { width:300px; height:auto; } #fBlock1, #fBlock2, #fBlock3 { width:33.33%; } #fBlock1 { width:35%; } #fBlock2 a { display:block; border-bottom:1px solid #808080; font-size:1.25em; position:relative; float:left; padding:13px 0 13px 65px; background-position:16px center; background-repeat:no-repeat; background-size:32px 32px; background-image:url('../../../fileadmin/template_elfrieda/img/iMobile.png'); } #fBlock2 h2 { padding:0px 0 0px 65px; } #fBlock2 a#fooTel1 { padding:1px 0 13px 65px; background-image:url('../../../fileadmin/template_elfrieda/img/iTel.png'); } #fBlock2 a#fooMail { border-bottom:0px solid #808080; padding:10px 0 0px 65px; background-image:url('../../../fileadmin/template_elfrieda/img/iMail.png'); } #fBlock2 a#fooTel1:hover { background-image:url('../../../fileadmin/template_elfrieda/img/iTel2.png'); } #fBlock2 a#fooTel2:hover { background-image:url('../../../fileadmin/template_elfrieda/img/iMobile2.png'); } #fBlock2 a#fooMail:hover { background-image:url('../../../fileadmin/template_elfrieda/img/iMail2.png'); } #footer #fBlock3 { float:right; width:auto; margin-right:5%; } #fBlock4{ border-top:1px solid #818284; padding:20px 0 0 0; width:100%; font-size:0.85em; } #footer div#fBlock5 { position:absolute; right:0; top:445px; } #fBlock5 a { display:block; position:relative; float:left; height:45px; width:45px; overflow:hidden; text-indent:-9999px; border:0; text-decoration:none; margin:0 0 0 15px; } #socialFacebook, #socialInsta { background-size:45px auto; background-position:0 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } #footer #socialFacebook:hover, #footer #socialInsta:hover { background-position:0 -45px; border:0; } #footer #socialFacebook { background-image:url('../../../fileadmin/template_elfrieda/img/fb.png'); } #footer #socialInsta { background-image:url('../../../fileadmin/template_elfrieda/img/instagram.png'); } /*** Inhalt ***/ #content, #content2 { position:relative; float:left; width:100%; margin:70px 0px 70px 0px; font-size:1.25em; font-family: 'Muli', sans-serif; line-height:1.5em; font-weight:300; } #content2 { text-align:center; } #content a, #content2 a { text-decoration:none; color:#92b718; border-bottom:1px solid #92b718; } #content a:hover, #content2 a:hover { color:#000; border-bottom:1px solid #000; } #content span.important, #content2 span.important { color:#af1717; } #content h1, #content2 h2, #content h2 { color:#404042; font-weight:300; font-size:1.9em; margin:0px 200px 45px 200px; text-align:center; line-height:1.25em; text-transform:uppercase; font-family: 'Bitter', serif; background-image:url('../../../fileadmin/template_elfrieda/img/h1bg.png'); background-repeat:no-repeat; background-position:center bottom; padding:0 0 20px 0; } #content2 h2 { margin-bottom:55px; margin:0px 0px 45px 0px; } #content2 h3 { color:#404042; font-family: 'Bitter', serif; font-weight:300; font-size:1.25em; margin:0px 0 40px 0; padding:0 0 30px 0; border-bottom: 2px solid #77afbe; text-transform:uppercase; text-align:center; } #content h3, #content2 h4 { color:#404042; font-family: 'Bitter', serif; font-weight:400; margin:30px 0 12px 0; font-size:1.15em; line-height:1.15em; } #content h4, #content2 h5 { color:#404042; font-family: 'Bitter', serif; font-weight:400; font-size:1.05em; margin:0px 0 8px 0; } #content p, #content2 p { margin:0px 0 20px 0; } #content2 p { font-size:1.5em; line-height:1.45em; margin:0px 0 40px 0; } #content2 strong { font-size:0.65em; font-family: 'Bitter', serif; font-weight:normal; } #content ul, #content2 ul { margin:0px 0 24px 40px; line-height:1.5em; } #content ul ul, #content2 ul ul { margin:0px 0 5px 40px; } #content table, #content2 table { margin:0px 0 20px 0px; width:100%; } #content table td, #content table th { font-size:0.9em; background-color:#fff; border:0px solid #f6b283; padding:8px 5px 8px 5px; text-align:center; font-weight:300; } #content table th { background-color:#c87941; color:#fff; font-family: 'Muli', sans-serif; } #content table th.empty { background-color:#f8f1d7; } #content table td.season { background-color:#f7c15e; line-height:1.45em; } #content table td strong, #content table td b { font-weight:400; line-height:1.85em; } #content .priceBox { position:relative; float:left; width:100%; } /***** buttons **********/ #aBline { position:relative; float:left; width:100%; background-color:#434343; border-bottom:4px solid #fff; padding:40px 0 40px 0; } #bBline { position: relative; margin: 0px auto 0 auto; width: 1280px; } #aBline a { display:block; position:relative; float:left; width:16.66%; padding:100px 0 0 0; margin:0px 0px 0px 0px; background-repeat:no-repeat; background-position:center 20px; background-size:70px auto; overflow:hidden; text-decoration:none; text-transform:uppercase; font-size:1em; color:#fff; text-align:center; font-weight:300; } #aBline a#wetter {background-image:url('../../../fileadmin/template_elfrieda/img/weather2.png')} #aBline a#email {background-image:url('../../../fileadmin/template_elfrieda/img/mail2.png')} #aBline a#webcam {background-image:url('../../../fileadmin/template_elfrieda/img/cam2.png')} #aBline a#location {background-image:url('../../../fileadmin/template_elfrieda/img/location2.png')} #aBline a#bahn {background-image:url('../../../fileadmin/template_elfrieda/img/sb2.png')} #aBline a#sppreise {background-image:url('../../../fileadmin/template_elfrieda/img/spp2.png')} #aBline a#wetter:hover {background-image:url('../../../fileadmin/template_elfrieda/img/weather.png')} #aBline a#email:hover {background-image:url('../../../fileadmin/template_elfrieda/img/mail.png')} #aBline a#webcam:hover {background-image:url('../../../fileadmin/template_elfrieda/img/cam.png')} #aBline a#location:hover {background-image:url('../../../fileadmin/template_elfrieda/img/location.png')} #aBline a#bahn:hover {background-image:url('../../../fileadmin/template_elfrieda/img/sb.png')} #aBline a#sppreise:hover {background-image:url('../../../fileadmin/template_elfrieda/img/spp.png')} #aBline a:hover { color:#97bf0d; } /******************************* ui calendar *********************************/ #ui-datepicker-div { z-index: 1010 !important; } .ui-widget{ font-family: 'Muli', sans-serif; font-size:1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-family: 'Muli', sans-serif; font-size:1em; } .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;border:0} .ui-datepicker select.ui-datepicker-month-year{width:100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:35%;} .ui-widget-content{border:1px solid #3e3d40;background:#fff;color:#3e3d40;} .ui-widget-header{border:1px solid #312f33;background-color:#312f33;color:#fff;font-weight:bold; height:25px;} .ui-datepicker .ui-datepicker-header{position:relative;padding:4px 0 5px 0;} .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;font-size:0.85em;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid #f6f6f6;background-color:#f6f6f6;font-weight:normal;color:#3e3d40;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:1px solid #3e3d40;background:#312f33;color:#fff;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #3e3d40;background:#92b718;font-weight:normal;color:#fff;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ border:1px solid #92b718; background:#fff; font-weight:normal; color:#92b718; } .ui-state-hover[title="Prev"], .ui-state-hover[title="Next"] {background:none; border:1px solid #fff; cursor:pointer} /* runde ecken */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius:0px;} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius:0px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius:0px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius:0px;} /* grafik */ .ui-icon, .ui-widget-content .ui-icon{background-image:url('../../../fileadmin/template_elfrieda/img/cal/ui-icons_222222_256x240.png');} .ui-widget-header .ui-icon{background-image:url('../../../fileadmin/template_elfrieda/img/cal/ui-icons_ffffff_256x240.png');} /********* Navi ***********/ #navi { position:relative; float:left; margin:0 0 0 320px; z-index:100; line-height:1em; } .sticky #navi { } #nul { display:block; float:left; position:relative; } #navi li { list-style-type:none; float: left; position: relative; } #navi li:hover { } #navi li a { display:block; position:relative; float:left; color:#fff; text-decoration:none; text-transform:uppercase; font-size:1.1em; line-height:1em; padding:21px 30px 0px 30px; margin:0 0px 0 0px; height:37px; z-index:100; font-family: 'Muli', sans-serif; font-weight:300; } #navi li#menuitem_6 a { } /* .sticky #navi li a { padding:98px 33px 0px 33px; height:36px; } */ #navi li a:hover { color:#bad267; } #navi li.selected a { color:#000; } #navi li.selected a:hover { background:none; color:#bad267; background-position:left center; } #navi li.selected a:hover { } /********** Dropdown **************/ #navi ul div.subNavi { position:absolute; display:none; top:58px; padding:0px 0px 0px 0px; width:350px; margin:0 0 0 -100px; } #navi li#menuitem_3 div.subNavi { width:400px; } #navi li#menuitem_4 div.subNavi { margin:0 0 0 -75px; } #navi li#menuitem_6 div.subNavi { margin: 0 0 0 -157px; width: 426px; } #navi ul ul { position:relative; float:left; display:block; left:0px; z-index:90; width:100%; } #navi li li { position:relative; float:left; } #navi li li a, #navi li.selected li a { height:auto; line-height:1em; padding:15px 20px 15px 20px; margin:0px 0px 0px 0px; border-top:0px solid #fff; font-size:1em; font-weight:normal; width:auto; color:#fff; text-transform:none; letter-spacing: 0px; text-align:center; height:auto; background:none; background-color:#383433; font-weight:300; } /* .sticky #navi li li a { padding:13px 20px 13px 20px; height:auto; } */ #navi li li a:hover, #navi li.selected li a:hover, #navi li.selected li.selected a { color:#fff !important; background:none; background-color:#97bf0d; } .sticky #navi ul ul { /* -webkit-box-shadow:0px 0px 8px -3px #000; -moz-box-shadow:0px 0px 8px -3px #000; box-shadow:0px 0px 8px -3px #000; padding:0 5px 0 0; */ } /********* navi END *******/ /******* Vader *********/ #bbL, #bbR, #bbT { position:absolute; left:0; top:38px; width:38px; height:100%; background-image:url('../../../fileadmin/template_elfrieda/img/dd.png'); z-index:115; } #bbR { left:auto; right:0 } #bbT { width:100%; height:38px; top:0px; } #vader { position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden; z-index:111; } #vader #next, #vader #back { position:absolute; top:50%; margin-top:0px; z-index:800; cursor:pointer; overflow:hidden; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; opacity:0.6; -webkit-transition: opacity 0.75s; -moz-transition: opacity 0.75s; -o-transition: opacity 0.75s; transition: opacity 0.75s; width:54px; height:102px; background-size:54px 102px; } #vader #back { left:38px; background-image:url('../../../fileadmin/template_elfrieda/img/prev.png'); } #vader #next { right:38px; background-image:url('../../../fileadmin/template_elfrieda/img/nex.png'); /* border-radius: 8px 0px 0px 8px; */ } #vader #next:hover, #vader #back:hover { opacity:1; } #vader .slide { position:relative; float:left; overflow:hidden; width:100% !important; height:100% !important; text-align:center; color:#fff; } div.fadenav { display:block; bottom:25px; right:10px; position:absolute; display:none; } #vader .slide img { height:auto; position: absolute; top: -9999px !important; bottom: -9999px !important; left: -9999px !important; right: -9999px !important; margin: auto; } div.fadenav a { color:#fff; text-decoration:none; display:block; margin:0 0 0 8px; position:relative; float:left; background-color:#fff; width:15px; height:15px; overflow:hidden; -webkit-box-shadow:0px 0px 3px #000; -moz-box-shadow:0px 0px 3px #000; box-shadow:0px 0px 3px #000; } div.fadenav a.current { background-color:#f7c15e; } .effectContainer { position:absolute; overflow:hidden; width:100%; height:100%; top:0; left:0; z-index:106; } .imgs {display:none} /********/ /******** Lightbox ********************/ .lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: black; /* IE Fallback (Solid Colour) */ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background: rgba(0, 0, 0, 0.7); -webkit-filter: none !important; z-index: 9997; } .lightbox img { display: block; position: absolute; border: 0px solid #eceded; box-shadow: 0 0 20px #000; border-radius: 1px; } /* body.blurred > * { -webkit-filter: blur(2px); -webkit-transform: translate3d(0, 0, 0); } */ .lightbox__loading { background: url('../../../fileadmin/template_elfrieda/img/loading.gif') center center no-repeat; width: 32px; height: 32px; margin: -16px 0 0 -16px; position: absolute; top: 50%; left: 50%; } .lightbox__caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 9998; background: #000; background: rgba(0, 0, 0, 0.7); } .lightbox__caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; } .lightbox__button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .lightbox__button:hover, .lightbox__button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .lightbox__close { right: 10px; top: 10px; background-image: url('../../../fileadmin/template_elfrieda/img/close.png'); } .lightbox__nav { top: 50%; margin-top: -16px; } .lightbox__nav--next { right: 10px; background-image: url('../../../fileadmin/template_elfrieda/img/next.png'); } .lightbox__nav--prev { left: 10px; background-image: url('../../../fileadmin/template_elfrieda/img/previous.png'); } /********* Colorbox Core Style *******/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0; display:none !important; height:0; visibility:none !important} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #colorbox {-webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;} /* User Style */ #cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:0px;background:#000;} .cboxIframe{background:#fff;} /* bg */ #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:0px solid #000; background:#fff;} /* bg */ #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:url('../../../fileadmin/template_elfrieda/img/loading.gif') no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url('../../../fileadmin/template_elfrieda/img/controls.png') no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url('../../../fileadmin/template_elfrieda/img/controls.png') no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{ position:absolute; top:-20px; right:-60px; display:block; background:url('../../../fileadmin/template_elfrieda/img/close2.png') no-repeat top center; width:64px; height:64px; text-indent:-9999px; -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); -o-transform: scale(0.5,0.5); transform: scale(0.5,0.5); } #cboxClose:hover{background-position:bottom center;} /******** Anfrage *********************/ .reqBlock { position:relative; float:left; width:100%; } .reqBlock#rB2 { float:right; } .reqBlock#rB3 { width:100%; } .reqBlock#rB4 { width:100%; } fieldset { border:0; border-top:1px solid #e4e1e0; padding:25px 0px 35px 0px; margin:0px 0px 5px 0px; } legend { font-family: 'Muli', sans-serif; font-size:0.9em; font-weight:400; color:#000; padding:0px 5px 0px 0px; margin:0 0 0 0px; } .anfrage { position:relative; float:left; width:100%; font-size:0.9em; } .anfrage div { position:relative; float:left; } .anfrage div.row { width:100%; margin:0 0 17px 0; } .anfrage div.first { width:250px; text-align:right; padding:3px 0 0 0; } .anfrage div.second { width:270px; } #rB2 .anfrage div.first { width:130px; } #rB2 .anfrage div.second { width:390px; } #rB3 .anfrage div.first { width:100%; text-align:center; margin:0 0 20px 0; } #rB3 .anfrage div.second { width:100%; text-align:center; } #rB4 .anfrage div.first { width:100%; text-align:center; margin:0 0 30px 0; } #rB4 .anfrage div.second { width:100%; text-align:center; } .anfrage label { margin:3px 0 0 0; color:#414143; } .anfrage .mand { font-weight:400; } .anfrage .forgotten { color:#dd2929; } .noAGB, #content .noAGB a { color:#dd2929; } #content .noAGB a { border-bottom:1px solid #dd2929; } .anfrage input { text-align:left; padding:0px 7px 0px 7px; background-image:none; width:300px; font-size:1em; font-family: 'Muli', sans-serif; -webkit-appearance:none; margin:-2px 0 2px 10px; height:32px; /* -webkit-box-shadow:0px 0px 4px #ccc; -moz-box-shadow:0px 0px 4px #ccc; box-shadow:0px 0px 4px #ccc; */ background-color:#fff; border:0; border:1px solid #e4e1e0; color:#6e6e6f; } .anfrage input[type="checkbox"] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; -ms-appearance: checkbox !important; -o-appearance: checkbox !important; appearance: checkbox !important; padding:0 0 0 0; border:1px solid #fff; width:auto; color:#000; font-size:1em; height:auto; } .anfrage input#plz { width:120px; } .anfrage input:focus { border:1px solid #97bf0d } .anfrage input.date { width:120px; cursor:pointer; text-align:center; padding:0 0 0 25px; background-image:url('../../../fileadmin/template_elfrieda/img/cal.png'); background-repeat:no-repeat; background-size:15px 15px; background-position:9px 9px; } .anfrage input.date:focus { border-top:1px solid #97bf0d; } .anfrage input.button { border:0px solid #efeee9; color:#fff; font-size:1em; padding:0px 0 0px 0; margin:0 0 0 0; height:50px; width:250px; text-align:center; font-family: 'Muli', sans-serif; cursor:pointer; background-color:#414143; text-transform:uppercase; font-weight:300; } .anfrage input.button:hover { background-color:#92b718; } .anfrage input[type="checkbox"] { } #checkGTC { display:inline; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; -ms-appearance: checkbox !important; -o-appearance: checkbox !important; appearance: checkbox !important; width:auto; height:auto; } #fifth .rrWrapper { position:relative; float:left; width:47.5%; margin:0 2% 20px 0; border:1px solid #e4e1e0; height:98px; } #fifth .roomChecker:hover { background-color:#92b718; color:#fff; } #fifth .roomChecker:hover label { color:#fff; } #fifth .roomChecker { position:relative; float:left; width:100%; height:60px; } #fifth .roomLink { position:relative; float:left; width:100%; color:#fff; height:38px; text-align:center; } #fifth .roomLink a { position:absolute; left:0; top:0; width:100%; height:28px; padding:10px 0 0 0; color:#333333; text-decoration:none; line-height:1em; font-size:0.9em; background-color:#e4e1e0; border:0; } #fifth .roomLink a:hover { border:0; background-color:#333333; color:#fff; } #fifth .rrData { position:relative; float:left; width:65%; height:60px; line-height:1em; } #fifth .rrName { position:relative; float:left; width:100%; font-weight:400; font-size:1em; margin:10px 0 3px 0; } #fifth .rrDesc { position:relative; float:left; width:100%; font-size:0.85em; } #fifth label { display:block; position:relative; float:left; width:100%; margin:0 0 30px 0; cursor:pointer; } .anfrage textarea { padding:7px; font-size:1em; font-family: 'Muli', sans-serif; width:92%; height:120px; margin:0 0 0 10px; /* -webkit-box-shadow:0px 0px 4px #ccc; -moz-box-shadow:0px 0px 4px #ccc; box-shadow:0px 0px 4px #ccc; */ background-color:#fff; border:0; border:1px solid #e4e1e0; color:#6e6e6f; } .anfrage textarea#alter_kinder { height:70px; width:86%; } .anfrage textarea:focus { border:1px solid #97bf0d } .anfrage select { font-family: 'Muli', sans-serif; background:none; font-size:1em; padding:0px 0px 0px 4px; margin:0 0px 0 10px; height:31px; width:auto; /* -webkit-box-shadow:0px 0px 4px #ccc; -moz-box-shadow:0px 0px 4px #ccc; box-shadow:0px 0px 4px #ccc; */ background-color:#fff; border:0; border:1px solid #e4e1e0; color:#6e6e6f; /* -webkit-appearance:none; */ } .anfrage select:focus { border:1px solid #97bf0d } .anfrage option { font-family: 'Muli', sans-serif; padding:4px 4px 4px 4px; margin:0 0 0 0; border:0; color:#3e3d40; background-color:#fff; font-weight:300; } label.hide { display:none; } #content .error { padding:20px; border:0px solid #dd2929; background-color:#dd2929; margin:0 0 30px 0; color:#fff; } #content .msg { padding:20px; border:0px solid #3e7b21; background-color:#3e7b21; margin:0 0 30px 0; color:#fff; } #content .info { } #content .info span { padding:0px; } /**************************************/ /*** typo3 *****/ .frame-type-textpic .ce-gallery { position:relative; float:left; width:45%; height:317px; margin:30px 5% 0 0; overflow:hidden; } .frame-type-textpic .ce-gallery img { width:800px; height:auto; margin:-20px 0 0 -117px; } .frame-type-textpic .ce-bodytext { position:relative; float:left; width:50%; margin:30px 0 0 0; padding:0px 0 0 0; } .ce-below .ce-bodytext { position:relative; float:left; width:65%; } .ce-below .ce-gallery { position:relative; float:right; width:30%; } .ce-below .ce-gallery .ce-row { position:relative; float:right; width:100%; } .ce-below { position:relative; float:left; width:100%; margin:20px 0 40px 0; padding:0px 0 0 0; border-top:0px solid #eee; } /* .ce-below:first-child { padding:0px 0 0 0; border-top:0px solid #eee; } */ #c15 .ce-below { padding:10px 0 0 0; border-top:0px solid #eee; } .ce-below .ce-gallery .ce-row .ce-column { position:relative; float:left; width:100%; margin:4px 0% 0 0%; } .ce-below .ce-gallery .ce-row .ce-column img { width:100%; height:auto; } #content .ce-below .ce-gallery a { border:0; } /**************/ /***** apartments übersicht ******/ #accoBlock { position:relative; float:left; width:100%; } #content #accoBlock h3 { text-align:center; margin:40px 0 35px 0; padding:0 0 10px 0; font-size:1.5em; border-bottom:1px solid #92b718; } .accoClass { position:relative; float:left; width:44%; margin:0 3% 65px 3%; background-color:#404042; color:#fff; text-align:center; height:0px; padding:0 0 30% 0; } #content .accoClass a { border-bottom:0; } #content .accoClass:hover a { color:#fff; } .accoPic { position: absolute; left: 0; top: 0; width: 100%; height: 67%; overflow: hidden; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; background-color: #e4e4e4; } .accoData { position: absolute; left: 0; top: 67%; width: 100%; height: 33%; overflow: hidden; } #content .accoAllLink { position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; overflow:hidden; text-indent:-9999px; border-bottom:0 !important; } #content .accoData h4 { color: #fff; border: 0; font-size: 1.15em; text-transform: none; margin: 22px 0 17px 0; padding: 0 0 10px 0; font-weight: 400; background-image: url('../../../fileadmin/template_elfrieda/img/h2bg.png'); background-repeat:no-repeat; background-position:center bottom; } .accoPicHover { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; opacity:0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; background-color:#000; } .accoClass:hover .accoPicHover, .accoPicHover:hover { opacity:0.35; } /**** UP ******/ .uhide {display:block; opacity:0; z-index:-1; bottom:-40px;} .ushow {display:block; opacity:1; z-index:555; bottom:20px;} #up { position:fixed; right:20px; width:40px; height:40px; -moz-border-radius:100%; -webkit-border-radius:100%; -khtml-border-radius:100%; border-radius:100%; color:#fff; cursor:pointer; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; background-color:#97bf0d; background-image:url('../../../fileadmin/template_elfrieda/img/upLink.png'); background-position:center center; background-repeat:no-repeat; background-size:20px 13px; } #up:hover { background-color:#000; } #up img { width:100%; height:auto; } /***********/ /****** cookie ********/ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{text-decoration:none;display:inline-block;padding:.2em .2em .2em 0}.cc-link:hover{text-decoration:underline;}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:normal;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:1;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} .cc-btn {color:#fff !important; font-size:1em;} .cc_banner-wrapper { z-index: 99001 !important; } a.cc-link { color:#97bf0d !important; } .cc-btn, .cc-btn:visited { color: #fff !important; background-color:#97bf0d !important; border-radius:0 !important; -webkit-border-radius:0 !important; } *::-ms-backdrop, .cc-btn {height:60px;} /* IE11 */ *::-ms-backdrop, .cc-floating.cc-theme-edgeless .cc-message {margin-bottom:60px} /* IE11 */ .cc-btn:hover { background-color:#97bf0d !important; color: #222 !important; } #content a#GAOptOut { text-decoration:none; padding:0 5px; background-color:#97bf0d; color:#fff; } #content a#GAOptOut:hover { background-color:#404042; } /** startButton ****************/ #startButton { position: absolute; z-index: 150; top: 140px; left: 65px; } #startButton img { width: 264px; height: auto; z-index: 10; position: absolute; } #startButton img#covidImg { top: 170px; left: 120px; width: 272px; height: auto; z-index: 7; } /***** Preise ****/ .rPallIn { position:relative; float:left; width:100%; margin:0 0 25px 0; } .rPhead { position:relative; float:left; width:16.9%; z-index:2; } .rPallOver { position:relative; float:left; width:83.1%; z-index:1; } #rScroller { position:relative; float:left; width:100%; margin:0 0 0px 0; padding:0 0 0 0; } #content .sins { width: 100%; font-size: 0.85em; float: right; position: relative; text-align: right; margin: 10px 0 10px 0; } #content .sins img { width: 20px; height: auto; } #content .sins p { margin: 0px 0 0 0; } .roomPricesDiv { position:relative; float:left; width:100%; } .rP1, .rP2 { position:relative; float:left; width:16.6666666%; box-sizing:border-box; border-left:1px solid #fff; border-bottom:1px solid #fff; text-align:center; } .rP1 { background-color:#97b91a; padding:15px 0 0px 0; color:#fff; font-size:0.8em; height:75px; line-height:1.45em; } .rP2 { background-color:#f2f2f2; padding:29px 0 0px 0; font-size:0.9em; color:#5e5e5e; height:87px; } .even .rP2 { background-color:#e5e5e5; } .roomNames { font-weight:500; color:#5e5e5e; background-color:#d9d9d9; width:100%; padding:20px 0 0px 0; height:87px; box-sizing:border-box; border-left:1px solid #fff; border-bottom:1px solid #fff; } .even .roomNames { background-color:#cccccc; } #content .roomNames h3 { margin:0 0 7px 0; font-family: 'Muli', sans-serif; font-size:1em; font-variant:700; } #content .roomNames p { margin:0; font-size:0.8em; line-height:1.35em; } .roomNames a { color:#5e5e5e; text-decoration:none; } .roomNames a:hover { color:#5e5e5e; border-bottom:1px solid #5e5e5e; } .oneLine { padding:27px 0 0px 0; height:50px; } .rPhead .empty { background:none; width:100%; box-sizing:border-box; border-bottom:1px solid #fff; } .rP1 strong { font-weight:700; font-size:1.25em; line-height:1.85em; } #ebEnquiry, #ebFrontEndFrame { min-height:400px; } /* map */ .fullscreen-icon { background-image: url('../../../fileadmin/template_elfrieda/img/icon-fullscreen.png'); } .leaflet-retina .fullscreen-icon { background-image: url('../../../fileadmin/template_elfrieda/img/icon-fullscreen-2x.png'); background-size: 26px 26px; } /* one selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */ .leaflet-container:-webkit-full-screen { width: 100% !important; height: 100% !important; z-index: 99999; } .leaflet-container:-ms-fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; } .leaflet-container:full-screen { width: 100% !important; height: 100% !important; z-index: 99999; } .leaflet-container:fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; } .leaflet-pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 99999; } *, *:before, *:after { box-sizing: content-box !important; margin: 0; } #ebOffer *, #ebOffer *:before, #ebOffer *:after { box-sizing: border-box !important; margin: 0; } /* Big *************************************************************************************************************************************/ @media (min-width: 1921px) { #vader .slide img { width:2560px; } #mountainBox { height:560px; background-image:url('../../../fileadmin/template_elfrieda/img/parallax.jpg'); } #content2 { height:390px; margin: 110px 0px 50px 0px; } #cWrapper { background-image:url('../../../fileadmin/template_elfrieda/img/bg2560.jpg'); } #pics { height:1310px; } } @media (min-width: 1601px) and (max-width: 1920px) { #vader .slide img { width:1920px; } #mountainBox { height:425px; background-image:url('../../../fileadmin/template_elfrieda/img/parallax1920.jpg'); } #content2 { height:385px; margin: 70px 0px 20px 0px; } #cWrapper { background-image:url('../../../fileadmin/template_elfrieda/img/bg1920.jpg'); } } @media (min-width: 1431px) and (max-width: 1600px) { #vader .slide img { width:1600px; } #mountainBox { height:350px; background-image:url('../../../fileadmin/template_elfrieda/img/parallax1600.jpg'); } #content2 { height:385px; margin: 70px 0px 20px 0px; } #cWrapper { background-image:url('../../../fileadmin/template_elfrieda/img/bg1600.jpg'); } } @media (min-width: 1261px) and (max-width: 1430px) { #vader .slide img { width:1430px; } #mountainBox { height:290px; background-image:url('../../../fileadmin/template_elfrieda/img/parallax1430.jpg'); } #content2 { height:300px; font-size:1em; margin: 70px 0px 20px 0px; } #cWrapper { background-image:url('../../../fileadmin/template_elfrieda/img/bg1430.jpg'); } } @media (min-width: 1011px) and (max-width: 1260px) { #vader .slide img { width:1260px; } #mountainBox { height:290px; background-image:url('../../../fileadmin/template_elfrieda/img/parallax1260.jpg'); } #content2 { height:300px; font-size:1em; margin: 70px 0px 20px 0px; } #cWrapper { background-image:url('../../../fileadmin/template_elfrieda/img/bg1430.jpg'); } } @media (min-width: 711px) and (max-width: 1010px) { #vader .slide img { width:1010px; } #mountainBox { height:220px; background-image:url('../../../fileadmin/template_elfrieda/img/parallax1010.jpg'); } #content2 { height:330px; margin:50px 0 10px 0; font-size:0.9em; } #cWrapper { background-image:url('../../../fileadmin/template_elfrieda/img/bg1010.jpg'); } } @media (min-width: 471px) and (max-width: 710px) { #vader .slide img { width:710px; } #mountainBox { height:150px; background-image:url('../../../fileadmin/template_elfrieda/img/parallax710.jpg'); } #content2 { height:250px; margin:50px 0 0px 0; font-size:0.75em; } #content2 p { font-size: 1.25em; margin: 0px 0 20px 0; } #cWrapper { background-image:url('../../../fileadmin/template_elfrieda/img/bg710.jpg'); } } @media (min-width: 0px) and (max-width: 470px) { #vader .slide img { width:490px; } #mountainBox { height:100px; background-image:url('../../../fileadmin/template_elfrieda/img/parallax490.jpg'); } #content2 { height:265px; margin:35px 0 0px 0; font-size:0.75em; } #content2 p { font-size: 1.25em; margin: 0px 0 20px 0; } #cWrapper { background-image:url('../../../fileadmin/template_elfrieda/img/bg490.jpg'); } } /* laptop *************************************************************************************************************************************/ @media (max-width: 1900px) { #toplinks a { padding: 21px 31px 0px 31px; } #navi { margin:0 0 0 240px; } #logo { left:58px; } } /* laptop *************************************************************************************************************************************/ @media (max-width: 1600px) { #mapBox { height:435px; } #pics { height:830px; } #navi li a { font-size:1em; padding:22px 22px 0px 22px; height:36px; } #toplinks a { font-size:1em; padding:22px 25px 0px 25px; margin:0 0px 0 4px; height:36px; } #infoBox { width:1400px; } #navi li#menuitem_6 div.subNavi { margin: 0 0 0 -165px; } } /* *******************************************************************************************************************************************/ @media (max-width: 1430px) { .accoClass { font-size:0.9em; } #content h1, #content2 h2, #content h2 { margin: 0px 180px 45px 180px; } #content2 h2 { margin: 0px 0px 45px 0px; } #mapBox { height:400px; } #pics { height:740px; } #navi li a { padding:22px 20px 0px 20px; } #toplinks a#tLoffers { display:none; } #infoBox, #footer, #bBline, #wrapper { width:1200px; } #infoBox .secondbox { overflow:hidden; width: 31.65%; margin: 0px 1.65% 0 0%; } #infoBox .secondbox img { margin: 0px 0 0 -13px; } #infoBox #calcIT { margin: 0px 0% 0 0%; } #infoBox h2 { font-size: 1.45em; } } /* 1024 *************************************************************************************************************************************/ @media (max-width: 1260px) { .frame-type-textpic .ce-gallery { width:36.5%; margin:30px 3.5% 0 0; } .frame-type-textpic .ce-gallery img { width:auto; height:320px; margin:0 0 0 -150px; } .frame-type-textpic .ce-bodytext { width:60%; margin:30px 0 0 0; padding:0px 0 0 0; } #startButton img { width: 200px; } #startButton img#covidImg { top: 130px; left: 100px; width: 200px; } .accoClass { font-size:0.9em; padding:0 0 33.5% 0; } .accoPic { height: 60%; } .accoData { top: 60%; height: 40%; } #content h1, #content2 h2, #content h2 { margin: 0px 0px 45px 0px; } #mapBox { height:350px; } #pics { height:650px; } #logo { position:absolute; } #toplinks { right:139px; } #toplinks a#tLoffers, #toplinks a#tLenq, #toplinks a#tLbooking { display:block; } #offerPopper { right:-129px; } #infoBox, #footer, #bBline, #wrapper, #ccWrapper { width:948px; } #infoBox .secondbox { overflow:hidden; width: 31.65%; margin: 0px 1.65% 0 0%; } #infoBox .secondbox img { margin: 0px 0 0 -60px; } #infoBox #calcIT { margin: 0px 0% 0 0%; } #infoBox h2 { font-size: 1.45em; } #navi { display:none; } #mnfield { width:100%; height:130%; z-index:890; background-image:url('../../../fileadmin/template_elfrieda/img/dark.png'); } .nhide, .hide {display:none;} .nshow, .mshow {display:block;} #mbtn { display:block; position:absolute; right:38px; top:38px; text-align:center; color:#fff; background-color:#72960d; font-size: 1em; height: 58px; width:135px; z-index:990; cursor:pointer; border:0px solid #fff; text-transform:uppercase; font-weight: 300; line-height:1em; background-size:20px 14px; font-family: 'Heebo', sans-serif; } #naviicon { width: 100%; height: 100%; position:absolute; right:0px; top:0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; overflow:hidden; } #naviicon div { position:absolute; top:23px; right:25px; } #naviicon span { display: block; position: absolute; height: 4px; width: 32px; background: #fff; border-radius: 0px; opacity: 1; left: 17px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #naviicon span:nth-child(1) { top: 17px; opacity:1; } #naviicon span:nth-child(2),#naviicon span:nth-child(3) { top: 27px; } #naviicon span:nth-child(4) { top: 37px; opacity:1; } #naviicon.open span:nth-child(1) { width: 0%; opacity:0; } #naviicon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #naviicon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #naviicon.open span:nth-child(4) { width: 0%; opacity:0; } .hideMenu { display:block; height:0px; max-height:0; } .mshowMenu { display:block; height:auto; max-height:950px; } #mnavi { position:absolute; top:100px; right:38px; /* margin-right:-235px; */ width:240px; padding:0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; background-color:#ffffff; z-index:900; overflow:hidden; -webkit-transition: all 0.75s ease-in; -moz-transition: all 0.75s ease-in; -o-transition: all 0.75s ease-in; -ms-transition: all 0.75s ease-in; transition: all 0.75s ease-in; } #mnavi li { list-style-type:none; display:block; width:100%; } #mnavi li a { text-decoration:none; display:block; position:relative; float:left; padding:7px 10px 6px 10px; width:220px; color:#44474e; font-size:1.em; letter-spacing:0px; text-transform:uppercase; background-color:#eceded; border-bottom:1px solid #fff; font-weight:300; } #mnavi li#mmenuitem_22 a { border-bottom:0px solid #fff; } #mnavi li.selected a { color:#fff; background-color:#44474e; } #mnavi li a:hover { color:#fff; background-color:#97b91a; } #mnavi li li a, #mnavi li.selected li a { background-color:#fff; width:200px; margin:0 0 0 0; padding:7px 10px 6px 30px; font-size:1em; font-weight:300; color:#44474e; border-bottom:1px solid #eceded; text-transform:none; } #mnavi li.selected li.selected a { color:#fff; background-color:#44474e; } #mnavi li.selected li a:hover, #mnavi li.selected li.selected a:hover { color:#fff; background-color:#97b91a; } #fBlock1 { width: 32%; } #fBlock2 { width: 36%; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1010px) { #footer div#fBlock5 { top:410px; } .frame-type-textpic .ce-gallery { width:100%; margin:30px 0% 0 0; height:260px; } .frame-type-textpic .ce-gallery img { width:100%; height:auto; margin:-18px 0 0 0px; } .frame-type-textpic .ce-bodytext { width:100%; margin:30px 0 0 0; padding:0px 0 0 0; } .rPallIn { font-size:1.1em; } .rPhead { width:25%; } .rPallOver { width:75%; } .rPallOver { overflow:scroll; } #rScroller { width:840px; } .sins { display: block; } .rPhead { -webkit-box-shadow:3px 0px 3px -3px #555; -moz-box-shadow:3px 0px 3px -3px #555; box-shadow:3px 0px 3px -3px #555; } .rP1 { height:75px; } .rP2, .roomNames { height:87px; } #offerPopper { display:none; } #startButton { top: 110px; margin-left: 0; left: auto; right: 30px; } #startButton img { width: 160px; right: 40px; } #startButton img#covidImg { top: 110px; left: auto; right: -30px; width: 160px; } .accoClass { font-size:0.8em; padding:0 0 36.5% 0; width:46%; margin:0 2% 35px 2%; } .accoPic { height: 55%; } .accoData { top: 55%; height: 45%; } #content .accoData h4 { margin: 17px 0 17px 0; padding: 0 0 10px 0; } #bbL, #bbR { width:19px; } #top { left:19px; right:19px; } #mbtn { right:19px; } #mnavi { right:19px; } #otc { margin: 0 19px 0 0; } #logo { left:39px; } #cboxClose{ top:-30px; right:-30px; } #content { font-size:1.1em; margin: 50px 0px 50px 0px; } #content h1, #content h2 { font-size:1.5em; } #content2 h2 { font-size:1.75em; } #lang { padding: 13px 0px 10px 25px; } #mapBox { height:320px; } #vader { margin-top:38px; } #pics { height:580px; } #toplinks { right:139px; } #toptel a { margin: 0px 0px 0 35px; padding: 0 0 0 25px; } #toplinks a#tLoffers { display:none; } #infoBox, #footer, #bBline, #wrapper, #ccWrapper { width:640px; } #bBline { width:690px; } #bBline a { width:20%; } #bBline a#location { display:none; } #infoBox .secondbox { overflow:hidden; width: 48%; margin: 0px 0 0 0%; font-size:0.9em; } #infoBox .secondbox img { margin: 0px 0 0 -30px; } #calcIT { display:none; } #infoBox #camIT { margin: 0px 4% 0 0%; } #infoBox h2 { font-size: 1.35em; } #infoBox p { width: 90%; margin: 0 0 0 5%; } #newsBox { height: 239px; } #infoBox .secondbox img { height: 239px; width:auto; } .eventItem { height: 60px; padding: 10px 15px; line-height: 1em; } #bWrapper { height: 490px; } #vader #next, #vader #back { display:none; } #iFooter { height: 500px; } #footer { font-size:1em; } #footer h2 { font-size: 1.45em; } #fBlock1 { width:29%; margin-left:1%; } #fBlock2 { width:42%; } #fBlock2 a, #fBlock2 a#fooTel1, #fBlock2 a#fooMail { font-size: 1.15em; padding-left:48px; background-position: 7px center; } #fBlock2 h2 { padding: 0px 0 0px 48px; } #footer #fBlock3 { margin-right:1%; } #fBlock4 { font-size:1em; } } @media (max-width: 800px) { #vader .slide img { width:800px; } #pics { height:480px; } } /* Smartphone Landscape *************************************************************************************************************************************/ @media (max-width: 740px) { #toptel a, #toptel a.tLink, #toptel a:hover, #toptel a.tLink:hover { margin: 0px 0px 0 25px; padding-left:23px; } } /* Smartphone Landscape *************************************************************************************************************************************/ @media (max-width: 710px) { #footer div#fBlock5 { top:790px; } .frame-type-textpic .ce-gallery { margin:20px 0% 0 0; height:160px; } .acenter, .align-center, .text-center {text-align:left;} .rPhead { width:34%; } .rPallOver { width:66%; } #rScroller { width:760px; } #startButton { top: 110px; right: 30px; } #startButton img { width: 120px; } #startButton img#covidImg { top: 70px; right: -30px; width: 120px; } .accoClass { font-size:0.9em; padding:0 0 66% 0; width:100%; margin:0 0% 35px 0%; } .accoPic { height: 60%; } .accoData { top: 60%; height: 40%; } #content .accoData h4 { margin: 22px 0 17px 0; } #mbtn { width:66px; overflow:hidden; text-indent:-9999px; } #calcIT { display:block; } #content { font-size:1em; margin: 50px 0px 50px 0px; } #content h1, #content h2 { font-size:1.25em; padding: 0 0 15px 0; margin: 0px 0px 35px 0px; } #content2 h2 { font-size:1.75em; margin:0 0 30px 0; } #content h3, #content2 h4 { font-size: 1.1em; } #mapBox { height:290px; } #pics { height:470px; } #toplinks { right:70px; } #toplinks a#tLoffers { display:none; } #infoBox, #footer, #bBline, #wrapper, #ccWrapper { width:420px; } #bBline { width:420px; } #bBline a { width:33.333%; margin:0 0 20px 0; } #bBline a#location { display:block; } #infoBox .secondbox { width: 97%; margin: 0px 0% 40px 1.5%; font-size:0.9em; } #infoBox #camIT { margin: 0px 0% 40px 1.5%; } #infoBox #calcIT { margin: 0px 0% 0 1.5%; } #infoBox h2 { font-size: 1.35em; margin:10px 0 10px 0; } #infoBox p { width: 70%; margin: 0 0 0 15%; } #newsBox { height: 239px; } #infoBox .secondbox img { height:auto; width:405px; } #bWrapper { height:1280px; } #iFooter { height:920px; } #footer { font-size:1em; } #footer div { margin-bottom:50px; } #footer h2 { font-size: 1.45em; margin:0 0 20px 0; } #fBlock1 { width:100%; margin-left:0%; } #fBlock2, #fBlock3 { width:100%; } #fBlock2 a, #fBlock2 a#fooTel1, #fBlock2 a#fooMail { font-size: 1.15em; padding-left:48px; background-position: 7px center; } #fBlock2 h2 { padding: 0px 0 0px 0px; } #footer #fBlock3 { margin-right:0%; float:left; } #fBlock4 { font-size:1em; } } @media (max-width: 685px) { #mLink { display:none; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 615px) { #toplinks a { padding: 22px 17px 0px 17px; } } @media (max-width: 600px) { #vader .slide img { width:600px; } #pics { height:380px; } } @media (max-width: 550px) { #logo { left:29px; width:186px; } #toplinks a { padding: 22px 10px 0px 10px; } } @media (max-width: 500px) { #toplinks a#tLenq { display:none; } #toptel a.tLink { display:none; } #vader .slide img { width:500px; } #pics { height:334px; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 470px) { #footer div#fBlock5 { top:685px; } .frame-type-textpic .ce-gallery { margin:10px 0% 0 0; height:120px; } .frame-type-textpic .ce-bodytext { margin:20px 0% 0 0; } .rPallIn { font-size:1em; } .rPhead { width:41%; } .rPallOver { width:59%; } #rScroller { width:690px; } .rP2, .roomNames { height:78px; } .rP1 { height:67px; } #startButton { top: 100px; right: 5px; } #startButton img { width: 100px; } #startButton img#covidImg { top: 75px; right: 0px; width: 100px; } .accoClass { font-size:0.9em; padding:0 0 75% 0; width:100%; margin:0 0% 35px 0%; } .accoPic { height: 55%; } .accoData { top: 55%; height: 45%; } #content .accoData h4 { margin: 22px 0 17px 0; } .eventTitle { font-size: 1em; margin: 8px 0 8px 0; } #fBlock0 img { width: 200px; height: auto; } #iFooter { height: 860px; } #infoBox { margin: 50px auto 0 auto; } #mapBox { height:220px; } #pics { height:330px; } #content2 h2 { font-size: 1.5em; padding:0 0 10px 0; margin: 0 0 25px 0; text-transform:none; } #bBline, #wrapper, #ccWrapper { width:320px; } #infoBox, #footer { width:290px; } #bBline { width:340px; } #bBline a { width:50%; margin:0 0 20px 0; } #infoBox .secondbox img { height:auto; width:100%; } #bWrapper { height:1100px; } } @media (max-width: 400px) { #logo { left:19px; } #bbL, #bbR { display:none; } #top { left:0px; right:0px; } #toplinks a#tLbooking { display:none; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 355px) { .frame-type-textpic .ce-gallery { margin:10px 0% 0 0; height:100px; } .frame-type-textpic .ce-bodytext { margin:20px 0% 0 0; } #vader .slide img { width:355px; } #pics { height:260px; } #bBline, #wrapper, #ccWrapper { width:290px; } .rPhead { width:43%; } .rPallOver { width:57%; } #rScroller { width:680px; } .accoClass { font-size:0.8em; } #content .accoData h4 { margin: 15px 0 17px 0; } } #content2 { font-size:1em; } @media (max-width: 1430px) { #content2 { font-size:0.9em; } } @media (max-width: 1010px) { #content2 { font-size:0.8em; } } @media (max-width: 710px) { #content2 { margin: 30px 0 0px 0; height:285px; } #content2 h2 { font-size: 1.45em; margin: 0 0 20px 0; padding:0 0 12px 0; } } @media (max-width: 470px) { #content2 { margin: 20px 0 0px 0; height:300px; font-size:0.7em; } #content2 h2 { font-size: 1.4em; margin: 0 0 18px 0; padding:0 0 10px 0; } } @media (max-width: 355px) { #content2 { margin: 20px 0 0px 0; height:300px; } #content2 h2 { font-size: 1.4em; margin: 0 0 18px 0; padding:0 0 10px 0; } } #content { margin-top:170px; } #offerPopper { right:0px; } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1279px) { #lightC { position:absolute; } #offerPopper { right:-139px; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 710px) { #content { } }