/* Orange color: a0c46c;*/ body { font-family: 'Montserrat', Verdana, Arial, Helvetica; font-size: 14px; background-color: #f2f2f2;} body * { /*word-wrap: break-word;*/} .row { max-width: 70rem; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif; color: #000;} h1 { font-size: 2.3em; font-weight: bold; } h2 { font-size: 2em; font-weight: bold; } h3 { font-size: 1.9em; } h4 { font-size: 1.7em; } .redtext { color: #e71620; } a:hover { color: #a0c46c; } .right { float: right; text-align: right; } .clear { clear: both; } .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);} .orangeText { color: #000; } .white { color: #fff; } .whiteBG { background: #fff;} .whiteBGtrans { background: rgba(255,255,255,0.65);} .black { color: #000; } .elired { color: #000; } .greybg { background-color: #f2f2f2; } .borderBottom1px { border-bottom: 1px solid #bfbfbf;} .borderOrangeAll { border: 1px solid #a0c46c;} .borderB4Black { border-bottom: 4px solid #000;} .uppercase { text-transform: uppercase; } .marginArtifical { margin-left: 0.9375rem; margin-right: 0.9375rem; } .btnShare { text-decoration: none !important; } .two-thirds { width: 66%; float: left; position: relative;} .one-third {width: 34%; float: right; position: relative; } /* header */ header { padding: 25px 0 20px; background: #fff; z-index: 999 !important;} .fixed #mcLogo { height: 100px;} header.fixed { padding-top: 10px; padding-bottom: 10px; } .f-topbar-fixed #topmeta { display: none; } #feed { padding-bottom: 10px; font-family: 'Montserrat'} .geoeffnet, .geschlossen {max-width: 80px; margin-top: -14px;} [v-cloak] { display: none; } #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: #000; min-width: 100px; display: inline-block; margin-top: 18px; margin-left: 10px; margin-bottom: 10px;} .primary ul { list-style: none; margin-left: 0px; margin-bottom: 1.25em;} .primary > ul { width: 100%;} .primary > ul > li { float: left; margin: 0 24px; position: relative; z-index: 9999;} .primary > ul > li:first-child { margin-left: 0px;} .primary > ul > li:last-child { margin-right: 0px; } .primary > ul > li > a { font-size: 1.35em; color: #000; padding-bottom: 5px; } .primary > ul > li.current > a { border-bottom: 3px solid #a0c46c; color: #a0c46c; } .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 #a0c46c; -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 { } .submenu a { font-size: 16px; color: #000; } .submenu a:hover { color: #a0c46c; } li:hover .submenu { display: block;} .primary li:hover > a { color: #a0c46c; } .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: 20px; } #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: absolute; top: 195px; left: 0px; right: 0px; background: #fff; z-index: 998; padding-right: 1.1rem; display: none;} #MobileMenu ul { list-style: none; } #MobileMenu > ul > li { border-bottom: 1px solid #000; padding-top: 5px; padding-bottom: 5px; } #MobileMenu ul a { font-size: 16px; color: #000; } #audioplayer { width: 27px; overflow: hidden; margin-bottom: -10px} #dsgvo { position: fixed; z-index: 50000; bottom: 0px; width: 100%; height: auto; background-color: rgba(23, 143, 203, 0.9); display: block; padding: 15px; color: #fff; border-top: 3px solid rgb(23, 143, 203);} #dsgvo p { color: #efefef; display: inline-block; } #dsgvo a { color: #fff; text-decoration: underline; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff;background-color: #27478d; border: none} .aktlink { padding: 15px; background-color: #B5A48F; text-decoration: none !important; color: #fff !important; } /* footer-----------------------------*/ footer { padding: 0px 0 50px 0; overflow: hidden; background-color: #fff;} 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 #a0c46c; max-width: 98%; } .directions { background: #b3a38f; color: #fff; } .directions a { color: #fff; } .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; color: #000;} .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: #000; } .socialupdates { background-color: #f2f2f2; } .addressbox { z-index: 2; margin-left: 0.975rem; } #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;} .unserbox { color: #000; padding-top: 20px; padding-bottom: 20px; } .unserbox img { padding-top: 20px; padding-bottom: 20px; } .horlinered { margin-left: 20px; margin-right: 20px; height: 1px; background-color: #a0c46c; } .unserbox h2 { font-weight: 100; color: #000; font-size: 3em; margin-bottom: 0;} .unserbox h4 { font-weight: 100; color: #000; text-transform: uppercase; font-size: 1.45em; padding-left: 2px; padding-right: 2px; } /* 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 ;} .paddingL0 { padding-left: 0px !important; } .paddingR40 { padding-right: 40px !important; } .fullwidth { width: 100%; } /* 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 #a0c46c;*/ /*margin-bottom: 30px;*/} .homeBoxUnderline { border-top: 1px solid #a0c46c; padding-top: 15px;} .homeBoxUnderline img { width: 100%; } .homeBoxUnderline a { text-decoration: none;} .homeBoxPopup { position: absolute; width: 70%; height: 70%; background: rgba(255,255,255,0.8); top: 15%; left: 15%; 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; } .homeBoxPopup > div { display: table; padding: 20px; } .homeBoxPopup > div >* { display: table-cell; border-bottom: 4px solid #000; vertical-align: middle; } .homeBoxPopup h2 { color: #000; } .mainslider { max-height: 620px; min-height: 300px; overflow: hidden; } #homeSlider { position: relative; overflow: hidden;} #homeSlider .cycle-slide { width: 100%; height: 100%; } #homeSlider .cycle-slide > img { width: 100%; } .sliderBoxPositioner { position: absolute; top: 100px; left: 70px; right: 0px;} .sliderBoxPositioner h2 { padding: 0 40px 20px 0; margin-bottom: 1px; font-size: 2.4em; color: #1c9770;} .sliderBoxPositioner h5 { text-transform: uppercase; } .sliderbox { height: 360px; width: 480px;} .sliderbox p { line-height: 1.5em; max-width: 99%; } .shopFinderSlider a.cycle-slide { width: 100%; height: 197px;} .shopFindDropdown { background: #fff url(../img/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: 100%; clear: both; margin: 0 auto; background-color: #000; margin-bottom: 20px;} .blueline { height: 1px; width: 100%; margin: 0 auto; clear: both; background-color: #a0c46c; margin-bottom: 10px;} .homeslidertext { color: #000; } .cycle-pager { position: absolute; top: 420px; left: 215px; z-index: 130; } .cycle-pager span { border: 1px solid #a0c46c; border-radius: 8px; color: transparent;cursor: pointer; display: inline-block; font-size: 1.5em; font-weight: bold; height: 15px; line-height: 7px; margin: 0 3px; padding: 1px; text-align: center; width: 15px; } .cycle-pager span.cycle-pager-active { background-color: #a0c46c; } .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: #a0c46c; } .identbox { clear: both; float: left; } .identbox a { display: block; float: left; color: #1c9770;} .identright { float: left; margin-left: 7px; font-size: 0.9em;} .sbcimage { width: 100%; height: 300px; } .bluelink { color: #a0c46c; } .oezeiten { background-color: #b3a38f; color: #fff; } .oezeiten h3 { color: #fff; font-size: 1.5em; margin: 0; font-weight: normal;} .oezeiten td { color: #fff; } /* search box---------------------------*/ .searchBorders { } .fixed #homeSearchTop { display: block !important; } #homeSearchTop { position: relative; float: right; display: none;} #topsearch { display: none; } #showsearchmeta { cursor: pointer; } #searchable { background-color: #a0c46c !important; color: #fff; font-size: 2em; padding-left: 7px !important; } #searchable::-webkit-input-placeholder { color: #fff !important; opacity: 1 !important; } #searchable:-moz-placeholder { color: #fff!important; opacity: 1 !important; } #searchable::-moz-placeholder { color: #fff !important; opacity: 1 !important; } #Form_Form_Vorname:-ms-input-placeholder { color: #000 !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; } #free-wifi { position: absolute; top: 2px; cursor: pointer; display: block; width: 39px; height: 41px; background: transparent url(../img/free-wifi.png) center center no-repeat;} .head.fixed #free-wifi { } .countdown { background-color: #b3a38f; padding: 8px 0px; color: #fff; } .countdown h4 { color: #fff; font-size: 2.8em; text-transform: uppercase; line-height: 1; padding-top: 15px; padding-bottom: 15px; font-weight: normal; } #countdown { font-size: 54px; text-align: center; line-height: 1;} #small { text-align: center; } .stunden { padding-left: 10px; padding-right: 10px; } table .bigpart { min-width: 100px; } .leftpart { display: block; float: left; width: 50%; } .rightpart { display: block; float: left; width: 50%; padding: 10px; padding-left: 15px; position: relative; padding-bottom: 0px;} .shopbox { background-color: #fff; box-shadow: 1px 1px 10px #ccc; display: block; float: left; width: 100%; min-height: 335px;} .shopbox .sbInner h5 { position: absolute; left: 15px; top: 10px; line-height: 1.2; color: #009472; font-weight: 600;} .shoplink { display: block; position: absolute; top: 0px; right: 2px; z-index: 1000; } .shoplink img { width: 40px; height: auto;} .introtext { height: 155px; border-bottom: 1px solid #000; margin-top: 47px; margin-bottom: 10px; } .introtext p { line-height: 1.4; font-size: 0.975rem;} .rightpart a {color: #000;} .invisible2 img.invisi { visibility: hidden; } .invisible2 img.logo { opacity: 0.8; position: absolute; left: 31%; bottom: 40px; box-shadow: 1px 1px 10px #ccc;} /* shop plan-----------------------------*/ #shopMap, #shopMap1, #shopMap2 { z-index: 9999; } .shopMobileLink { text-decoration: none !important; font-size: 20px;} area { cursor: pointer;} #shopPlanContent { position: relative; float: left; min-height: 560px;} .innerplancontent { padding: 10px; } #shopPlanHolder { position: relative; float: left; } .shopContentBlock { display: none; position: relative; height: 510px; overflow: hidden;} .shopContentBlock img { display: block; clear: both; margin: 0 auto; } .shopContentBlock h3 { font-size: 1.1em; padding-top: 20px;} #shopPlanHolder1, #shopPlanHolder2 { display: none; } .shopsnavi { padding-left: 40px; } .ebenelink { padding-right: 19px; text-decoration: none !important; padding-left: 19px; color: #888 !important; } .ebenelink.active { color: #a0c46c !important; } #defaultShopContent a { display: inline-block; padding-left: 45px; height: 50px; line-height: 50px; text-decoration: none; min-width: 140px;} #defaultShopContent .infoIcon { background: transparent url(../img/shopplan/icons/info.png) no-repeat left center; } #defaultShopContent .stairsIcon { background: transparent url(../img/shopplan/icons/stairs.png) no-repeat left center; } #defaultShopContent .wcIcon { background: transparent url(../img/shopplan/icons/wc.png) no-repeat left center; } #defaultShopContent .liftIcon { background: transparent url(../img/shopplan/icons/lift.png) no-repeat left center; } #defaultShopContent .invIcon { background: transparent url(../img/shopplan/icons/inv.png) no-repeat left center; } #defaultShopContent .keyIcon { background: transparent url(../img/shopplan/icons/kljucar.png) no-repeat left center; } #defaultShopContent .bankomatIcon { background: transparent url(../img/shopplan/icons/bankomat.png) no-repeat left center; } #defaultShopContent .parentsIcon { background: transparent url(../img/shopplan/icons/for_parents.png) no-repeat left center; } .shopGastroImage img { width: 100%; margin-top: -20px; margin-bottom: 20px;} .ShopsUebersicht .shopGastroImage img { margin-top: 0px; } .NewsHolder .shopGastroImage img { margin-top: 0px; margin-bottom: 0px; } .NewsPage .shopGastroImage img { margin-top: 0px; margin-bottom: 0px; } .gastroLogos img { box-shadow: 1px 1px 10px #ccc; display: block; margin-top: 20px; } .gastroMenuLinks a { display: block; text-decoration: none; color: #000;} .gastroMenuLinks a.active { font-weight: bold; color: #a0c46c;} .moredata, .moredata td { font-size: 0.9rem; line-height: 0.9; } .moredata table { margin-bottom: 0px; } .sideContent { position: relative; padding: 20px 20px 10px 20px; background-color: #fff;} .sideContent span { display: inline-block; padding-bottom: 0px; } .sideContent .grey { width: 80px; color: #888; } .sideContent .black { color: #000; } .sideContent .sideLogo { display: none; } form .field { width: 46%; margin-left: 2%; margin-right: 2%; float: left; } form h5 { margin-left: 2%; } fieldset { padding: 0px !important; border: 0px !important;} .productBox { float: left; padding: 10px; width: 212px;} .productBox.active { border: 1px solid #a0c46c;} .productBox > img { margin-bottom: 20px; } .productBox .field { width: 100%; margin: 0px; } .productBox .field.text { margin-top: 20px;} .productBox .field.text label { padding-top: 5px; float: left; font-size: 16px;} .productBox .field.text .middleColumn { float: right; width: 100px;} input[type='checkbox'], input[type='radio'] { display: none;} input[type='checkbox'] + label,input[type='radio'] + label { background: transparent url(../img/checkbox_off.png) left center 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(../img/checkbox_on.png) no-repeat left center;} input[type=text],input[type=email],input[type=number],select { border: 0px; box-shadow: none; border-bottom: 1px solid #000; } :-ms-input-placeholder { /* IE10–11 */ color: #000 !important; font-weight: 400 !important; } #paymentOptions .text label { padding-top: 5px;} form .Actions input { display: block; background: #fff; box-shadow: none; border: 1px solid #a0c46c; color: #000; min-width: 100%; padding: 5px 0; font-size: 18px;} .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: #a0c46c; color: #a0c46c; 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;} .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: #a0c46c; font-weight: bold; font-size: 2.5em; margin-bottom: 15px;} .redbutton { display: inline-block; clear: both; background-color: #a0c46c; color: #fff !important; text-transform: uppercase; padding: 20px 30px; } .orangebuttonsmall { display: inline-block; clear: both; background-color: #a0c46c; color: #fff !important; text-transform: uppercase; padding: 10px 20px; text-decoration: none !important; } /* order page---------------------------*/ .OrderPage form {} .OrderPage #Anmerkungen { width: 96%;} .OrderPage #Anmerkungen textarea { border: 1px solid #000;} ::-webkit-input-placeholder { color: #333;} :-moz-placeholder { /* Firefox 18- */ color: #333; } ::-moz-placeholder { /* Firefox 19+ */ color: #333; } :-ms-input-placeholder { color: #333; } /* contact page--------------------------*/ .fields100percent > div { width: 100%; margin-left: 0px; margin-right: 0px;} .fields50percent > div { width: 50%; margin-left: 0px; margin-right: 0px;} #stopplay { cursor: pointer; width: 33px; height: 31px; background: transparent url(../img/pause.jpg) center center no-repeat;} #stopplay.paused { background-image: url(../img/audio.jpg); } .NewsHolder .eventListBox a { color: #000; } .allshopsfilter { display: inline-block; padding-left: 0px;} .allshopsfilter a { display: inline-block; padding-right: 35px; color: #7f7f7f; } .allshopsfilter a.active { color: #a0c46c ; } .text-right { text-align: right; } #showicons { cursor: pointer; width: 30px; height: 30px; display: block; float: right; background: transparent url(../img/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(../img/btn-view-list-inactive.png) center center no-repeat; background-size: 30px 30px;} #showicons.active { background-image: url(../img/btn-view-box-active.png); } #showlist.active { background-image: url(../img/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 { } .bildholder { float: left; margin-left: 20px;} .bildholder:first-child { margin-left: 0px; } #cookiePopup label { padding: 0px; background: none; width: unset; } #cookiePopup.active #allWebHolder { padding-top: 10px; } .gida-dummy { height: 100%; } .gBrand, .customBrand { width: 30px !important; background-image: url(../img/logo.png) !important; animation: none !important; -webkit-animation: none !important; -moz-animation: none !important; } .footerMapPositioner > div:last-child { height: 100%; } // Small screens @media only screen { #shopPlanContent { position: relative; min-height: 310px; } .shopGastroImage img { margin-top: 0px; } .mobilesubmenu .mobilesubmenu { display: none; } } /* Define mobile styles */ @media only screen and (max-width: 1100px) { .primary > ul > li { padding: 7px 10px; 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: 0px;} } @media only screen and (max-width: 40em) { #shopPlanContent { position: relative; min-height: 310px; } .shopGastroImage img { margin-top: 0px; } .mobilesubmenu .mobilesubmenu { display: none; } .footerMenu { display: none; } .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: 310px; } .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) { .leftpart, .rightpart { width: 100%; } .leftpart { margin-bottom: 20px; } .invisible2 img.logo { right: 25px; left: unset; bottom: unset; top: 190px; } header.fixed #feed { display: none; } } @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; } #showinstmeta { height: 40px; width: auto; } .cycle-pager { top: 550px; left: 50%; width: 300px; margin-left: -150px; text-align: center; } .mainslider { max-height: 580px; 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; } table .bigpart { min-width: 80px; } table .smallpart { min-width: 180px; } #nomobile { display: none !important; } .sliderbox { width: 500px; max-width: 100%; } } @media only screen and (max-width: 767px) and (orientation: landscape) { .cycle-pager { top: 560px; left: 50%; width: 300px; margin-left: -150px; text-align: center;} .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; } #nomobile { display: none !important; } } /* 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: 1.7rem; } .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 { } .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: 40%; } .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: 363px; } .shopsnavi { width: 90%; padding-left: 35px; } .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 { width: 33px;} .submenu { left: -10px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .homeBoxPopup h2 { font-size: 1.25rem !important; } .homeBoxPopup > div { padding: 10px; } .cycle-pager { left: 25%; } .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 { width: 33px;} .oezeitenbox h3 { font-size: 1.2em; } .oezeitenbox td { font-size: 0.8em; } table .bigpart { min-width: 60px; } table .smallpart { min-width: 180px; } .lastiphone { clear: both; } .leftpart, .rightpart { width: 100%; } .leftpart { margin-bottom: 20px; } .shopbox { min-height: 595px; } .invisible2 img.logo { right: 25px; left: unset; bottom: unset; top: 190px; } .introtext { height: 125px; } } @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: 215px; min-height: 140vh;} } /* .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 }