/* Orange color: e30613;*/ body { font-family: 'Montserrat', Verdana, Arial, Helvetica; font-size: 1em; background-image: url("../images/verlauf.png");background-size: cover; background-repeat: no-repeat;background-position: center top;} body * { /*word-wrap: break-word;*/} .row { max-width: 70rem; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif; color: #B4B094;} h1 { font-size: 2.3em; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; } h2 { font-size: 2.1em; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; } h3 { font-size: 1.8em; font-family: 'Roboto Condensed', sans-serif;} h4 { font-size: 1.7em; font-family: 'Roboto Condensed', sans-serif;} a:hover { color: #e30613; } p,a { font-family: 'Roboto Condensed', sans-serif !important;} .right { float: right; text-align: right; } .left { float: left;text-align: left;} .zoom09 { zoom: 0.9;} .boldText { font-weight: bold;} .uppercase { text-transform: uppercase;} .content a { color: #000; text-decoration: underline;} .orangeBG { background: rgba(247,148,29,0.8);} .whiteBG { background: #fff;} .whiteBGtrans { background: rgba(255,255,255,0.7);} .black { color: #000; } .elired { color: #B4B094; } .goldy { background-color: #B4B094; } .goldfont { color: #B4B094; } .white { color: #fff; } .greybg { background-color: #f2f2f2; } .borderBottom1px { border-bottom: 1px solid #bfbfbf;} .borderOrangeAll { border: 1px solid #e30613;} .borderB4Black { border-bottom: 4px solid #000;} .uppercase { text-transform: uppercase; } .marginArtifical { margin-left: 0.9375rem; margin-right: 0.9375rem; } .PageImageHolder { float: left; margin-top: 0px; width: 100%;} .PageImageHolder img { width: 100%; } .text-center { text-align: center; } .f-dropdown { z-index: 999; } .two-thirds { width: 66%; float: left; position: relative;} .one-third { width: 34%; float: right; position: relative; } #cookiebox { position: absolute; min-height: 60px; background-color: #f2f2f2; color: #808080; text-align: center; top: 0px; left: 0px; right: 0px; z-index: 998;} #cookiebox p { padding-top: 10px; display: inline-block; max-width: 90%;} .buttoncookie { cursor: pointer; background-color: #fff; color: #e30613; min-width: 100px; display: inline-block; margin-top: 18px; margin-left: 10px; margin-bottom: 10px;} /* header */ header { padding: 25px 0 20px; background: #fff; z-index: 999 !important;} .fixed #eoLogo { width: 160px;} header.fixed { padding-top: 10px; padding-bottom: 10px; } body.f-topbar-fixed #topmeta { visibility: hidden; } #feed { padding-bottom: 10px; font-family: 'Roboto Condensed'} .geoeffnet, .geschlossen { max-width: 80px; margin-top: -14px;} [v-cloak] { display: none; } .primary ul { list-style: none; margin-left: 0px; margin-bottom: 1.25em;} .primary > ul { width: 100%;} .primary > ul > li { float: left; margin: 0 22px; position: relative; z-index: 9999;} .primary > ul > li:first-child { margin-left: 0px;} /*.primary > ul > li:last-child { margin-right: 0px; float: right;} */ .primary > ul > li > a { font-size: 17px; color: #000; padding-bottom: 5px; font-weight: bold; } .primary > ul > li.current > a { border-bottom: 3px solid #e30613; color: #e30613; } .submenu { display: none; padding: 10px 20px 20px 20px; position: absolute; top: 100%; left: -20px; background: #fff; /*box-shadow: 0 5px 5px #ccc;*/ min-width: 250px; border-bottom: 1px solid #e30613; -webkit-transition: all 225ms ease-in-out; -moz-transition: all 225ms ease-in-out; -o-transition: all 225ms ease-in-out; transition: all 225ms ease-in-out;} li:last-child .submenu { right: -20px; left: auto; text-align: right; } .submenu a { font-size: 16px; color: #000; } .submenu a:hover { color: #e30613; } li:hover .submenu { display: block;} .primary li:hover > a { color: #e30613; } .primary > ul > li.current > a, .primary > ul > li.section > a, .submenu .current a { color: #e30613; } .fixed #topMenu { margin-bottom: 0px;} #topMenu { list-style: none; display: inline-block; margin-bottom: 24px; margin-left: 0px; padding-left: 0px;} #topMenu li { display: inline-block; margin-right: 16px; } #topMenu li a { color: rgb(128,128,128); font-size: 14px; } .fixed .primary ul { margin-bottom: 0.50em; } .secondary ul { list-style: none;} .secondary > ul { margin-left: 0px;} #MobileMenu { position: static; top: 109px; left: 0px; right: 0px; bottom: 0px; background: #fff; z-index: 998; padding-right: 1.1rem; display: none; height: auto; } #MobileMenu ul { list-style: none; } #MobileMenu > ul > li { border-bottom: 1px solid #000; } #MobileMenu ul a { font-size: 16px; color: #000; } #button1 { float: right; font-size: 15px;margin-right: 10px;margin-left: 7px; cursor: pointer;color: rgb(128,128,128);} #button2 { float: right; font-size: 15px; cursor: pointer;color: rgb(128,128,128);} .magnifier { float: right; margin-top: 1px;} /* footer-----------------------------*/ footer { padding: 0px 0 50px 0; overflow: hidden; background-color: #transparent;} footer .footerMainMenu { font-size: 16px; color: #000; padding: 0 20px; } .footerMenu { color: #000; font-size: 1.1em; display: block; } .footerMenuFirstLevel { min-height: 40px; font-weight: bold; line-height: 1.2; text-transform: uppercase; } .footercolumn { border-top: 1px solid #B4B094; max-width: 98%; } .directions { background-color: #E0DFD6; background-size: cover; background-repeat: no-repeat; background-position: center top; } .footerMap { position: relative; } .footerMap h2 { border-bottom: 4px solid #fff; padding: 0 40px 20px 0; margin-bottom: 1px; font-size: 2.5em; font-weight: bold; } .footerMapPositioner { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; overflow: hidden; } #iframecover { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; } .mapBox * { color: #B4B094; } .socialupdates { background-color: #E0DFD6; } .addressbox { z-index: 2; margin-left: 0.975rem; } .unserbox { color: #e30613; padding: 20px; } .unserbox img { padding-top: 20px; padding-bottom: 20px; } .horlinered { width: 100%; height: 1px; background-color: #e30613; } .unserbox h2 { font-weight: 100; color: #B4B094; font-size: 3em; margin-bottom: 0;} .unserbox h4 { font-weight: 100; color: #000; text-transform: uppercase; font-size: 1.25em; padding-left: 2px; padding-right: 2px; } #Form_NlForm #Email { width: 96% !important; } /* margins&paddings------------------*/ .marginT5 { margin-top: 5px !important ;} .marginT10 { margin-top: 10px !important ;} .marginT15 { margin-top: 15px !important ;} .marginT20 { margin-top: 20px !important ;} .marginT25 { margin-top: 25px !important ;} .marginT30 { margin-top: 30px !important ;} .marginT35 { margin-top: 35px !important ;} .marginT40 { margin-top: 40px !important ;} .marginT45 { margin-top: 45px !important ;} .marginT50 { margin-top: 50px !important ;} .marginT60 { margin-top: 60px !important ;} .marginB5 { margin-bottom: 5px !important ;} .marginB10 { margin-bottom: 10px !important ;} .marginB15 { margin-bottom: 15px !important ;} .marginB20 { margin-bottom: 20px !important ;} .marginB25 { margin-bottom: 25px !important ;} .marginB30 { margin-bottom: 30px !important ;} .marginB35 { margin-bottom: 35px !important ;} .marginB40 { margin-bottom: 40px !important ;} .marginB45 { margin-bottom: 45px !important ;} .marginB50 { margin-bottom: 50px !important ;} .marginB60 { margin-bottom: 60px !important ;} .paddingT5 { padding-top: 5px !important ;} .paddingT10 { padding-top: 10px !important ;} .paddingT15 { padding-top: 15px !important ;} .paddingT20 { padding-top: 20px !important ;} .paddingT25 { padding-top: 25px !important ;} .paddingT30 { padding-top: 30px !important ;} .paddingT35 { padding-top: 35px !important ;} .paddingT40 { padding-top: 40px !important ;} .paddingT45 { padding-top: 45px !important ;} .paddingT50 { padding-top: 50px !important ;} .paddingB5 { padding-bottom: 5px !important ;} .paddingB10 { padding-bottom: 10px !important ;} .paddingB15 { padding-bottom: 15px !important ;} .paddingB20 { padding-bottom: 20px !important ;} .paddingB25 { padding-bottom: 25px !important ;} .paddingB30 { padding-bottom: 30px !important ;} .paddingB35 { padding-bottom: 35px !important ;} .paddingB40 { padding-bottom: 40px !important ;} .paddingB45 { padding-bottom: 45px !important ;} .paddingB50 { padding-bottom: 50px !important ;} .paddingB100 { padding-bottom: 100px !important; } .paddingL0 { padding-left: 0px !important; } .paddingR20 { padding-right: 20px !important; } .paddingR40 { padding-right: 40px !important; } /* end of margins------------------*/ .shareBox * { font-weight: bold; padding: 0 5px;} .bigteaser { max-height: 460px; overflow-y: hidden; } /* home page--------------------------------*/ .homeBoxLink { display: block; text-transform: uppercase; font-size: 16px; font-weight: bold; text-decoration: none !important; margin-bottom: 10px;} .homeBoxImage { display: block; position: relative;} .homeBoxImage img { display: block; /*border-bottom: 1px solid #e30613;*/ /*margin-bottom: 30px;*/} .homeBoxUnderline { border-top: 1px solid #B4B094; padding-top: 15px;} .homeBoxUnderline img { width: 100%; } .homeBoxUnderline a { text-decoration: none;} .homeBoxPopup { position: absolute; width: 76%; height: 76%; background: rgba(255,255,255,0.8); top: 12%; left: 12%; opacity: 0; -webkit-transition: all 225ms ease-in-out; -moz-transition: all 225ms ease-in-out; -o-transition: all 225ms ease-in-out; transition: all 225ms ease-in-out; font-size:;} .homeBoxImage:hover .homeBoxPopup { opacity: 1; display: none; } .homeBoxPopup > div { display: table; padding: 20px; } .homeBoxPopup > div >* { display: table-cell; border-bottom: 4px solid #000; vertical-align: middle; } .homeBoxPopup h2 { color: #000; font-size: 1.9em; } .mainslider { max-height: 727px; overflow: hidden; } #homeSlider { position: relative; /*overflow: hidden; max-height: 619px;*/ padding-bottom: 50px;} #homeSlider .cycle-slide { width: 100%; height: 100%; min-height: 600px; } #homeSlider .cycle-slide > img { width: 100%; } .hsNoTitle { top: 90% !important; width: 100%; left: 0px; text-align: center; margin-left: 0px !important } .boxedTitle { left: 260px; } .ytslider { display: block; width: 100%; height: 100%; z-index: 999; position: relative; } .sliderBoxPositioner { position: absolute; top: 100px; left: 70px; right: 0px;} .sliderBoxPositioner h2 { padding: 0 10px 20px 0; margin-bottom: 1px; font-size: 2.4em; line-height: 1.2em; word-wrap:break-word;color: #e30613 !important} .sliderBoxPositioner h5 { text-transform: uppercase; color: #e30613; } .sliderbox { height: 360px; width: 480px;} .sliderbox p { line-height: 1.5em; max-width: 99%;color:#e30613;} .shopFinderSlider a.cycle-slide { width: 100%; height: 197px;} .shopFindDropdown { background: #fff url(../images/dropdown_arrow.jpg) no-repeat right center; background-size: auto 100%; display: block; border: 1px solid #bfbfbf; padding: 10px; margin-bottom: 10px;} .shopFindDDPaddings { padding: 0 0.9375rem; margin-top: 5px;} .shopFindDDPaddings a { text-decoration: none; color: #bfbfbf; } .blackline { height: 1px; width: 50%; clear: both; margin: 0 auto; background-color: #000; margin-bottom: 20px;} .blueline { height: 1px; width: 100%; margin: 0px auto; clear: both; background-color: #e30613; margin-bottom: 10px;} .goldishline { height: 1px; width: 100%; clear: both; margin: 0 auto; background-color: #B4B094; margin-bottom: 20px;} .homeslidertext { color: #000; } .homeslidertext strong{ color: #000; } .cycle-pager { position:absolute; bottom:20px; width:100%; z-index:99999; text-align:center; } .cycle-pager span { width:40px; height:1px; display:inline-block; font-size:.1em; text-align:center; cursor:pointer; color:#ddd; background-color:#ddd; margin:0 3px} .cycle-pager span.cycle-pager-active { background-color:#e30613; border-color:#e30613} .socialbox { padding: 20px; float: left; width: 100%;} .socialboxcontent { max-height: 500px; overflow: hidden; background-color: #fff;} .socialboxcontent img { width: auto; max-height: 200px; display: block; margin: 0 auto; } .socialboxcontent a { color: #e30613; } .identbox { clear: both; float: left; } .identbox a { display: block; float: left; } .identright { float: left; margin-left: 7px; font-size: 0.9em;} .shopkachel { display: flex; justify-content: center; align-items: center; text-align: center; background: transparent center center no-repeat; background-size: contain; box-shadow: 1px 1px 10px #ccc; min-width: 160px; min-height: 170px; } .shopkachel img { max-height: 150px; max-width: 100%; visibility: hidden; } .annonce-container { margin-bottom: 15px; } .annonce-big p { font-size: 1.4em; } .annonce-item { padding: 20px; float: left; width: 100%; margin: 5px; background-color: #fff;} .annonce-headline { font-size: 1.5em; line-height: 1.3em; color: #e30613; border-top: 1px solid #e30613; padding-top: 10px;} .annonce-item img { display: block; clear: both; margin: 0 auto; margin-bottom: 20px;} .annonce-phone { color: #000; display: block; clear: both;} .annonce-email { color: #000; padding-top: 6px; padding-bottom: 6px; display: block; clear: both;} .annonce-datum { font-size: 0.8em; color: #7f7f7f; } .smallshare { color: #7f7f7f; text-align: right; float: right; width: 60%; height: 25px;} .smallshare a { display: inline-block; margin-left: 5px;} .job-container { margin-bottom: 15px; } .job-item { padding: 20px; float: left; width: 100%; margin: 5px; background-color: #fff;} .job-headline { font-size: 1.5em; line-height: 1.3em; color: #e30613; padding-top: 10px;} .job-item img { display: block; clear: both; margin: 0 auto;} .job-email { color: #000; padding-top: 6px; padding-bottom: 6px; display: block; clear: both;} .job-email:visited { color: #000;} .job-datum { font-size: 0.8em; color: #7f7f7f;} .job-top { border-bottom: 1px solid #e30613; padding-bottom: 20px; margin-bottom: 20px;} .jobLinkCaption { float: left; clear: left; width: 100%; color: #000;font-size: 1em;} .jobLinkCaption:visited {color: #000;} .jobLinkCaption:hover { color:#e30613;} .jobLinkCaption span { padding-left: 4px;} .fa-external-link { font-size: 1em;} .sbcimage { width: 100%; height: 202px; } .bluelink { color: #e30613; } .mwand { position: absolute; background: rgba(255,255,255,0.9); } /* search box---------------------------*/ .searchBorders { } .fixed #homeSearchTop { display: block !important; } #homeSearchTop { position: relative; float: right; display: none;} #topsearch { display: none; } #showsearchmeta { cursor: pointer; } #searchable { color: #e30613; font-size: 2em; } .f-topbar-fixed #showsearchmeta { display: none; } .f-topbar-fixed #showfbmeta { display: none; } #searchable::-webkit-input-placeholder { color: #e30613 !important; opacity: 1 !important; } #searchable:-moz-placeholder { color: #e30613!important; opacity: 1 !important; } #searchable::-moz-placeholder { color: #e30613 !important; opacity: 1 !important; } input:-ms-input-placeholder { color: #e30613 !important; opacity: 1 !important; } #homeSearchBox2 { background-color: transparent;} #homeSearchBox2 input { display: block; height: 50px; margin: 0px; padding: 0px; line-height: 50px; border: 0px; box-shadow: none; background: transparent;} #homeSearchResults2 { position: absolute; width: 87%; padding: 20px; background: #fff !important; border-bottom: 1px solid #bcbcbc; z-index: 99999;} #homeSearchResults2 ul { list-style: none; width: 100%; margin-left: 0px;} #homeSearchResults2 li { border-bottom: 1px solid #bcbcbc; display: block; padding: 5px 0; margin-bottom: 5px; } #homeSearchResults2 li a { text-transform: uppercase; font-weight: bold; color: #000; } #homeSearchResults2 li .treeTopLink { color: #bcbcbc; float: none; display: block; } #homeSearchResults2 table { border: 0px;} #homeSearchResults2 td, #homeSearchResults2 tr { background: transparent !important; font-size: 1rem; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; } #homeSearch { position: absolute; top: 20px; z-index: 500; left: 0px; right: 0px;} #homeSearchBox { } #homeSearchBox input { display: block; width: 290px; height: 52px; margin: 0px; padding: 0px; padding-right: 50px; line-height: 52px; border: 0px; box-shadow: none; background: transparent;} #homeSearchResults { position: absolute; width: 550px; padding: 20px; background: #fff; left: 0px; top: 50px; border-bottom: 1px solid #bcbcbc;} #homeSearchResults ul { list-style: none; width: 100%; margin-left: 0px;} #homeSearchResults li { border-bottom: 1px solid #bcbcbc; display: block; padding: 5px 0; margin-bottom: 5px; } #homeSearchResults li a { text-transform: uppercase; font-weight: bold; color: #000; } #homeSearchResults li .treeTopLink { color: #bcbcbc; float: right; } #homeSearchResults table { border: 0px;} #homeSearchResults td, #homeSearchResults tr { background: transparent !important; font-size: 1rem; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; } #stopplay { cursor: pointer; width: 28px; height: 28px; background: transparent url(../images/audio.jpg) center center no-repeat;} #stopplay.paused { background-image: url(../images/pause.jpg); } #stopplay2 { position: absolute; top: -2px; display: inline-block; cursor: pointer; width: 28px; height: 28px; background: transparent url(../images/pause.jpg) center center no-repeat;} #stopplay2.paused { background-image: url(../images/audio.jpg); } #free-wifi { position: absolute; top: 2px; cursor: pointer; display: block; width: 39px; height: 41px; background: transparent url(../images/free-wifi.png) center center no-repeat;} .head.fixed #free-wifi { } #audioplayer { margin-bottom: -10px; position: relative;} #radiospot { display: inline-block; color: #e30613; padding-left: 32px;} .head.fixed #radiospot { display: none; } .head.fixed #audioplayer { margin-bottom: 17px; } .countdown { background-color: #e30613; padding: 20px 0px; color: #fff; } .countdown h4 { color: #fff; font-size: 24px; text-transform: uppercase; line-height: 1; margin-top: 20px; } #countdown { font-size: 54px; text-align: center; line-height: 1;} #small { text-align: center; } .stunden { padding-left: 10px; padding-right: 10px; } #player { } #ytplayer { display: block; width: 100%; height: 100%; min-height: 460px; margin-top: 0px;} /* shop plan-----------------------------*/ .shopMobileLink { text-decoration: none !important; font-size: 20px;} area { cursor: pointer;} #shopPlanContent { position: relative; float: left; min-height: 550px;} .innerplancontent { padding: 20px; padding-bottom: 10px;} #shopPlanHolder { position: relative; float: left; } .shopContentBlock { display: none; position: relative;} .shopContentBlock.active { display: block; } .shopContentBlock img { max-width: 90%; margin: 0 auto; display: block; } #defaultShopContent a { display: inline-block; padding-left: 45px; height: 50px; line-height: 50px; text-decoration: none; min-width: 140px;} #defaultShopContent .infoIcon { background: transparent url(../images/shopplan/icons/info.png) no-repeat left center; } #defaultShopContent .stairsIcon { background: transparent url(../images/shopplan/icons/stairs.png) no-repeat left center; } #defaultShopContent .wcIcon { background: transparent url(../images/shopplan/icons/wc.png) no-repeat left center; } #defaultShopContent .liftIcon { background: transparent url(../images/shopplan/icons/lift.png) no-repeat left center; } #defaultShopContent .invIcon { background: transparent url(../images/shopplan/icons/inv.png) no-repeat left center; } #defaultShopContent .keyIcon { background: transparent url(../images/shopplan/icons/kljucar.png) no-repeat left center; } #defaultShopContent .bankomatIcon { background: transparent url(../images/shopplan/icons/bankomat.png) no-repeat left center; } #defaultShopContent .parentsIcon { background: transparent url(../images/shopplan/icons/for_parents.png) no-repeat left center; } .shopGastroImage { max-height: 460px; overflow-y: hidden; } .shopGastroImage img { width: 100%; margin-bottom: 0px;} .gastroLogos img { display: block; box-shadow: 1px 1px 10px #ccc; margin-top: 20px;} .gastroMenuLinks a { display: block; text-decoration: none; color: #000; line-height: 1;} .gastroMenuLinks a.active { font-weight: bold; color: #e30613;} .sideContent { position: relative; padding: 20px 20px 10px 20px; background-color: #E0DFD6; overflow: hidden;} .sideContent span { display: inline-block; padding-bottom: 0px; } .sideContent .grey { width: 70px; color: #888; } .sideContent .black { color: #000; } .sideContent .sideLogo { display: none; } .sideContent p { font-size: 0.99rem; } .sideContent p .grey { font-size: 0.9rem; } form .field { width: 46%; margin-left: 2%; margin-right: 2%; float: left; } form h5 { margin-left: 2%; } fieldset { padding: 0px !important; border: 0px !important;} .userform .field { margin: 0; width: 100%} .productBox { float: left; padding: 10px; width: 25%;} .productBox.active { border: 1px solid #e30613;} .productBox > img { margin-bottom: 20px; } .productBox .field { width: 100%; margin: 0px; } .productBox .field.text { margin-top: 1px;} .productBox .field.text label { padding-top: 5px; float: left; font-size: 16px;} .productBox .field.text .middleColumn { float: left; width: 100px;} #Form_Form input[type='checkbox'] { display: none; } #Zustimmung { width: 100%; padding-top: 30px; } input[type='checkbox'] + label,input[type='radio'] + label { background: transparent url(../images/checkbox_off.png) left 5px no-repeat; padding: 5px 0 5px 30px; font-size: 16px; text-align: left; width: 100%; margin: 0px;} input[type='checkbox']:checked + label,input[type='radio']:checked + label { background: transparent url(../images/checkbox_on.png) no-repeat left 5px;} input[type=text],input[type=email],input[type=number],select { border: 0px; box-shadow: none; border-bottom: 1px solid #000;} #paymentOptions { margin-bottom: 20px; } #paymentOptions .text label { padding-top: 5px;} .Actions input, input.action { display: block; background: #fff; box-shadow: none; border: 1px solid #000; width: 100%; padding: 5px 0; font-size: 18px; cursor: pointer} .Actions input:hover, input.action:hover { color: #999 !important; } .eventListLink { font-weight: bold; text-decoration: none !important; font-size: 18px;} .calendar-widget-table { border: 0px;} .calendar-widget-table * { background: transparent;} .calendar-widget-table thead th { border: 0px;} .calendar-widget-table thead th a { text-transform: uppercase; text-decoration: none; display: inline-block; padding: 5px; font-size: 16px; font-weight: normal; } .calendar-widget-table tbody .calendar-header td { background: transparent; color: #000; font-weight: 700;} .calendar-widget-table .show-week { display: none;} .calendar-widget-table tbody .out-of-month { color: transparent !important;} .calendar-widget-table tbody .calendar-day:nth-child(7) { background: #d6d6d6 !important; color: #adadad;} .calendar-widget-table tbody .calendar-day { text-align: center; border: 1px solid #d6d6d6; background: #fff !important; color: #000; width: 40px; height: 40px; vertical-align: middle; font-size: 18px;} .calendar-widget-table tbody .calendar-day:hover { color: #e5362e; } .calendar-widget-table tbody .today { color: #e5362e !important; border-color: #e5362e !important; background: #fff !important; font-weight: normal;} .calendar-widget-table tbody .hasEvent { border-color: #e30613; color: #e30613; background: #fff !important;} .eventListBox .eventListUnderliner { border-bottom: 1px solid #bfbfbf;} .eventListBox:last-child .eventListUnderliner { border-bottom: 0px;} /* boxed page----------------------------------*/ .boxedPageBox img { width: 100%;} .normalizeImages img { width: auto !important;} .boxedPageBox .homeBoxUnderline { height: inherit; padding-top: -1px;} .CalendarEvent .homeBoxUnderline h5.black { min-height: 50px; } .innermain { margin-left: 1.8rem; margin-top: 2rem; } .innermain p { display: block; float: left; clear: both; } .date { float: left; color: #888; } .time { float: right; color: #888; } .headseventy { display: block; clear: both; float: left; width: 75%; color: #e30613; font-weight: bold; font-size: 2.5em; margin-bottom: 15px;} .redbutton { display: inline-block; clear: both; background-color: #e30613; color: #fff !important; text-transform: uppercase; padding: 20px 30px; } .redbuttonmobile { display: block; clear: both; width:95%; margin: 0 auto; margin-bottom: 10px; background-color: #e30613; color: #fff !important; text-transform: uppercase; padding: 15px 25px; } .redlink { display: block; clear: both; width:95%; margin: 0 auto; margin-bottom: 1px; color: #e30613 !important; padding: 7px 10px; } .orangebuttonsmall { display: inline-block; clear: both; background-color: #e30613; color: #fff !important; text-transform: uppercase; padding: 10px 20px; text-decoration: none !important; } .gratiswlan { font-weight: bold; color: #000; font-size: 1.2em; padding-left: 10px; padding-bottom: 10px; } .scriftgrosse { padding-bottom: 10px;} .shareBox { padding-top: 0px; margin-top: 12px;} /* order page---------------------------*/ .OrderPage form { } .OrderPage #Anmerkungen { width: 96%;} .OrderPage #Anmerkungen textarea { border: 1px solid #000;max-width: 51.6rem;} ::-webkit-input-placeholder { color: #333;} :-moz-placeholder { /* Firefox 18- */ color: #333; } ::-moz-placeholder { /* Firefox 19+ */ color: #333; } :-ms-input-placeholder { color: #333; } #ui-datepicker-div { width: 24.7rem; } /* shop plan page ------------------------*/ .ebenelink.active { display: block !important;color: #a0c46c !important;} .ebenelink.active { color: #B4B094 !important;} .ebenelink1.active { color: #B4B094 !important;} .ebenelink2.active { color: #B4B094 !important;} .ebenelink3.active { color: #B4B094 !important;} .shopsnavi span { float: left; display: block; margin-right: 50px;} .shopsnavi a { color: #818181; text-transform: uppercase; margin-right: 40px; float: left;} #mapholder { float: left;margin-top: 24px;} #mapholder1 { float: left; margin-top: 24px;} #mapholder2 { float: left; margin-top: 24px;} #mapholder3 { float: left; margin-top: 24px;} .MapContainer { display: none;} .MapContainer1 { display: none;} .MapContainer2 { display: none;} .MapContainer3 { display: none;} .MapContainer.active { display: block;} .MapContainer1.active { display: block;} .MapContainer2.active { display: block;} .MapContainer3.active { display: block;} map { display: inline;} #shopMap, #shopMap1, #shopMap2, #shopMap3 { z-index: 9999;} /* contact page--------------------------*/ .fields100percent > div { width: 100%; margin-left: 0px; margin-right: 0px;} .fields50percent > div { width: 50%; margin-left: 0px; margin-right: 0px;} .sbmsg { padding-top: 15px; display: inline-block; height: 160px; overflow: hidden;} #Remember { margin-top: 20px; } .shopsnavi { padding-left: 0px; } .allshopsfilter { display: inline-block; padding-left: 0px;} .allshopsfilter a { display: inline-block; padding-right: 35px; color: #7f7f7f; } .allshopsfilter a.active { color: #B4B094; } .text-right { text-align: right; } #showicons { cursor: pointer; width: 30px; height: 30px; display: block; float: right; background: transparent url(../images/btn-view-box-inactive.png) center center no-repeat; background-size: 30px 30px; margin-left: 5px; margin-right: 0.9375rem;} #showlist { cursor: pointer; width: 30px; height: 30px; display: block; float: right; background: transparent url(../images/btn-view-list-inactive.png) center center no-repeat; background-size: 30px 30px;} #showicons.active { background-image: url(../images/btn-view-box-active.png); } #showlist.active { background-image: url(../images/btn-view-list-active.png); } #iconslisted { width: 100%; } #listlisted { display: none; width: 100%; } #listlisted img { box-shadow: none !important; float: left; display: block; margin-top: 2px; margin-right: 5px; } #listlisted a { color: #7f7f7f; display: block; float: left; border-bottom: 1px solid #7f7f7f; width: 98%; } #listlisted a span { display: inline-block; font-size: 0.9em; } #listlisted li { } #Form_MartkwandForm { display: none; } #redbuttonann { width: 325px; max-width: 100%; cursor: pointer; text-transform: uppercase; text-align: center; padding: 20px 30px; color: #fff; background-color: #e30613; font-weight: bold; } #Form_MartkwandForm .field { width: 100%; float: left; clear: both; margin-bottom: 10px;} #Form_MartkwandForm_action_submit { border: none; width: 48%; float: left; cursor: pointer; text-transform: uppercase; text-align: center; padding: 20px 30px; color: #fff; background-color: #e30613; font-weight: bold; } #Form_MartkwandForm_action_reset { border: none; width: 48%; float: right; cursor: pointer; text-transform: uppercase; text-align: center; padding: 20px 30px; color: #fff; background-color: #B4B094; font-weight: bold; } #Form_MartkwandForm .ss-uploadfield-fromcomputer { border: none; width: 48%; float: right; cursor: pointer; text-transform: uppercase; text-align: center; padding: 20px 30px; color: #fff; background-color: #B4B094; font-weight: bold; } .shophomelink { cursor: pointer; } // Small screens @media only screen { #shopPlanContent { position: relative; min-height: 310px; } .shopGastroImage img { margin-top: 0px; } .mobilesubmenu .mobilesubmenu { display: none; } } #Anrede { width: 343px;} /* MitarbeiterPage */ .MitarbeiterImage { width: 100%;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm, #MitarbeiterrabbatteForm { width: 380px;background-color: #fff;top: 50px;position: absolute;left: 50px;padding-left: 21px;padding-top: 20px; padding-right: 21px; } .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #Email { height: 42px;width: 329px; float: left;margin-top: 40px; color:#B3B3B3 !important; margin-left: 0px;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #Email label { color:#7f779e !important;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #Email2 { height: 42px;width: 329px; float: left;margin-top: 40px; color:#B3B3B3 !important; margin-left: 0px;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #Email2 label { color:#7f779e !important;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Email { border: 1px solid #B4B094; color:#B3B3B3 !important;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Email2 { border: 1px solid #B4B094; color:#B3B3B3 !important;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #Password { height: 42px;width: 329px;float: left;margin-top: 40px;color:#B3B3B3 !important; margin-left: 0px;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Password { border: 1px solid #B4B094; color:#B3B3B3 !important;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_action_dologin { width: 329px; height: 58px; background-color: #E10919; border:none;color: #fff;font-weight: bold; margin-top: 20px; margin-bottom: 20px;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #Password label { color:#7f779e !important;} .MitarbeiterrabbattePage #MemberLoginForm_LoginForm #Remember { width: 90%; } #MemberLoginForm_LoginForm_Email_Holder, #MemberLoginForm_LoginForm_Password_Holder, #MemberLoginForm_LoginForm_Remember_Holder { width: 100%; margin-left: 0; margin-right: 0;} #MemberLoginForm_LoginForm_Remember_Holder input[type="checkbox"] { visibility: hidden } .MitarbeiterrabbattePage #MemberLoginForm_LoginForm input[type=text] { border-color: #bcb9a0 !important; background-color: #fff !important; } .mitarbeiterrabatt { border: 1px solid #e30613; text-align: center; padding: 10px; font-weight: bold; color: #e30613; margin-bottom: 20px;} /* Define mobile styles */ #Form_Form_Motiv { list-style-type: none; } #Form_Form_Motiv li { } #Form_Form_Motiv li input[type="radio"] { visibility: hidden; } #Form_Form_Zustimmung_Holder { padding-top: 30px; width: 100% } #cookiePopup label { padding: 0px; background: none; width: unset; } #cookiePopup.active #allWebHolder { padding-top: 10px; } .gida-dummy { height: 100%; } .footerMapPositioner > div:last-child { height: 100%; } .gBrand, .customBrand { width: 60px !important; background-image: url(../images/logo-neu.png) !important; animation: none !important; -webkit-animation: none !important; -moz-animation: none !important; } #mc_embed_signup form { padding-left: 0px !important; } @media only screen and (max-width: 1100px) { .primary > ul > li { padding: 7px 8px; margin: 0 9px; } .primary > ul > li:first-child { padding-left: 0px; margin-left: 0px; } .countdown h4 { margin-top: 12px; } .unserbox { margin-bottom: 20px; } .unserbox h2 { font-size: 3em !important; } .unserbox h4 { font-size: 1.8em; } .shopMobileLink { color: #000; padding-left: 20px;} .mobilesubmenu li { line-height: 1.8em; } #shopPlanContent { margin-bottom: 20px;} } @media only screen and (max-width: 40em) { #shopPlanContent { position: relative; min-height: 310px; } .shopGastroImage img { margin-top: 0px; } .mobilesubmenu .mobilesubmenu { display: none; } .footerMenu { display: block; } .footerMenuFirstLevel.footerMenu { display: block; } .footerMenuFirstLevel.haveChildren { margin-right: 20px; position: relative; z-index: 1; } .footerMenuFirstLevel.haveChildren:after { content: "+"; position: absolute; right: -10px; top: 0px; z-index: 10; font-size: 16px; } .footerHaveChildren { position: relative; padding-right: 20px; } .footerExpander { position: absolute; right: 0px; top: 0px; color: #000; font-size: 22px; font-weight: bold; line-height: 1; } .sliderBoxPositioner { top: 0px; left: 0px; right: 0px; position: relative; } .footerMapPositioner { position: relative; height: 400px; } .footerMapPositioner iframe { margin-top: 0px !important; height: 100% !important; } .two-thirds { width: 100%; } .one-third {width: 100%; } .shopsnavi { display: none; } .mapimageholder { display: none; } #shopPlanContent { margin-bottom: 20px; min-height: 200px; } .shopMobileLink { font-size: 1.1em; } .footercolumn a { float: left; clear: both; } #Form_Form h3 { font-size: 1.1em; } #Form_Form .Actions .field { width: 100%; clear: both; margin-bottom: 10px;} #Form_Form input[type='checkbox'] + label, input[type='radio'] + label { font-size: 0.8em; } .unserbox h4 { font-size: 1.45em; } } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ // Medium screens @media only screen and (min-width: 40.063em) { .primary > ul > li { margin: 0 10px; } h2 { font-size: 2rem; } .sideContent table { width: auto !important; } .mapBox { margin-left: 10px; } #homeSearch { margin-left: 10px; } #shopPlanContent { position: relative; min-height: 310px; } } @media only screen and (max-width: 767px) { .headseventy { width: 100%; font-size: 2.2em; line-height: 1.2; } #feed span { font-size: 13px; } } @media only screen and (max-width: 767px) and (orientation: portrait) { header { padding-top: 15px; padding-bottom: 15px; } #showMobileMenu { z-index: 999; margin-top: 1px;} #searchable { font-size: 1.2em; } #showsearchmeta { height: 40px; width: auto;} #showfbmeta { height: 40px; width: auto; } .cycle-pager { top: 505px; left: 50%; width: 300px; margin-left: -150px; text-align: center; } .mainslider { max-height: 640px; overflow: hidden;} .featurebox { margin-bottom: 20px; } .unserbox { min-height: 260px; } .socialbox { margin-bottom: 20px; } .countdown h4 { margin-top: -5px; font-size: 20px; text-align: center;} #small { padding-bottom: 5px; } .gastroMenuLinks { padding-bottom: 20px; } .sliderbox { width: 500px; max-width: 100%; min-height: 500px;} #player { min-height: 165px; } .hsNoTitle { top: 475px !important; left: 10%; } h2.elired { line-height: 1.2em; margin-bottom: 0px; } #cookiebox { padding-bottom: 50px; padding-top: 30px;} h3 { line-height: 1.1em; } h4 { font-size: 1.3em; line-height: 1.3em; } .footerMap h2 { font-size: 2em; } .productBox { width: 48%; } .cycle-pager { display: none; } #MitarbeiterrabbatteForm h5 { margin-top: 0px; padding-top: 0px; } #MitarbeiterrabbatteForm { max-width: 100%; position: relative; top:0; left:0; clear: both; } #MitarbeiterrabbatteForm #Email { width: 250px; } #MitarbeiterrabbatteForm #Password { width: 250px; } #MitarbeiterrabbatteForm #MemberLoginForm_LoginForm_action_dologin { width: 250px; } #Anrede { width: 275px; } #MobileMenu { padding-top: 10px; padding-bottom: 20px; } #MobileMenu .current > a { color: #e30613; } #cookiebox { top: 300px; } #homeSlider .cycle-slide { min-height: 200px; } #shopPlanHolder { display: none; } .mwand { position: relative; margin: 0 !important;} .annonce-item { max-width: 97%; } .job-item { max-width: 97%; } .job-headline { font-size: 1.4em; } #shopFindDropdownShops.open { left: 10px !important; } .allshopsfilter a { padding-right: 50px; min-width: 170px; float: left; display: block; } #listlisted { min-height: 500px; } #no-mobile { display: none; } #mobile-subtitle { padding-left: 15px; } #mobile-title { padding-left: 35px; } } @media only screen and (max-width: 767px) and (orientation: landscape) { .cycle-pager { top: 560px; left: 50%; width: 300px; margin-left: -150px; text-align: center; display: none;} .featurebox { width: 45%; float: left; margin-bottom: 20px; } .featurebox:nth-child(2n+1) { margin-left: 5%; } .unserbox { min-height: 280px; } .socoutside { margin-bottom: 20px; width: 45%; } .socoutside:nth-child(2n+1) { margin-left: 5%; clear: left; } h2.elired { line-height: 2.1em; margin-bottom: 0px; } #cookiebox { padding-bottom: 50px; padding-top: 30px;} .mwand { position: relative; margin: 0 !important;} .annonce-item { max-width: 97%; } .job-item { max-width: 97%; } .allshopsfilter a { padding-right: 32px; } #listlisted { min-height: 5200px; } #no-mobile { display: none; } } /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .primary > ul > li { margin: -10 10px; } .primary > ul > li > a { font-size: 1.2em;} h2 { font-size: 2rem; } .sideContent table { width: auto !important; } .mapBox { margin-left: 10px; } #homeSearch { margin-left: 10px; } #shopPlanContent { position: relative; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) { .sliderBoxPositioner { top: 35px; left: 50px; } .sliderbox { width: 40%; } .cycle-pager { top: 377px; left: 150px; } .primary > ul > li { padding: 7px 3px; margin: 0 10px;} .primary > ul > li > a { font-size: 1em;} .primary > ul > li > a { font-size: 0.9em; } .primary > ul > li:last-child { float: left; } h2 { font-size: 1.5rem; } h5 { font-size: 0.9rem; } .subboxtitle { font-size: 1.1em; } .submenu { left: -10px; } .submenu a { font-size: 1em; line-height: 1.8em; } .fixed .primary ul li .submenu li a { font-size: 1em; } .sliderBoxPositioner { top: 30px; left: 40px; } .sliderBoxPositioner h2 { font-size: 1.5em; } .sliderbox { width: 46%; } .cycle-pager { top: 360px; left: 50%; width: 300px; margin-left: -150px; text-align: center;} .mainslider { max-height: 440px; } .featurebox { width: 40%; float: left; margin-bottom: 20px; } .featurebox:nth-child(2n+1) { margin-left: 10%; } .unserbox { min-height: 285px; } .shopsnavi { width: 90%; } .sideContent h3 { font-size: 1.3em; } .countdown h4 { font-size: 17px; } .shopMobileLink { padding-left: 20px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .ipadportraitclear { clear: left; } #audioplayer { margin-bottom: -36px;} #stopplay2 { position: absolute; top: -2px; display: inline-block; cursor: pointer; width: 28px; height: 28px; background: transparent url(../images/audio.jpg) center center no-repeat;} #stopplay2.paused { background-image: url(../images/pause.jpg); } #homeSlider .cycle-slide { min-height: 500px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { h2 { font-size: 1.5rem !important; } .cycle-pager { left: 27%; } .innerplancontent { padding: 5px; } #shopPlanContent { min-height: 390px; } #shopPlanHolder { zoom: 0.9; } .ipadportraitclear { clear: left; } #mapframe { height: 180% !important; margin-bottom: 160px !important; } .shopMobileLink { color: #000; } #audioplayer { } #radiospot { display: none; } .head.fixed #stopplay2 { right: 15px; } .head.fixed #homeSearchTop { margin-top: 4px; } #stopplay2 { position: absolute; top: -2px; display: inline-block; cursor: pointer; width: 28px; height: 28px; background: transparent url(../images/audio.jpg) center center no-repeat;} #stopplay2.paused { background-image: url(../images/pause.jpg); } #homeSlider .cycle-slide { min-height: 440px; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { .iphonequer { display: block !important; float: right; } .noiphonequer { display: none !important; } #MobileMenu { top: 135px; min-height: 170vh;} } /* .shopFindDropdownListHolder { position: absolute; display: none; top: 96%; width: 200px;} .shopFindDropdownListHolderPositioner { height: 250px; overflow: scroll; overflow-x: hidden; position: relative;} .shopFindDropdownListHolderPositioner > ul { top: 0px !important; left: 0px !important; } */ #shopFindDropdown { overflow-y:scroll;height:250px }