/* lovers-quarrel-regular - latin */ @font-face { font-family: 'Lovers Quarrel'; font-style: normal; font-weight: 400; src: url('../../../fileadmin/template_auglshof/fonts/lovers-quarrel-v10-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../../fileadmin/template_auglshof/fonts/lovers-quarrel-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_auglshof/fonts/lovers-quarrel-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/lovers-quarrel-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/lovers-quarrel-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_auglshof/fonts/lovers-quarrel-v10-latin-regular.svg#LoversQuarrel') format('svg'); /* Legacy iOS */ } /* mulish-200 - latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; src: url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-200.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-200.svg#Mulish') format('svg'); /* Legacy iOS */ } /* mulish-300 - latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; src: url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-300.svg#Mulish') format('svg'); /* Legacy iOS */ } /* mulish-regular - latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; src: url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */ } /* mulish-700 - latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; src: url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-700.svg#Mulish') format('svg'); /* Legacy iOS */ } /* mulish-800 - latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; src: url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/template_auglshof/fonts/mulish-v3-latin-800.svg#Mulish') format('svg'); /* Legacy iOS */ } #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_auglshof/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_auglshof/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_auglshof/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_auglshof/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_auglshof/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_auglshof/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_auglshof/img/cal/ui-icons_222222_256x240.png');}.ui-widget-header .ui-icon{background-image:url('../../../fileadmin/template_auglshof/img/cal/ui-icons_222222_256x240.png');}.ui-state-default .ui-icon{background-image:url('../../../fileadmin/template_auglshof/img/cal/ui-icons_888888_256x240.png');}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url('../../../fileadmin/template_auglshof/img/cal/ui-icons_454545_256x240.png');}.ui-state-active .ui-icon{background-image:url('../../../fileadmin/template_auglshof/img/cal/ui-icons_454545_256x240.png');}.ui-state-highlight .ui-icon{background-image:url('../../../fileadmin/template_auglshof/img/cal/ui-icons_2e83ff_256x240.png');}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('../../../fileadmin/template_auglshof/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_auglshof/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_auglshof/img/cal/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px;} /* grün: #698e1c grau: #3e3d40 font-family: 'Lovers Quarrel'; font-family: 'Mulish'; */ * {padding: 0 0 0 0;margin: 0 0 0 0} img {border: 0} a:active, a:focus {outline: none} #prel, #sc, .sins, #pageLang, #thePageId, h1 span {display: none} a {color: #698e1c;} a:hover {color: #000;} #mnfield {position: fixed; top: 0; left: 0; width:1px; height: 1px;} .hide, .mob, .mmob, .cchide, .mshow, .mshowMenu, .hideMenu, .firtBreak, .secondBreak, .thirdBreak, #mbtn {display: none;} .show {display: block;} .aright, .align-right {text-align: right;} .aleft, .align-left {text-align: left;} .acenter, .align-center, .text-center {text-align: center;} #content .important {color: #bd0926} #content .detail {color: #186900} #content .name-of-person {color: #002a5b} #content figure a, #content figure a:hover {border: 0} textarea:focus, input:focus{ outline: none; } #WABtn { position: fixed; left: 12px; top: 6px; width: 48px; height: 48px; margin: 0px 0px 0px 0px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url('../../../fileadmin/template_auglshof/img/whatsapp.png'); z-index: 508; } #WABtn a { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; } /**************************/ #navBtn { display: block; position: fixed; left: 50%; margin-left: -780px; top: 82px; text-align: center; color: #3e3d40; background: none; font-size: 1.25em; width: 60px; height: 64px; z-index: 580; cursor: pointer; border: 0px solid #3e3d40; text-transform: uppercase; font-weight: 700; line-height: 1em; -webkit-transition: top 0.5s ease-out; -moz-transition: top 0.5s ease-out; -o-transition: top 0.5s ease-out; -ms-transition: top 0.5s ease-out; transition: top 0.5s ease-out; } #navBtn:hover { color: #ae2a75; } #navBtn.stickyBtn { top: 62px; } #naviicon2 { 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; } #naviicon2 div { position: absolute; bottom: 0px; left: 0px; width: 100%; } #naviicon2 span { display: block; position: absolute; height: 3px; width: 36px; background: #698e1c; border-radius: 0px; opacity: 1; left: 12px; -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; } #navBtn:hover #naviicon2 span { background: #ae2a75; } #naviicon2 span:nth-child(1) { top: 10px; opacity: 1; } #naviicon2 span:nth-child(2), #naviicon2 span:nth-child(3) { top: 20px; } #naviicon2 span:nth-child(4) { top: 30px; opacity: 1; } #naviicon2.open span:nth-child(1) { top: 20px; opacity: 0; } #naviicon2.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #naviicon2.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #naviicon2.open span:nth-child(4) { top: 20px; opacity: 0; } .hideTheNavi { display: none; opacity: 0; } .showTheNavi { display: block; opacity: 1; } /**************************/ /**************************/ #bookingBox { position: relative; float: left; width: 100%; margin: -150px 0 50px 0; } /**************************/ #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; } #googleMap { height: 500px; width: 100%; } #mapBox { position: relative; float: left; width: 100%; height: 540px; background-color: #ebe8de; padding: 0 0 70px 0; z-index: 440; } #mapCanvas { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; margin: 0 0 0px 0; } #mapBox2 { height: 250px; } #mapCanvas2 { width: 100%; } #mapFrame { width: 100%; height: 300px; border: 0; } #mapPic { position:absolute; top:0px; left:0; width:50%; height:100%; margin:0 0 0px 0; background-position:center center; background-repeat:no-repeat; } #mapLink { position:absolute; top:0px; right:0; color:#fff; z-index:100; font-size: 1.5em; line-height: 1em; } #mapLink a { display: block; color:#fff; background-color:#698e1c; padding:17px 20px 17px 60px; text-decoration: none; background-image: url('../../../fileadmin/template_auglshof/img/arrowBig.png'); background-repeat: no-repeat; background-position: 20px center; background-size: 25px 25px; } #mapLink a:hover { background-color:#000; } body { font-family: 'Mulish'; font-size: 1em; color: #3e3d40; background-color: #fff; } /***** apartments übersicht ******/ #accoBlock { position: relative; float: left; width: 100%; } .roomClass #accoBlock { padding: 60px 0 0 0; margin: 20px 0 0 0; background-position: center top; background-repeat: no-repeat; background-image: url('../../../fileadmin/template_auglshof/img/h1bg.png'); } .accoClass { position: relative; float: left; width: 48%; margin: 0px 0 30px 0%; background-color: #698e1c; color: #fff; text-align: center; height: 170px; box-sizing: border-box; border: 1px solid #698e1c; } .accoClass:hover { background-color: #ae2a75; border: 1px solid #ae2a75; color: #fff; } #accoBlock .odd { margin-right: 4%; } #content .accoClass a { color: #fff; border-bottom: 0; } #content .accoClass:hover a { color: #ae2a75; } .accoPic { position: relative; float: left; width: 30%; padding: 0 0 0 0; height: 100%; overflow: hidden; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #fff; } .accoData { position: relative; float: left; width: 70%; height: 100%; overflow: hidden; padding: 0px 0; } .accoData .centering { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; padding: 0 0 0 0; } #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: 3.5em; text-transform: none; margin: 0px 0 10px 0; padding: 0 0 0px 0; font-weight: 400; font-family: 'Lovers Quarrel'; line-height: 1em; } #content .accoData h5 { font-size: 0.85em; margin: -10px 0 20px 0; font-weight: 300; line-height: 1em; } #content .accoData p { margin: 0px 0 0px 0; line-height: 1em; } #content .accoClass:hover .accoData h4, #content .accoClass:hover .accoData, #content .accoClass:hover a { color: #fff; } .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: 15px; } #up { position: fixed; right: 30px; 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: #698e1c; background-image: url('../../../fileadmin/template_auglshof/img/upLink.png'); background-position: center 13px; background-repeat: no-repeat; background-size: 20px 13px; } #up:hover { background-color: #ae2a75; } #up img { width: 100%; height: auto; } /********/ #mobLinks { display:none; } #top { top: 60px; left: 0; z-index: 500; width: 100%; height: 109px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sticky { position: fixed; margin: 0px 0 0 0; } .nosticky { position: fixed; margin: 0 0 0 0; } #underthetop { left: 0; z-index: 450; width: 100%; height: 50px; line-height: 1em; font-family: 'Mulish'; font-weight: 300; margin-top: -100px; padding: 10px 0; background-image: url('../../../fileadmin/template_auglshof/img/otc.png'); } .stickyUnder { bottom: 0; position: fixed; background: none; background-color: #3e3d40; background-color: rgba(62, 61, 64, 0.9); } .nostickyUnder { top: 772px; position: absolute; } #utc { position: relative; width: 100%; float: left; text-align: center; } #reqButtons { display: inline-block; } #reqButtons input { position: relative; float: left; width: 100%; height: 100%; box-sizing: border-box; padding: 0px 50px 0 0px; box-sizing: border-box; text-transform: uppercase; color: #fff; text-align: center; cursor: pointer; z-index: 5; border: 0; font-family: 'Mulish'; font-size: 1.125em; font-weight: 700; line-height: 1em; background: none; background-image: url('../../../fileadmin/template_auglshof/img/cal.png'); background-repeat: no-repeat; background-size: 23px 23px; background-position: 145px center; border-radius: 0 0 0 0 !important; -webkit-appearance: none; } #underthetop input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; } #underthetop input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } #underthetop input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } #underthetop input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } #reqButtons input.btn { background: none; background-color: #698e1c; padding: 0px 0 0 0; color: #fff; } #reqButtons input:hover { background-color: #ae2a75; } #reqButtons input.btn:hover { background-color: #ae2a75; } #reqButtons .third, #reqButtons .second, #reqButtons .first, #reqButtons .nobg { position: relative; float: left; width: 190px; margin: 0 25px 0 0; height: 48px; overflow: hidden; border: 1px solid #fff; } #reqButtons .third, #reqButtons .nobg { height: 50px; border: 0px solid #fff; background-color: #698e1c; width: 130px; margin: 0 0px 0 0; } #reqButtons .third { background: none; width: auto; margin: 0 25px 0 0; } #reqButtons label { display: none; } #reqButtons .third label { display: inline-block; color: #fff; font-size: 1.125em; font-weight: 700; text-transform: uppercase; margin: 18px 10px 0 0; } #reqButtons select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; width: 70px; height: 48px; border: 1px solid #fff; -moz-padding-start: calc(10px - 3px); padding-left: 10px; background: url('../../../fileadmin/template_auglshof/img/fff-0-2.png') repeat; color: #fff; font-family: 'Mulish'; font-size: 1.125em; font-weight: 700; box-sizing: border-box; outline: none; cursor: pointer; } #reqButtons select:hover { background-color: #ae2a75; } #reqButtons select option, #reqButtons select:hover option { color: #3e3d40; background-color: #fff; } #reqButtons select::-ms-expand { display: none; } #reqButtons select:focus::-ms-value { background-color: transparent; } #reqButtons .third::before { font-family: fontello; content: ""; position: absolute; right: 15px; top: 22px; width: 13px; height: 7px; color: #fff; pointer-events: none; background-image: url('../../../fileadmin/template_auglshof/img/selectDown.png'); background-repeat: no-repeat; background-size: 13px 7px; } #bookingButton { position: relative; float: left; width: 275px; margin: 0 0px 0 0; height: 70px; overflow: hidden; } #bookingButton a { display: block; position: relative; float: left; padding: 27px 0 0 0; box-sizing: border-box; text-decoration: none; color: #fff; background-color: #698e1c; width: 100%; height: 100%; text-align: center; font-size: 1.125em; font-weight: 700; text-transform: uppercase; } #bookingButton a:hover { background-color:#2e2d30; } #offerButton { position:relative; float:left; width:250px; margin:0 0px 0 0; padding:16px 30px 0 0; height:30px; overflow:hidden; background-color:#2e2d30; text-align:right; color:#fff; cursor:pointer; font-size:1em; text-transform:uppercase; z-index:10; background-repeat:no-repeat; background-position:center center; background-size:16px 8px; font-weight: 300; } #offerButton.up { background-image:url('../../../fileadmin/template_auglshof/img/up.png'); } #offerButton.down { background-image:url('../../../fileadmin/template_auglshof/img/down.png'); } #offerButton:hover { background-color:#312f33; } #offerPopper { z-index:5; position:absolute; bottom:0; left:752px; width:264px; background-color:#fff; font-size:0.9em; overflow:hidden; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -o-transition: all all ease-in; -ms-transition: height 1s ease-in; transition: all 1s ease-in; -webkit-box-shadow:0px 0px 8px -4px #000; -moz-box-shadow:0px 0px 8px -4px #000; box-shadow:0px 0px 8px -4px #000; } .popperUp { height:300px; padding:8px 8px 0px 8px; } .popperDown { height:0px; padding:0 8px 0 8px; } .offerBoxPic { position:relative; float:left; width:100%; height:175px; 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:70%; line-height:1.45em; font-weight:500; } .offerText h2 { font-family: 'Mulish'; font-weight:600; font-size:2.125em; margin:0 0 15px 0; color:#fffffd; text-transform:uppercase; line-height:1em; } .offerText p { font-weight:400; font-size:1.25em; } .offerLink { position:relative; float:right; width:30%; text-align: right; } .offerLink a { color: #fff; background-image: url('../../../fileadmin/template_auglshof/img/arrowBig.png'); background-repeat: no-repeat; background-size: 50px 50px; padding: 3px 0 0 73px; text-decoration: none; font-size: 1.875em; height: 50px; display: inline-block; box-sizing: border-box; } .offerMore, .offerMore a { position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; text-indent:-9999px; overflow:hidden; } .offerText .offerBoxPeriod { font-family: 'Mulish'; font-weight:500; font-size:1em; margin:0 0 10px 0; line-height:1em; } #offerCloser { position:absolute; right:8px; top:8px; z-index:110; height:17px; width:17px; background-image:url('../../../fileadmin/template_auglshof/img/close_btn.png'); background-size:100% auto; text-indent:-9999px; overflow:hidden; cursor:pointer; } #offerCloser:hover { background-image:url('../../../fileadmin/template_auglshof/img/close_btn2.png'); } .nShow { display: block; } .nHide { display: none; } #logo { position: fixed; left: 50%; opacity: 1; z-index: 510; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; margin-left: -170px; width: 340px; top: 80px; } #logo img { width: 100%; height: auto; } #logo.stickyLogo1 { margin-left: -170px; width: 340px; top: 80px; } #logo.stickyLogo2 { margin-left: -95px; width: 190px; top: 70px; } /** icons **/ i.icon { display: inline-block; width: 21px; height: 21px; background-repeat: no-repeat; background-size: 42px 42px; margin: 2px 7px -1px 0; } i.mail { background-image: url('../../../fileadmin/template_auglshof/img/contact.png'); background-position: 0px 0px; } i.mail:hover, a:hover i.mail, span:hover i.mail { background-position: -21px 0px; } i.tel { background-image: url('../../../fileadmin/template_auglshof/img/contact.png'); background-position: 0px -21px; } i.tel:hover, a:hover i.tel, span:hover i.tel { background-position: -21px -21px; } i.ig { background-image: url('../../../fileadmin/template_auglshof/img/social.png'); background-position: 0px 0px; } i.ig:hover, a:hover i.ig, span:hover i.ig { background-position: -21px 0px } i.fb { background-image: url('../../../fileadmin/template_auglshof/img/social.png'); background-position: 0px -21px; } i.fb:hover, a:hover i.fb, span:hover i.fb { background-position: -21px -21px; } #footer i.ig { background-image: url('../../../fileadmin/template_auglshof/img/social2.png'); width: 36px; height: 36px; background-size: 72px 72px; background-position: 0px 0px; } #footer i.ig:hover, #footer a:hover i.ig, #footer span:hover i.ig { background-position: 0px -36px } #footer i.fb { background-image: url('../../../fileadmin/template_auglshof/img/social2.png'); background-position: -36px 0px; width: 36px; height: 36px; background-size: 72px 72px; } #footer i.fb:hover, #footer a:hover i.fb, #footer span:hover i.fb { background-position: -36px -36px; } /****************/ #overthetop { position: fixed; top: 0; right: 0; z-index: 505; height: 60px; color: #fff; font-size: 0.9em; width: 100%; line-height: 1em; background:none; background-image: url('../../../fileadmin/template_auglshof/img/otc.png'); } #overthetop a { text-decoration: none; color:#fff; padding: 5px 7px; } #overthetop a:hover { color: #ae2a75; } #otc { position: relative; float: left; width: 100%; margin: 0 auto; } #toptel { position: relative; float: right; font-size: 1.2em; line-height: 1em; padding: 15px 0 0px 0; margin: 0 0px 0 0px; font-family: 'Mulish'; font-weight: 300; height: 60px; box-sizing: border-box; } #toptel a { margin-right: 50px; display: inline-block; } #toptel a.mLink { } #toptel a#linkFacebook { margin-right:10px; } #toptel span:hover { cursor:pointer; } #toptel i.icon { display: inline-block; width: 18px; height: 16px; background-repeat: no-repeat; background-size: 36px 32px; margin: 2px 7px -2px 0; background-position: 0px 0px; } #toptel a#fooTel1 i.icon { background-position: 0px -16px; } #toptel a#fooTel1:hover i.icon { background-position: -18px -16px; } #toptel a.mLink:hover i.icon { background-position: -18px 0px; } #toptel i.info { background-position: 0px 0px; background-size: 14px 17px; width: 7px; height: 17px; background-image:url('../../../fileadmin/template_auglshof/img/infoIcon.png'); margin: 0 3px -1px 0; } #toptel a:hover i.info { background-position: -7px 0px; } #toptel i.mail:hover, #toptel a:hover i.mail, #toptel span:hover i.mail { background-position: 0px 0px; } #toptel i.tel:hover, #toptel a:hover i.tel, #toptel span:hover i.tel { background-position: 0px -16px; } #toplinks { font-family: 'Mulish'; position: relative; float: right; margin: 0 0 0 0px; line-height: 1em; padding: 0px 0 0px 0; } #toplinks a { display: block; position: relative; float: left; text-decoration: none; box-sizing: border-box; height: 60px; text-transform: uppercase; padding: 20px 0px 0 0; width: 210px; line-height: 1em; font-size: 1.35em; font-weight: 400; text-align: center; letter-spacing: 1px; background-color: #6a8f1e; color: #fff; font-family: 'Mulish'; } #toplinks a:hover { background-color: #3e3d40; color:#fff; } #toplinks a.nLink { background-color: #377d1d; } #toplinks a.nLink:hover { background-color: #3e3d40; } #lang { position: relative; float: right; color: #fff; padding: 21px 0px 0px 0px; font-weight: normal; line-height: 1em; font-size: 1.25em; z-index: 200; height: 60px; margin: 0px 50px 0 0px; background-image: url('../../../fileadmin/template_auglshof/img/langSpacer.png'); background-size: 2px 16px; background-repeat: no-repeat; background-position: center center; box-sizing: border-box; } #lang a { text-decoration: none; text-transform: uppercase; color: #fff; padding: 0 0px; margin: 0 0px 0 3px; } #lang a:first-of-type { margin: 0 2px 0 1px; } #lang a:hover { color: #ae2a75; } #container { position: relative; float: left; margin: 0px auto 0 auto; width: 100%; z-index: 150; background-color: #fff; padding: 0 0 0px 0; -webkit-box-shadow: 0px 0px 20px -5px #000; -moz-box-shadow: 0px 0px 20px -5px #000; box-shadow: 0px 0px 20px -5px #000; } #wrapper { position: relative; margin: 0px auto 0 auto; width: 1200px; } #newBtn { position: absolute; right: 150px; bottom: 50%; margin-bottom: -78px; z-index: 119; } #newBtn img { width: 256px; height: auto; } #saveBtn { position: absolute; right: 30px; bottom: 90px; margin-bottom: 0px; z-index: 116; } #saveBtn img { width: 200px; height: auto; } #pics { position: relative; float: left; margin: 0px 0 0px 0; width: 100%; height: 950px; z-index: 147; } #picShadow { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); position: absolute; width: 100%; height: 100%; z-index: 113; pointer-events: none; } /* new stuff */ #sloganWrapper { position: relative; float: left; width: 90%; padding: 65px 5% 60px 5%; background-repeat: no-repeat; background-position: center center; color: #698e1c; text-shadow: 0 0 4px rgb(68, 68, 68); text-align: center; font-size: 3.35em; line-height: 1.25em; background-color: #4e4d4f; font-family: 'Lovers Quarrel'; font-weight: 300; z-index: 149; } #sloganWrapper .small { font-family: 'Mulish'; font-size: 0.3em; padding: 20px 420px 0 0; line-height: 1em; } #sloganBox { position: relative; margin: 0 auto; width: 100%; } #newButton { position: absolute; width: 256px; height: 256px; z-index: 150; top: 120px; left: 50%; margin-left: -660px; } #newButton img { width:100%; height:auto; } #container2 { float: left; position: relative; margin: 0px auto 0 auto; width: 100%; z-index: 150; } #picWrapper { position:relative; float:left; width:100%; background-color:#fff; padding:0px 0 0px 0; padding:3px 0 3px 0; } #picWrapper div { position: relative; float: left; width: 100%; overflow: hidden; } #picWrapper div div { width: 100%; margin: 0 0 0 0px; } #picWrapper img { position: relative; float: left; width: 25%; margin: 0 0px 0 0; } #aWrapper { position: relative; float: left; width: 100%; padding: 0px 0 30px 0; background-repeat: no-repeat; background-position: top center; z-index: 145; } #cWrapper { position:relative; float:left; width:100%; padding:0px 0 30px 0; background-color: #fff; z-index: 145; background-repeat: no-repeat; background-position: right bottom 0px; border-bottom: 130px solid #fff; } #ccWrapper { position: relative; margin: 0px auto 0 auto; width: 1500px; } /******** infoBox *****************/ #bWrapper { position: relative; float: left; width: 100%; background-color: #fff; padding: 0px 0 0 0; background-repeat: no-repeat; background-position: top center; } #infoBox { position: relative; margin: 100px auto 0 auto; width: 1500px; color: #3e3d40; } #infoBox .secondbox { position: relative; float: left; width: 33.33333%; text-align: center; margin: 20px 0 100px 0%; } #infoBox .secondbox a.infoBoxPicLink { display: block; position: relative; float: left; width: 100%; height: 350px; overflow: hidden; } #infoBox .secondbox img { width: auto; height: 100%; position: absolute; top: -9999px !important; bottom: -9999px !important; left: -9999px !important; right: -9999px !important; margin: auto; } #infoBox #boxEvents { width: 30.33333%; margin: 20px 1.5% 100px 1.5%; background-image: url('../../../fileadmin/template_auglshof/img/events.jpg'); background-position: center center; background-repeat: no-repeat; height: 350px; background-color: #6e9918; } #infoBox h4 { position: relative; float: left; width: 100%; font-weight: 400; font-size: 3.75em; margin: 25px 0 20px 0; padding: 0 0 15px 0; font-family: 'Lovers Quarrel'; background-image: url('../../../fileadmin/template_auglshof/img/h1bgE.png'); background-repeat: no-repeat; background-position: center bottom; /* background-size: 14px 12px; */ color: #403d39; } #infoBox #boxSummer h4 { color: #6c8f1c; background-image: url('../../../fileadmin/template_auglshof/img/h1bg.png'); } #infoBox #boxWinter h4 { color: #ae2a75; background-image: url('../../../fileadmin/template_auglshof/img/h1bgW.png'); } #infoBox p { position: relative; float: left; width: 80%; margin: 0 0 0 10%; font-size: 1.3em; font-weight: 300; } #infoBox .infoOverlay { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; background-image: url('../../../fileadmin/template_auglshof/img/io.png'); } #infoBox #boxWinter a:hover .infoOverlay { background: none; background-color: #ae2a75; } #infoBox #boxSummer a:hover .infoOverlay { background: none; background-color: #698e1c; } #infoBox .infoOverlay img { width: 150px; height:auto; position: absolute; top: -9999px !important; bottom: -9999px !important; left: -9999px !important; right: -9999px !important; margin: auto; } /******** News *********************/ #newsBox { position: relative; float: left; width: 100%; height: 350px; text-align: left; overflow: hidden; } #dataDiv { position: relative; margin: 0px auto 0 auto; width: 100%; -webkit-box-shadow: 0px 0px 8px -2px #666; -moz-box-shadow: 0px 0px 8px -2px #666; box-shadow: 0px 0px 8px -2px #666; } .eventItem { border-bottom: 1px solid #fff; background: none; height: 76px; color: #fff; padding: 20px 20px; line-height: 1.15em; position: relative; } .eventItem:last-of-type { border-bottom: 0px solid #fff; } .eventItem:hover { background: none; background-color:#2e2d30; color: #fff; } .eventDate { font-weight: 400; font-size: 1em; } .eventTitle { color: #fff; font-size: 1.25em; font-weight: 700; margin: 11px 0 11px 0; font-family: 'Mulish'; } .eventTitle a { text-decoration:none; color:#fff; } .eventItem:hover .eventTitle a { color: #fff; } .eventTitle a:hover { text-decoration:underline; color:#fffffe; } .eventLink { text-align: right; font-weight: 400; font-size: 3em; font-family: 'Lovers Quarrel'; } .eventLink a { color: #fff; text-decoration: none; background-image: url('../../../fileadmin/template_auglshof/img/arrowRight.png'); background-repeat: no-repeat; background-position: right 23px; background-size: 12px 12px; padding: 0 22px 0 0; } .eventLink a:hover { color: #fffffe; text-decoration: underline; } #dataDiv .allOver { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; text-indent: -9999px; } /**************/ /* Lage */ #arrivalBox { position:relative; float:left; width:100%; height:760px; background-color:#fff; font-family: 'Mulish'; font-weight:300; font-size:1.3em; line-height: 1.4em; } #arrivalCentering { position:relative; margin:0px auto 0 auto; width:1280px; padding:90px 0; } #arrivalCentering h2 { color:#404042; font-family: 'Mulish'; font-weight:500; font-size:2.25em; margin:0px 0 20px 0; padding:0 0 0px 0; text-transform:uppercase; text-align:center; } #arrivalCentering h2 span { background-color: #fff; padding: 0 90px; background-image: url('../../../fileadmin/template_auglshof/img/h2.png'); background-repeat:repeat-x; background-position: 0 15px; display: inline-block; } #arrivalCentering h2 span span { background:none; background-color: #fff; padding: 0 10px; } #arrivalCentering h3 { color:#404042; font-family: 'Mulish'; font-weight:300; margin:0px 0 45px 0; font-size:1.25em; line-height:1.15em; text-align:center; text-transform:uppercase; } .locationBox { position:relative; float:left; width:31.33333%; margin:0 0px 0px 0; text-align:center; font-size:0.9em; padding:0 1%; } .locationBox p { width:80%; padding:0 10%; } .locationBox p.locImage { width:100%; padding:0 0%; } .locationBox .locLink a { color:#fff; text-decoration:none; background-color:#404042; padding:8px 16px 7px 16px; margin:30px 0 0 0; display:inline-block; font-size:1.1em; line-height:1em; font-weight:300; } .locationBox .locLink a:hover { background-color:#2e2d30; } .locationBox img { margin:0 0px 10px 0; width:100%; height:auto; } #location3 { margin:0 0px 26px 0; } #mountainBox { position: relative; float: left; width: 100%; background-repeat: no-repeat; border-bottom: 0px solid #fff; } #mountainBox div { position: absolute; left: 0; top: 0; width: 100%; height: 32px; background-image: url('../../../fileadmin/template_auglshof/img/shadow2.png'); } #socialFeedWrapper { position: relative; float: left; width: 100%; padding: 0px 0 0px 0; min-height: 500px; } #socialFeedContent { position: relative; margin: 0px auto 0 auto; width: 1400px; } #socialFloater { position: relative; float: left; width: 100%; margin: 60px 0 80px 0; } /*************************/ #livingWrapper { position: relative; float: left; width: 100%; background-color: #eceded; } #livingContent { position: relative; float: left; width: 100%; height: 100%; } #livingEffectBox { position: relative; float: left; width: 960px; padding: 60px 0; background-color: #eceded; -moz-box-shadow: inset 0 10px 20px -10px #646464; -webkit-box-shadow: inset 0 20px 10px -10px #646464; box-shadow: inset 0 10px 20px -10px #646464; z-index: 10; } #effectContainerLiving { position: relative; float: left; width: 100%; height: 420px; overflow: hidden; } #livingContentBox { position: absolute; right: 0; width: 50%; height: 100%; background-position: center center; z-index: 5; } #livingEffectBox h3 { font-size: 5.5em; margin: 40px 0 25px 0; padding: 0 0 20px 0; line-height: 1em; font-family: 'Lovers Quarrel'; background-image: url('../../../fileadmin/template_auglshof/img/h1bg.png'); background-repeat: no-repeat; background-position: center bottom; font-weight: 400; } #livingEffectBox p { margin: 0 0 40px 0; font-size: 1.125em; line-height: 1.45em; } #livingEffectBox p.apartData { font-weight: 700; margin: 0 0 25px 0; } #livingEffectBox p.apartText { min-height: 55px; } #livingPicBox { position: relative; float: left; width: 100%; } #livingLinksBox { position: relative; float: left; width: 100%; } #livingLinksBox li { list-style-type: none; } #livingLinksBox li a { font-family: 'Mulish'; display: block; position: relative; float: left; clear: both; box-sizing: border-box; padding: 10px 30px 10px 30px; text-decoration: none; font-size: 1.2em; text-transform: uppercase; border-bottom: 1px solid #821c26; font-weight: 500; } #livingLinksBox li a span { color: #404042; font-size: 0.85em; text-transform: none; font-weight: normal; } #livingLinksBox li:first-child a { border: 0; } #livingLinksBox li:last-child a { border-bottom: 0px solid #821c26; } #livingContent #livingNext, #livingContent #livingBack { position: absolute; top: 50%; margin-top: -51px; z-index: 800; cursor: pointer; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; opacity: 1; -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; } #livingContent #livingBack { left: 30px; background-image: url('../../../fileadmin/template_auglshof/img/prev.png'); } #livingContent #livingNext { right: 30px; background-image: url('../../../fileadmin/template_auglshof/img/nex.png'); /* border-radius: 8px 0px 0px 8px; */ } #livingContent #livingBack:hover { background-image: url('../../../fileadmin/template_auglshof/img/prev2.png'); } #livingContent #livingNext:hover { background-image: url('../../../fileadmin/template_auglshof/img/nex2.png'); } #livingContent .slide { position: absolute; overflow: hidden; width: 66% !important; padding: 0 2%; height: 100% !important; top: 0; left: 15%; text-align: center; background-color: #d3d4d5; } #livingContent .slide img { width: 100%; height: auto; position: absolute; top: -9999px !important; bottom: -9999px !important; left: -9999px !important; right: -9999px !important; margin: auto; } #livingContent .livingFadenav { width: 100%; position: relative; float: left; margin: 30px 0 0 0; text-align: center; display: none; } #livingContent .livingFadenav a { color: #fff; text-decoration: none; display: inline-block; margin: 0 9px 0px 9px; width: 13px; height: 13px; overflow: hidden; text-indent: -9999px; border: 3px solid #000; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; background-color: #000; } #livingContent .livingFadenav a:hover { background-color: #fff; } #livingContent .livingFadenav a.activeSlide { background-color: #698e1c; border: 3px solid #698e1c; } #livingContent .livingFadenav a.activeSlide:hover { background-color: #fff; border: 3px solid #698e1c; } #livingContent p.apartLinks { margin: 0px 0px 0 0; } #livingContent .apartLinks a { display: inline-block; line-height: 1em; padding: 8px 0px 0px 0; width: 140px; background-color: #6a8e1c; color: #fff; margin: 0 40px 0 0; text-decoration: none; font-family: 'Lovers Quarrel'; font-weight: 400; font-size: 2.815em; } #livingContent .apartLinks a:last-of-type { background-color: #377c1c; margin: 0 0px 0 0; } #livingContent .apartLinks a:hover { background-color: #ae2a75; } /****************************/ .centerBox { width: 100%; height: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 120; } #picButtonsWrapper { position: relative; float: left; width: 100%; padding: 80px 0 80px 0; color: #fffffd; text-align: center; background-color: #fff; font-family: 'Mulish'; font-weight: 600; z-index: 155; -webkit-box-shadow: 0px 0px 20px -5px #000; -moz-box-shadow: 0px 0px 20px -5px #000; box-shadow: 0px 0px 20px -5px #000; } #picButtons { position: relative; margin: 0 auto; width: 100%; } .btnPicBox { position: relative; float: left; width: 25%; overflow: hidden; } .btnPicBox img { width: 100%; height: auto; z-index: 100; position: relative; float: left; display: block; } .btnPicBox h2, .btnPicBox h3, .btnPicBox a { font-family: 'Mulish'; display: block; position: relative; float: left; z-index: 200; left: 0; top: 0; width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: 2.125em; font-weight: 600; } .btnPicBox h2 { background-image: url('../../../fileadmin/template_auglshof/img/h1bg2.png'); background-repeat: no-repeat; background-position: center bottom; padding:0 0 15px 0; margin: 0 0 15px 0; background-size: 93px 6px; } .btnPicBox h3 { font-family: 'Mulish'; font-size: 1.25em; } .btnPicBox a { position: absolute; color: #fff; text-indent: -9999px; overflow: hidden; box-sizing: border-box; margin: 5%; width: 90%; height: 90%; } .btnPicBox a:hover { border: 1px dotted #fff; } /* footer */ #iFooter { position: relative; float: left; width: 100%; color: #fff; font-weight: 400; z-index: 140; background-color: #2e2d30; background-repeat: no-repeat; background-position: center top; } #footer { position: relative; width: 1400px; line-height: 1.5em; font-size: 1.5em; z-index: 115; margin: 0px auto; } #footer a { color: #fff; text-decoration: none; } #footer a:hover { color: #3e3d40; border-bottom: 1px solid #3e3d40; } #footer h2 { font-weight: 400; font-size: 2.5em; margin: 0 0 13px 0; padding: 0 50px 13px 0; line-height: 1em; font-family: 'Lovers Quarrel'; border-bottom: 2px solid #fff; } #footer div { position: relative; float: left; } #fBlock0 { width: 100%; text-align: center; padding: 0 0 0px 0; margin: 45px 0 30px 0; } #fBlock0 img { width: 500px; height: auto; max-width: 100%; } #fBlock1 { width: auto; margin-right: 20%; } #fBlock1 p { font-size: 0.9em; } #fBlock2 { width: auto; margin-right: 0; } #fBlock2 a { display: inline-block; line-height: 1em; margin: 13px 0px 13px 0; font-size: 1.125em; box-sizing: border-box; width: auto; height: 32px; padding: 3px 0 0 50px; background-image: url('../../../fileadmin/template_auglshof/img/contact2.png'); background-repeat: no-repeat; background-size: 32px 128px; background-position: 0 0; } #fBlock2 a#fooTel2 { background-position: 0 -32px; } #fBlock2 a:hover { background-position: 0 -64px; } #fBlock2 a#fooTel2:hover { background-position: 0 -96px; } #fBlock2 a:hover, #fBlock3 a:hover { border-bottom: 0px solid #698e1c; } #footer #fBlock2 i.icon { margin: 0px 6px 0px 0px; } #footer #fBlock2 i.mail { margin: 3px 6px -3px 0; } div#fBlock3 { width: auto; margin-right: 0; float: right; } #fBlock3 a { display: inline-block; line-height: 1em; margin: 0 20px 0px 0px; font-size: 1.125em; } #fBlock4 { padding: 0px 0 40px 0; width: 100%; font-size: 0.75em; font-family: 'Mulish'; text-align: right; } #fBlock4 a { margin:0 0px 0 50px; } #fBlock4 a:first-of-type { margin:0 0px 0 0; } div#fBlock5 { width: auto; margin-right: 0; float: right; } #fBlock5 ul { margin: 0 0 0 0; } #fBlock5 ul li { list-style-type: none; } /*** Inhalt ***/ #content, #content2 { position: relative; float: left; width: 100%; margin: 90px 0px 90px 0px; font-size: 1em; font-family: 'Mulish'; line-height: 1.4em; font-weight: 300; text-align: left; font-size: 1.25em; } #content header, #content2 header { font-size: 0.8em; } #content2 { float: right; width: 47%; margin: 130px 0px 260px 0px; } #picture2 { float: left; width: 47%; margin: 130px 0px 0px 0px; } #picture2 img { max-width: 100%; height: auto; } #content .sins { width: 100%; font-size: 0.85em; float: right; position: relative; text-align: right; margin: 0px 0 0 0; } .sins img { width: 20px; height: auto; } #content a, #content2 a { text-decoration: none; color: #ae2a75; border-bottom: 1px solid #ae2a75; font-weight: 400; } #content a:hover, #content2 a:hover { color: #698e1c; border-bottom: 1px solid #698e1c; } #content span.important, #content2 span.important { color: #af1717; } #content h1, #content2 h1 { color: #3b3b3e; font-weight: 300; font-size: 2.15em; margin: 20px 0 20px 0; width: 100%; position: relative; float: left; text-align: left; line-height: 1em; text-transform: uppercase; font-family: 'Lovers Quarrel'; } #content h2, #content2 h2, #infoBox h2, #socialFeedContent h2.own { color: #3e3d40; font-family: 'Lovers Quarrel'; font-weight: 300; font-size: 5.5em; margin: 0 0 70px 0; padding: 0 0 15px 0; line-height: 1.15em; text-align: center; background-image: url('../../../fileadmin/template_auglshof/img/h1bg.png'); background-repeat: no-repeat; background-position: center bottom; } #content2 h2 { text-align: left; } #content h2 span, #content2 h2 span { padding: 0 0px; display: inline-block; } #content h2 span span, #content2 h2 span span { background: none; padding: 0 0px; } #content h3, #content2 h3, #infoBox h3, #socialFeedContent h3.own { color: #3e3d40; font-family: 'Lovers Quarrel'; font-weight: 300; margin: -40px 0 65px 0; padding: 0px 0 0 0; font-size: 4em; line-height: 1em; text-align: center; } #content2 h3 { color: #000; } #content h4, #content2 h4 { color: #698e1c; font-family: 'Mulish'; font-weight: 700; font-size: 1.125em; margin: 15px 0 5px 0; } #content p, #content2 p { margin: 0px 0 20px 0; line-height: 1.45em; } #content ul, #content2 ul { margin: 0px 0 20px 0; line-height: 1.5em; } #content ul li, #content2 ul li { margin: 0px 0 0px 40px; padding: 0 0 5px 0; } #content ul ul, #content2 ul ul { margin: 0px 0 5px 40px; } #content .priceBox { position:relative; float:left; width:100%; } #content #scroller { position: relative; float: left; width: 100%; -webkit-overflow-scrolling: touch; /* overflow-y: scroll; */ } #content #scroller iframe { height: 800px; width: 100%; border:0; } /***** buttons **********/ #aBline { position: relative; float: left; width: 100%; background-color: #ad8e03; height: 230px; background-repeat: no-repeat; background-position: center center; padding: 0px 0 0px 0; box-sizing: border-box; } #bBline { position: relative; margin: 0px auto 0 auto; width: 100%; text-align: center; } #aBline a { display: inline-block; position: relative; width: 160px; height: 160px; border-radius: 100%; padding: 100px 0 0 0; margin: 35px 10px 10px 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: #2e2d30; text-align: center; font-weight: 300; box-sizing: border-box; } #aBline a#wetter {background-image:url('../../../fileadmin/template_auglshof/img/weather2.png')} #aBline a#email {background-image:url('../../../fileadmin/template_auglshof/img/mail2.png')} #aBline a#webcam {background-image:url('../../../fileadmin/template_auglshof/img/cam2.png')} #aBline a#location {background-image:url('../../../fileadmin/template_auglshof/img/location2.png')} #aBline a#bahn {background-image:url('../../../fileadmin/template_auglshof/img/sb2.png')} #aBline a#sppreise {background-image:url('../../../fileadmin/template_auglshof/img/spp2.png')} #aBline a#wetter:hover {background-image:url('../../../fileadmin/template_auglshof/img/weather.png')} #aBline a#email:hover {background-image:url('../../../fileadmin/template_auglshof/img/mail.png')} #aBline a#webcam:hover {background-image:url('../../../fileadmin/template_auglshof/img/cam.png')} #aBline a#location:hover {background-image:url('../../../fileadmin/template_auglshof/img/location.png')} #aBline a#bahn:hover {background-image:url('../../../fileadmin/template_auglshof/img/sb.png')} #aBline a#sppreise:hover {background-image:url('../../../fileadmin/template_auglshof/img/spp.png')} #aBline a:hover { color: #fff; background-color: #698e1c; } /******************************* ui calendar *********************************/ #ui-datepicker-div { z-index: 1010 !important; } .ui-widget{ font-family: 'Mulish'; font-size:1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-family: 'Mulish'; 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 #698e1c;background-color:#698e1c;color:#fff;font-weight:400; 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 #000;background:#9e9e9e;color:#fff;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #000;background:#698e1c;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 #698e1c; background:#fff; font-weight:normal; color:#698e1c; } .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_auglshof/img/cal/ui-icons_222222_256x240.png');} .ui-widget-header .ui-icon{background-image:url('../../../fileadmin/template_auglshof/img/cal/ui-icons_ffffff_256x240.png');} /********* Navi ***********/ #navi { position: absolute; left: 0px; width: 100%; text-align: center; top: 0px; padding: 30px 0 0 0; margin-left: 0px; z-index: 100; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #top.sticky { background-color: #fff; background: rgba(255,255,255,0.90); -webkit-box-shadow: 0px 0px 8px -4px #000; -moz-box-shadow: 0px 0px 8px -4px #000; box-shadow: 0px 0px 8px -4px #000; height: 73px; } .sticky #navi { padding: 10px 0 0 0; height: 63px; } #nul { display: inline-block; position: relative; } #navi li { list-style-type: none; float: left; position: relative; } #navi li a { display: block; position: relative; float: left; box-sizing: border-box; color: #3e3d40; text-decoration: none; font-size: 1.25em; line-height: 1em; padding: 0px 0px 0px 0px; margin: 0 0px 0 0px; height: 75px; width: 160px; z-index: 100; font-weight: 700; letter-spacing: 0.05em; -webkit-transition: padding 0.5s ease-out; -moz-transition: padding 0.5s ease-out; -o-transition: padding 0.5s ease-out; -ms-transition: padding 0.5s ease-out; transition: padding 0.5s ease-out; background-repeat: no-repeat; background-position: center 58px; background-size: 26px 12px; font-family: 'Mulish'; } .sticky #navi li a { line-height: 1em; } #navi li#menuitem_6 a { line-height: 1em; } #navi li:nth-child(3) { margin: 0 380px 0 0px; } /* .sticky #navi li a { padding:98px 33px 0px 33px; height:36px; } */ #navi li:hover a, #navi li a:hover { color: #fff; } #navi li.hasSub:hover a, #navi li.hasSub a:hover { background-image: url('../../../fileadmin/template_auglshof/img/active.png'); } #navi li.hasSub:hover li a, #navi li.hasSub li a:hover { background: none; } #navi li.selected a { } #navi li.selected:hover a, #navi li.selected a:hover { color: #fff; } #navi li.selected.hasSub:hover a, #navi li.selected.hasSub a:hover { background-image: url('../../../fileadmin/template_auglshof/img/active.png'); } #navi li.selected.hasSub:hover li a, #navi li.selected.hasSub li a:hover { background: none; } #navi li a span { display: inline-block; padding: 16px 20px; box-sizing: border-box; height: 53px; } #navi li.selected a span { background-color: #ae2a75; color: #fff; } #navi li:hover a span, #navi li a:hover span { background-color: #698e1c; color: #fff; } /********** Dropdown **************/ #navi ul div.subNavi { position: absolute; display: none; top: 75px; padding: 0px 0px 0px 0px; background-color: #698e1c; width: 100%; } .sticky #navi ul div.subNavi { width: 100%; } #navi ul ul { position: relative; float: left; display: block; left: 0px; z-index: 90; width: 100%; } #navi li li { position: relative; float: left; width: 100%; } #navi li.hasSub li a, #navi li.selected.hasSub li a, .sticky #navi li.hasSub li a, .sticky #navi li.selected.hasSub li a { height: auto; line-height: 0.9em; padding: 13px 0px 13px 0px; margin: 0px 0px 0px 0px; border-top: 0px solid #fff; font-size: 1.15em; font-weight: 400; width: 100%; color: #fff; text-transform: none; letter-spacing: 0px; text-align: center; height: auto; background: none; font-family: 'Mulish'; letter-spacing: 0.05em; background-color: #698e1c; } #navi li.hasSub li a:hover, #navi li.selected.hasSub li a:hover, #navi li.selected.hasSub li.selected a { color: #fff !important; background: none; background-color: #ae2a75; } /********* navi END *******/ /******* Vader *********/ #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: -35px; 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: 25px 48px; background-color: #000; display: none; } #vader #back { left: 0px; background-image: url('../../../fileadmin/template_auglshof/img/prev.png'); } #vader #next { right: 0px; background-image: url('../../../fileadmin/template_auglshof/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%; text-align:center; color:#fff; } div.fadenav { display: block; bottom: 85px; text-align: center; left: 0px; width: 100%; height: 19px; position: absolute; z-index: 810; } #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: inline-block; margin: 0 7px 0 7px; width: 9px; height: 9px; overflow: hidden; text-indent: -9999px; border: 4px solid #fff; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; background-color: #fff; } div.fadenav a:hover { background:none; border:4px solid #698e1c; } div.fadenav a.activeSlide { background-color:#ae2a75; border:4px solid #ae2a75; } div.fadenav a.activeSlide:hover { background:none; border:4px solid #ae2a75; } .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; 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_auglshof/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_auglshof/img/close.png'); } .lightbox__nav { top: 50%; margin-top: -16px; } .lightbox__nav--next { right: 10px; background-image: url('../../../fileadmin/template_auglshof/img/next.png'); } .lightbox__nav--prev { left: 10px; background-image: url('../../../fileadmin/template_auglshof/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_auglshof/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_auglshof/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_auglshof/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_auglshof/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%; } #sendData { width: 80%; margin: 0 10%; } fieldset { border: 0; border-top: 1px solid #e4e1e0; padding: 25px 0px 35px 0px; margin: 0px 0px 5px 0px; } legend { font-family: 'Mulish'; font-size: 1em; font-weight: 700; color: #000; padding: 0px 5px 0px 0px; margin: 0 0 0 0px; } .anfrage { position: relative; float: left; width: 100%; } .anfrage .star { font-size: 1.2em; font-family: 'Lovers Quarrel'; } .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; } .anfrage label { margin:3px 0 0 0; color:#414143; } .anfrage label.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: 'Mulish'; -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:#404042; } .anfrage input#plz { width:120px; } .anfrage input:focus { font-family: 'Mulish'; } .anfrage input.date { width: 140px; cursor: pointer; text-align: center; padding: 0 0 0 25px; background-image: url('../../../fileadmin/template_auglshof/img/cal2.png'); background-repeat: no-repeat; background-size: 23px 23px; background-position: 5px 5px; } .anfrage input.date:focus { border-top:0px solid #d7e5f9; } .anfrage input.button { border: 0px solid #efeee9; color: #fff; font-size: 1em; padding: 0px 0 0px 0; margin: 20px 0 30px 0; height: 50px; width: 250px; text-align: center; font-family: 'Mulish'; cursor: pointer; background-color: #698e1c; text-transform: uppercase; font-weight: 700; } .anfrage input.button:hover { background-color: #ae2a75; } .anfrage input[type="checkbox"] { display:none; } .anfrage input.numberInput { position:relative; float:left; box-sizing:border-box; height:34px; width:40px; text-align:center; margin:0px 0px 0px 0px; display:block; line-height:1em; padding:0 0 0 0; } .numberInputButton { position:relative; float:left; display:block; box-sizing:border-box; height:34px; width:34px; border:0; background:none; font-family: 'Mulish'; font-weight:300; font-size:1.5em; line-height:1em; text-align:center; padding:0px 0 0 0; overflow:hidden; text-indent:-9999px; cursor:pointer; background-repeat:no-repeat; background-position:center center; } .nibPlus { margin:0px 0px 0px 3px; background-image:url('../../../fileadmin/template_auglshof/img/plus.png'); } .nibMinus { margin:0px 3px 0px 10px; background-image:url('../../../fileadmin/template_auglshof/img/minus.png'); } .nibPlus:hover { background-image:url('../../../fileadmin/template_auglshof/img/plusB.png'); } .nibMinus:hover { background-image:url('../../../fileadmin/template_auglshof/img/minusB.png'); } .anfrage input#checkBoxDSGVO { -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:#404042; font-size:1em; height:auto; display:inline; } #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:#d7e5f9; 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 input[type="checkbox"] + label span.ccB { display: block; position: relative; float: left; width: 40px; height: 60px; margin: 0px 13px 0 13px; cursor: pointer; } .anfrage input[type="checkbox"]:checked + label span.ccB { display: block; } .anfrage textarea { padding:7px; font-size:1em; font-family: 'Mulish'; 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 { font-family: 'Mulish'; } .anfrage select { font-family: 'Mulish'; 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 { font-family: 'Mulish'; } .anfrage option { font-family: 'Mulish'; 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 { font-family: 'Mulish'; } #content .info span { padding: 0px; } /**************************************/ /*** typo3 *****/ .frame-type-textpic .ce-gallery { position: relative; float: right; width: 25%; margin: 0px 0 10px 5%; } .frame-type-textpic .ce-gallery img, .frame-type-image .ce-gallery img { width: 100%; height: auto; /* padding: 1px; border: 3px solid #ae2a75; */ box-sizing: border-box; } .frame-type-image .ce-gallery[data-ce-columns="3"], .frame-type-image .ce-gallery[data-ce-columns="3"] .ce-row { position:relative; float:left; width:100%; margin:0px 0 0 0%; } .frame-type-image .ce-gallery[data-ce-columns="3"] .ce-column { position:relative; float:left; width:30%; margin:0px 1.5% 2.5% 1.5%; } .frame-type-textpic .ce-bodytext { /* position:relative; float:left; width:52%; margin:0px 0 0 0; padding:0px 0 0 0; */ font-family: 'Mulish'; } .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; } .ce-below .ce-gallery[data-ce-columns="4"], .ce-below .ce-gallery[data-ce-columns="4"] .ce-row { position:relative; float:left; width:100%; margin:0px 0 0 0%; } .ce-below .ce-gallery[data-ce-columns="4"] .ce-column { position:relative; float:left; width:23.5%; margin:0px 2% 1.5% 0%; } .ce-below .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(4) { margin:0px 0% 1.5% 0%; } /**************/ /***** buchen übersicht ******/ .bookOverBox { position:relative; float:left; width:44%; margin:25px 3% 25px 3%; color:#fff; background-color:#404042; text-align:center; } #content .bookOverBox h3 { color:#fff; text-transform:uppercase; font-weight:300; font-size:1em; } #content .bookOverBox strong { font-weight:400; font-size:1.15em; } #content .bookOverBox .appOverData p { line-height:1.35em; margin:0 0 20px 0; } .bookOverBox:hover .appOverLink { background-color:#dcddde } #content .bookOverBox a { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-indent:-9999px; border:0; } /***** apartments übersicht ******/ .appOverBox { position:relative; float:left; width:22%; margin:25px 4% 25px 0; color:#fff; background-color:#404042; text-align:center; } #appOverBox3 { margin:25px 0 25px 0; } .appOverPic { position:relative; float:left; width:100%; height:130px; overflow:hidden; } .appOverPic img { width:100%; height:auto; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; } .appOverData { position:relative; float:left; width:100%; padding:25px 0; font-size:0.9em; } #content .appOverData p { margin:0 0 0 0; font-size:0.9em; } #content .appOverBox h3 { color:#fff; text-transform:uppercase; font-weight:300; font-size:1em; } .appOverLink { position:relative; float:left; width:100%; padding:15px 0; color:#fff; background-color:#d7e5f9; } .appOverBox:hover .appOverLink { background-color:#dcddde } #content .appOverBox a { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-indent:-9999px; border:0; } /* Vefügbarkeit */ #content .eb-availability-onecat { border-bottom:0 } #content .eb-oneday .eb-date-day { font-size:13px; } #content .eb-oneday { border-bottom: 1px solid #f0f1f3; border-right: 1px solid #f0f1f3; } #content .eb-day-headings { background:none; } #content .eb-day-headings .eb-oneday { background: #fff; } #content .eb-availability-months { background:none; } #content .eb-availability-onecat-name h3 { padding:10px 0 0 10px; height:30px !important; font-size:1em; } #eb-availability-wrapper { margin:0 0 30px 0; } #content #eb-availability-wrapper h2 { border:0; } .eb-availability-legend { border-top:0 !important; border-bottom:0 !important; font-size:0.8em; } .eb-oneday { width: 20px; height: 20px; } /****** Cookies ********/ .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;} a.cc-link { color:#698e1c !important; } .cc-btn, .cc-btn:visited { color: #222 !important; background-color:#698e1c !important; border-radius:0 !important; -webkit-border-radius:0 !important; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .cc-btn {height:60px;} /* IE11 */ .cc-floating.cc-theme-edgeless .cc-message {margin-bottom:60px} /* IE11 */ } .cc-btn:hover { background-color: #397e1d !important; } #content a#GAOptOut { text-decoration: none; padding: 0 5px; background-color: #698e1c; color: #fff; } #content a#GAOptOut:hover { background-color: #000; } /* map */ .fullscreen-icon { background-image: url('../../../fileadmin/template_auglshof/img/icon-fullscreen.png'); } .leaflet-retina .fullscreen-icon { background-image: url('../../../fileadmin/template_auglshof/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; } /**** Rental Form ****/ #rentalForm { position: absolute; z-index: 122; bottom: 30px; width: 1400px; height: 87px; left: 50%; margin-left: -700px; border-top: 4px solid #000; } #rentalForm h2 { position: relative; float:left; background-color: #698e1c; color: #fff; width: 260px; box-sizing: border-box; height: 100%; padding: 26px; font-weight: 700; text-align: center; text-transform: uppercase; font-size: 1.5em; } #rentalForm form { height: 100%; } #rentalForm #timeBox { position: relative; float:left; height: 100%; box-sizing: border-box; padding: 0 0 0 6%; } #rentalForm #newRentalText { position: relative; float:left; margin: 14px 0 0 0; } #rentalForm #summer_txt { position: absolute; background-color: #ffcf0e; text-align: center; left: 0; z-index: 400; width: 72%; margin: 10px 0 0 5%; color: #222222; padding: 27px 9% 25px 9%; line-height: normal; font-size: 1.3em; } #rentalForm .inputDiv { position: relative; float:left; height: 100%; } #rentalForm .pCode { background-color: #000; width: 270px; float: right; text-align: center; padding: 8px 0 0 0; box-sizing: border-box; } #rentalForm .subM { background-color: #698e1c; width: 180px; float: right; text-align: center; overflow: hidden; } #rentalForm .fDate { clear: both; height: auto; background-image: url('../../../fileadmin/template_auglshof/img/rentalArrow2.png'); background-position: right center; background-repeat: no-repeat; background-size: 10px 17px; width: 195px; margin-right: 34px; } #rentalForm .tDate { height: auto; width: 210px; } #rentalForm .inputDiv label { display: block; position: relative; float: left; border: 0; width: 100%; color: #000; overflow: hidden; padding: 8px 0% 8px 0%; line-height: 14px; text-align: center; text-transform: uppercase; font-weight: 300; } #rentalForm .pCode label { color: #fff; margin: 4px 0 0 0; } #rentalForm .fDate label, #rentalForm .tDate label { display: none; } #rentalForm .inputDiv label.hideALL { display: none; } #rentalForm .inputDiv input { display: inline-block; position: relative; border: 0; width: 70%; padding: 8px 8px 8px 30px; line-height: 1em; font-size: 1em; color: #000; background: none; font-family: 'Mulish'; height: auto; background-image: url('../../../fileadmin/template_auglshof/img/cal.png'); background-repeat: no-repeat; background-position: 0px center; background-size: 18px 18px; cursor: pointer; } #rentalForm .tDate input, #rentalForm .fDate input { font-weight: 700; text-transform: uppercase; } #rentalForm .pCode input { background-color: #fff; padding: 5px; background-position: right center; background-size: 23px 18px; } #rentalForm .inputDiv input#discountcode { font-family: 'Mulish'; } #rentalForm .inputDiv input.nocal { background-image:url('../../../fileadmin/template_auglshof/img/qm.png'); cursor:default; } #rentalForm .inputDiv .promCode { position: absolute; background-color: #698e1c; color: #fff; padding: 7px 5%; font-size: 0.9em; font-weight: 300; width: 100%; right: 5%; bottom: 48px; margin: 0px 0 0 0; } #rentalForm .inputDiv .promCodeArr { position: absolute; display: block; right: 40px; bottom: -14px; } #rentalForm .inputDiv #helpIcon { position: absolute; width: 30px; height: 30px; right: 5%; } #rentalForm .inputDiv .hide { display:none; } #rentalForm .inputDiv .show { display:block; } #rentalForm .inputDiv input.btn { display: inline-block; border: 0; width: 100%; height: 100%; background: none; border: 0; cursor: pointer; overflow: hidden; text-indent: -9999px; background-image: url('../../../fileadmin/template_auglshof/img/rentalArrow.png'); background-position: center center; background-repeat: no-repeat; background-size: 15px 27px; background-color: #698e1c; } #rentalForm .inputDiv input.btn:hover { background-color: #000; } #rentalForm input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#000; } #rentalForm input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#000; opacity: 1; } #rentalForm input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#000; opacity: 1; } #rentalForm input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#000; } /* Preisliste */ #content table.preise { width: 100%; border: 0; margin: -15px 0 15px 0; border-collapse: collapse; font-weight: 300; font-size: 0.9em; } #content table.preise ul { margin: 0px 0 0px 30px; } #content table.preise td { border: 1px solid #e3edf6; background-color: #fff; padding: 4px; } #content table.preise strong { font-weight: 400; } #content table.preise th { border: 1px solid #e3edf6; background-color: #000; color: #fff; padding: 4px; font-weight: 400; text-align: center; } #content table.preise td.preisev4 { background: none; border: 0; } #content table.preise td.preisev6 { background: none; border: 0; } #content table.preise td.preisev2 { background-color: #000; color: #fff; text-align: left; } #content .a_center { text-align: center; } #small_one, #small_two { display: none; } #content table.preise ul, #content2 table.preise ul { margin: 5px 0 5px 0; padding: 0px; font-size: 1em; } /**************/ /* Big *************************************************************************************************************************************/ @media (min-width: 1921px) { #mountainBox { height: 790px; } #vader .slide img { width: 2560px; } .nostickyUnder { top: 999px; } #pics { height: 1290px; } #iFooter { background-image: url('../../../fileadmin/template_auglshof/img/bbg.jpg'); } #livingContentBox { background-image: url('../../../fileadmin/template_auglshof/img/app2560.jpg'); } #aWrapper, #bWrapper { background-image: url('../../../fileadmin/template_auglshof/img/cont2560.jpg'); } } @media (min-width: 1601px) and (max-width: 1920px) { #mountainBox { height: 600px; } #vader .slide img { width: 1920px; } #pics { height: 990px; } #iFooter { background-image: url('../../../fileadmin/template_auglshof/img/bbg1920.jpg'); } #livingContentBox { background-image: url('../../../fileadmin/template_auglshof/img/app1920.jpg'); } #aWrapper, #bWrapper { background-image: url('../../../fileadmin/template_auglshof/img/cont1920.jpg'); } } @media (min-width: 1261px) and (max-width: 1600px) { #mountainBox { height: 490px; } #vader .slide img { width: 1600px; } #pics { height: 830px; } #iFooter { background-image: url('../../../fileadmin/template_auglshof/img/bbg1600.jpg'); } #livingContentBox { background-image: url('../../../fileadmin/template_auglshof/img/app1600.jpg'); } #aWrapper, #bWrapper { background-image: url('../../../fileadmin/template_auglshof/img/cont1600.jpg'); } } @media (min-width: 1011px) and (max-width: 1260px) { #vader .slide img { width: 1260px; } #mountainBox { height: 405px; } #pics { height: 680px; } #iFooter { background-image: url('../../../fileadmin/template_auglshof/img/bbg1260.jpg'); } #livingContentBox { background-image: url('../../../fileadmin/template_auglshof/img/app1260.jpg'); } #aWrapper, #bWrapper { background-image: url('../../../fileadmin/template_auglshof/img/cont1260.jpg'); } } @media (min-width: 711px) and (max-width: 1010px) { #mountainBox { height: 310px; } #vader .slide img { width: 1010px; } #pics { height: 450px; } #iFooter { background-image: url('../../../fileadmin/template_auglshof/img/bbg1010.jpg'); } #aWrapper, #bWrapper { background-image: url('../../../fileadmin/template_auglshof/img/cont1010.jpg'); } } @media (min-width: 471px) and (max-width: 710px) { #mountainBox { height: 210px; } #vader .slide img { width: 710px; } #pics { height: 360px; } #iFooter { background-image: url('../../../fileadmin/template_auglshof/img/bbg710.jpg'); } #aWrapper, #bWrapper { background-image: url('../../../fileadmin/template_auglshof/img/cont710.jpg'); } } @media (min-width: 0px) and (max-width: 470px) { #mountainBox { height: 140px; } #vader .slide img { width: 470px; } #pics { height: 250px; } #iFooter { background-image: url('../../../fileadmin/template_auglshof/img/bbg470.jpg'); } #aBline { background-image: url('../../../fileadmin/template_auglshof/img/bbg470.jpg'); } #aWrapper, #bWrapper { background-image: url('../../../fileadmin/template_auglshof/img/cont470.jpg'); } } /* vader change *************************************************************************************************************************************/ @media (max-width: 1600px) { #googleMap { height: 450px; } #navi li a { font-size: 1.15em; width: 140px; } #navi li:nth-child(3) { margin: 0 360px 0 0px; } #navi li a span { padding: 18px 17px; } #navi li.hasSub li a, #navi li.selected.hasSub li a, .sticky #navi li.hasSub li a, .sticky #navi li.selected.hasSub li a { font-size: 1em; } #navBtn { margin-left: -690px; } #footer { width: 1300px; } #infoBox { width: 1400px; } } /* *******************************************************************************************************************************************/ @media (max-width: 1500px) { #socialFeedContent { width: 90%; } #footer, #infoBox { width: 1200px; } #navi li:nth-child(3) { margin: 0 320px 0 0px; } #navi li a { font-size: 1em; width: 125px; } #navi li a span { padding: 19px 15px; } #navBtn { margin-left: -620px; } #logo { margin-left: -140px; width: 280px; top: 80px; } #logo.stickyLogo1 { margin-left: -140px; width: 280px; top: 80px; } #livingEffectBox { width: 760px; } #infoBox p { width: 90%; margin: 0 0 0 5%; } #mapBox { height: 450px; } } /**************************************************************************************************************************************/ @media (max-width: 1300px) { #navi li:nth-child(3) { margin: 0 300px 0 0px; } #navi li a { font-size: 1em; width: 120px; } #navBtn { margin-left: -600px; } #footer, #infoBox, #wrapper { width: 1100px; } #infoBox h4 { font-size: 3em; } #infoBox p { font-size: 1.15em; } .eventTitle { font-size: 1.15em; } #footer { font-size: 1.5em; } #toplinks a { width: 180px; } } /* 1024 *************************************************************************************************************************************/ @media (max-width: 1260px) { .accoClass { height: 150px; } #googleMap { height: 400px; } #livingEffectBox p.apartText { min-height: 80px; } #content, #content2 { margin: 90px 0px 70px 0px; } #fBlock4 { padding: 40px 0 40px 0; } #fBlock0 { margin: 45px 0 40px 0; } #fBlock1 { margin-right: 15%; } #fBlock2 a { font-size: 1em; } #fBlock0 img { width: 400px; height: auto; max-width: 100%; } #livingContent #livingBack { left: 20px; } #livingContent #livingNext { right: 20px; } #livingEffectBox { width: 600px; min-width: 50%; } #livingEffectBox h3 { font-size: 4.5em; } #infoBox .secondbox { margin: 0px 0 100px 0%; } #infoBox #boxEvents { margin: 0px 1.5% 100px 1.5%; } #content h2, #content2 h2, #infoBox h2, #socialFeedContent h2.own { font-size: 4.5em; } #content h3, #content2 h3, #infoBox h3, #socialFeedContent h3.own { font-size: 3em; } #infoBox h4 { font-size: 2.5em; } #infoBox p { font-size: 1em; } #mapBox { height: 350px; } #saveBtn { } #saveBtn img { width: 150px; } #wrapper { width: 900px; } #footer, #wrapper { width: 90%; } #infoBox { width: 96%; } #footer { font-size: 1.25em; } #content, #content2 { font-size: 1.1em; } #content header, #content2 header { font-size: 0.9090909em; } #toplinks a { width: 119px; font-size: 1.25em; padding: 21px 0 0 0; } #lang { margin: 0px 30px 0 0px; } #toptel a { margin-right: 23px; } #reqButtons .second, #reqButtons .first, #reqButtons .nobg { width: 170px; margin: 0 20px 0 0; } #reqButtons .nobg { width: 130px; margin: 0 0px 0 0; } #reqButtons input { background-position: 130px center; } .ushow { bottom: 80px; } #up { right: 20px; } #navi, #navBtn { display: none; } #mnfield { width: 100%; height: 130%; z-index: 572; background-image: url('../../../fileadmin/template_auglshof/img/dark.png'); } .nhide, .hide {display: none;} .nshow, .mshow {display: block;} #mbtn { display: block; position: fixed; left: 20px; top: 82px; text-align: center; color: #3e3d40; background: none; font-size: 1.25em; width: 60px; height: 64px; z-index: 580; cursor: pointer; border: 0px solid #3e3d40; text-transform: uppercase; font-weight: 700; line-height: 1em; -webkit-transition: top 0.5s ease-out; -moz-transition: top 0.5s ease-out; -o-transition: top 0.5s ease-out; -ms-transition: top 0.5s ease-out; transition: top 0.5s ease-out; } #mbtn:hover { color: #ae2a75; } #mbtn.stickyMbtn { top: 62px; } #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; bottom: 0px; left: 0px; width: 100%; } #naviicon.open div { color: #fff; } #naviicon span { display: block; position: absolute; height: 3px; width: 36px; background: #698e1c; border-radius: 0px; opacity: 1; left: 12px; -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; } #mbtn:hover #naviicon span { background: #ae2a75; } #mbtn:hover #naviicon.open span, #naviicon.open span { background-color: #fff; } #naviicon span:nth-child(1) { top: 10px; opacity: 1; } #naviicon span:nth-child(2), #naviicon span:nth-child(3) { top: 20px; } #naviicon span:nth-child(4) { top: 30px; opacity: 1; } #naviicon.open span:nth-child(1) { top: 20px; 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) { top: 20px; opacity: 0; } .hideMenu { display: block; height: 0px; max-height: 0; } .mshowMenu { display: block; height: auto; max-height: 2050px; } #mnavi { position: absolute; top: 78px; left: 100px; width: 180px; padding: 0px 0px 0px 0px; background: none; z-index: 575; 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: 160px; color: #000; font-size: 1em; letter-spacing: 0px; background-color: #eceded; margin-bottom: 1px; font-weight: 700; } #mnavi li:last-of-type a { margin-bottom: 0px; } #mnavi li li:last-of-type a { margin-bottom: 1px; } #mnavi li.selected a { color: #fff; background-color: #ae2a75; } #mnavi li a:hover { color: #fff; background-color: #698e1c; } #mnavi li li a, #mnavi li.selected li a { background-color: #fff; width: 140px; margin: 0 0 1px 0; padding: 7px 10px 6px 30px; font-size: 1em; font-weight: 400; color: #000; border-bottom: 0px solid #eceded; text-transform: none; } #mnavi li.selected li.selected a { color: #fff; background-color: #ae2a75; } #mnavi li.selected li a:hover, #mnavi li.selected li.selected a:hover { color: #fff; background-color: #698e1c; } } /* Tablet *************************************************************************************************************************************/ @media (max-width: 1010px) { #WABtn { position: absolute; } #googleMap { height: 350px; } .frame-type-textpic .ce-gallery { width: 30%; } #footer h2 { padding: 0 0px 13px 0; } #fBlock1 { margin-right: 12%; } #logo, #mbtn, #overthetop, #top { position: absolute; } #reqButtons .third { display: none; } .mob { display: inline; } #saveBtn { right: 15px; bottom: 80px; } #infoBox .secondbox, #infoBox #boxEvents { width: 47%; } #infoBox #boxSummer { clear: both; margin-top: -40px; margin-left: 25%; } #content, #content2 { margin: 50px 0px 50px 0px; } #toptel a { margin-right: 14px; } a#serviceToggler { display: none; } #saveBtn img { width: 120px; } #toplinks a.nLink { display: none; } #livingEffectBox { width: 100%; } } /* Smartphone Landscape *************************************************************************************************************************************/ @media (max-width: 800px) { #content .accoData h4 { font-size: 3.25em; } .accoClass { height: 150px; } } /* Smartphone Landscape *************************************************************************************************************************************/ @media (max-width: 710px) { #WABtn { left: 10px; top: 4px; width: 32px; height: 32px; } #accoBlock .odd { margin-right: 0%; } .accoClass { width: 100%; margin: 0px 0 30px 0%; height: 130px; } #googleMap { height: 300px; } .frame-type-textpic .ce-gallery { width: 40%; } #infoBox p { font-size: 1em; } #fBlock0 img { width: 350px; } #footer h2 { font-size: 2.25em; } #fBlock1 { margin-right: 10%; } #fBlock2 a { height: 20px; padding: 0px 0 0 35px; background-size: 20px 80px; } #fBlock2 a#fooTel2 { background-position: 0 -20px; } #fBlock2 a:hover { background-position: 0 -40px; } #fBlock2 a#fooTel2:hover { background-position: 0 -60px; } #fBlock4 { font-size: 0.9em; } .mmob { display: inline; } #toptel a { margin-right: 25px; } #toptel a i.icon { display: none; } #content, #content2 { font-size: 1em; } #content header, #content2 header { font-size: 1em; } div.fadenav { bottom: 15px; } .nostickyUnder { top: auto; bottom: 0; position: fixed; background-color: #3e3d40; } #saveBtn { right: 10px; bottom: 10px; } #saveBtn img { width: 100px; } #reqButtons .third, #reqButtons .second, #reqButtons .first, #reqButtons .nobg { height: 36px; } #underthetop { height: 38px; padding: 7px 0; } #reqButtons input { font-size: 1em; } #toplinks a { height: 40px; padding: 11px 0px 0 0; } #toptel { padding: 6px 0 0px 0; height: 40px; } #lang { height: 40px; padding: 11px 0px 0 0; } #overthetop { height: 40px; } #mbtn { top: 62px; } #mnavi { top: 58px; } #top { top: 40px; } #logo { margin-left: -140px; width: 280px; top: 60px; } #logo.stickyLogo1 { margin-left: -140px; width: 280px; top: 60px; } #bookingBox { margin: -150px 0 0px 0; } #up { right: 10px; } .ushow { bottom: 60px; } } /* Smartphone Landscape *************************************************************************************************************************************/ @media (max-width: 650px) { #content h2, #content2 h2, #infoBox h2, #socialFeedContent h2.own { font-size: 3.5em; margin-bottom: 50px; } #content h3, #content2 h3, #infoBox h3, #socialFeedContent h3.own { font-size: 2.75em; margin-bottom: 50px; } #logo { margin-left: -100px; width: 200px; top: 60px; } #logo.stickyLogo1 { margin-left: -100px; width: 200px; top: 60px; } #mbtn { top: 55px; } #mnavi { top: 51px; } #toptel a i.icon { display: inline-block; } #toptel a span { display: none; } #toplinks a.nLink { display: block; } div#fBlock2 { width: 215px; float: right; } div#fBlock3 { clear: right; width: 215px; margin-top: 74px; padding-bottom: 30px; } #fBlock4 { width: 50%; text-align: left; } #fBlock4 a { display: block; position: relative; float: left; clear: left; margin: 0 0px 0 0px; padding-bottom: 1px; } #fBlock4 a:hover { padding-bottom: 0px; } div.fadenav { display: none; } #infoBox .secondbox a.infoBoxPicLink { height: auto; } #infoBox .secondbox img { width: 100%; height: auto; position: relative; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 0 0 0; } #infoBox .infoOverlay img { width: 150px; height: auto; position: absolute; top: -9999px !important; bottom: -9999px !important; left: -9999px !important; right: -9999px !important; margin: auto; } #infoBox { max-width: 500px; } #infoBox .secondbox { width: 100%; } #infoBox #boxEvents { margin-bottom: 165px; width: 100%; } #infoBox #boxWinter { margin: 0px 0 50px 0%; } #infoBox #boxSummer { margin-top: 20px; margin-left: 0; } #infoBox h4 { font-size: 3em; } #infoBox p { font-size: 1.25em; } #infoBox #boxEvents { margin: 0px 0 200px 0; } #infoBox { width: 90%; } } /* Smartphone Landscape *************************************************************************************************************************************/ @media (max-width: 550px) { #livingEffectBox p.apartText { min-height: 70px; } #content .accoData h4 { font-size: 3em; } #fBlock4 { width: 40%; } #toplinks a { width: auto; font-size: 1.125em; padding: 12px 13px 0 13px; letter-spacing: 0; } #lang { font-size: 1.125em; padding: 12px 0px 0 0; } #toptel a { margin-right: 15px; } #livingWrapper { font-size: 0.85em; } #livingContent .apartLinks a { padding: 8px 0px 0px 0; width: 120px; margin: 0 10px 0 0; font-size: 2.5em; } #livingContent #livingNext, #livingContent #livingBack { width: 27px; height: 51px; background-size: 27px 51px; } #livingContent #livingNext { right: 20px; } #livingContent #livingBack { left: 20px; } #livingEffectBox { padding: 40px 0; } #livingEffectBox h3 { margin: 30px 0 20px 0; font-size: 4em; } #effectContainerLiving { height: 340px; } #livingEffectBox p { margin: 0 0 30px 0; } #livingEffectBox p.apartData { margin: 0 0 20px 0; } #reqButtons .second, #reqButtons .first { width: 115px; margin: 0 10px 0 0; } #reqButtons .nobg { width: 100px; } #reqButtons input { padding: 0px 0px 0 0px; background: none; } #infoBox { margin: 60px auto 0 auto; } #infoBox p { width: 100%; margin: 0 0 0 0%; } #mapBox { height: 320px; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 470px) { .accoClass { height: 120px; } #googleMap { height: 250px; } #content, #content2 { font-size: 0.9em; } #content header, #content2 header { font-size: 1.1em; } #content h3, #content2 h3, #infoBox h3, #socialFeedContent h3.own { font-size: 2.5em; } #content h2, #content2 h2, #infoBox h2, #socialFeedContent h2.own { font-size: 3.25em; } #cboxClose{ top: 3px; right: -15px; } #infoBox h4 { font-size: 2.5em; } #infoBox p { font-size: 1.125em; } #fBlock0 img { width: 250px; } #footer h2 { padding: 0 0px 8px 0; margin-left: 20px; margin-right: 20px; } #footer { width: 240px; } div#fBlock1 { width: 100%; float: left; clear: left; text-align: center; } div#fBlock2 { width: 100%; float: left; clear: left; margin-top: 30px; text-align: center; } div#fBlock3 { width: 100%; float: left; clear: left; margin-top: 30px; text-align: center; } div#fBlock4 { width: 100%; float: left; clear: left; padding-top: 30px; text-align: center; } #fBlock4 a { float: none; } #mapBox { height: 300px; } #livingContent .apartLinks a { padding: 8px 0px 0px 0; width: 106px; margin: 0 8px 0 0; font-size: 2.5em; } #livingEffectBox h3 { margin: 20px 0 20px 0; font-size: 4em; } #lang { margin: 0px 28px 0 0px; } #toptel a { margin-right: 13px; } #logo { top: 52px; left: 20px; margin-left: 0; } #logo.stickyLogo1 { top: 52px; left: 20px; margin-left: 0; } #mbtn { top: 45px; left: auto; right: 10px; } #mnavi { top: 41px; left: auto; right: 80px; } #saveBtn { right: 5px; bottom: -17px; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 460px) { #toplinks a.nLink { display: none; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 380px) { #googleMap { height: 220px; } #livingEffectBox p.apartText { min-height: 78px; } #livingWrapper { font-size: 0.75em; } #livingContent .apartLinks a { width: 90px; } #livingContent #livingNext { right: 10px; } #livingContent #livingBack { left: 10px; } #effectContainerLiving { height: 310px; } #reqButtons input { font-size: 0.9em; } #reqButtons .second, #reqButtons .first { width: 100px; margin: 0 6px 0 0; } #reqButtons .nobg { width: 86px; } } /* Smartphone *************************************************************************************************************************************/ @media (max-width: 360px) { #toptel a.mLink { display: none; } } /* vader change *************************************************************************************************************************************/ @media (max-width: 1879px) { } /* vader change *************************************************************************************************************************************/ @media (max-width: 1700px) { } /* laptop *************************************************************************************************************************************/ @media (max-width: 1600px) { } /* 1024 *************************************************************************************************************************************/ @media (max-width: 1260px) { }