html,body { overflow-x: hidden }
body { font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; background-color: #fff; }
img { max-width: 100%; height: auto; }
.relativer { position: relative; }
p { font-size: 0.99rem; line-height: 1.5; }
h1, h2, h3, h4, h5, h6, .shoptitle { font-family: 'brandon_grotesquebold', Verdana, Arial, Helvetica, sans-serif; color: #fff;background: #000; padding: 10px; font-weight: 500; display: inline-block;}
h1 { font-size: 2.4rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.8rem;}
a, a:hover { color: #000; text-decoration: none }
.right { float: right; text-align: right; }
.daskleingedruckte { font-size: 10px; }
.headlinelike { font-weight: 500; font-size: 2.3rem; line-height: 1; font-family: 'brandon_grotesquebold', Verdana, Arial, Helvetica, sans-serif; }
.noheadlinebg h2,
.noheadlinebg h3,
.noheadlinebg h4 { background-color: #fff; color: #000;}
.zoom09 { zoom: 0.9;}
.notvisible { position: fixed; left: -10000px }
.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; }
.blackBG { background-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 #fcbd04;}
.borderB4Black { border-bottom: 4px solid #000;}
.uppercase { text-transform: uppercase; }
.marginArtifical { margin-left: 0.9375rem; margin-right: 0.9375rem; }
.PageImageHolder { float: left; margin-top:0; 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 { background-color: #f2f2f2; color: #808080; text-align: center; z-index: 998;}
.cookiebox p { padding-top: 10px; display: inline-block; max-width: 90%; font-size: 0.9rem;}
.buttoncookie { cursor: pointer; background-color: #fff; color: #fcbd04; min-width: 100px; display: inline-block; margin-top: 18px; margin-left: 10px; margin-bottom: 10px;}
/* header */
header { padding: 27px 0 20px; background: #fff; z-index: 9999 !important;}
.fixed #eoLogo { width: 160px;}
header.fixed { padding-top:0; padding-bottom:0; position: fixed; }
.primary ul { list-style: none; margin-left:0; margin-bottom:0; margin-top: 10px; text-align: right; float: right; }
.primary > ul { width: 100%;}
.primary > ul > li { display: inline-block; margin: 0 10px; position: relative; z-index: 9999; padding-bottom: 5px}
.primary > ul > li:first-child { margin-left:0;}
.primary > ul > li:last-child { margin-right:0;}
/*.primary > ul > li:last-child { margin-right:0; float: right;} */
.primary > ul > li > a { font-size: 17px; color: #000; padding-bottom: 5px; font-weight: 500; text-decoration: none}
.primary > ul > li.current > a { border-bottom: 3px solid #000; color: #000; }
.submenu { text-align: left !important; display: none; padding: 20px 20px 20px 20px; margin-top: 0px !important; position: absolute; top: 100%; left: -20px; background: #fff; /*box-shadow: 0 5px 5px #ccc;*/ min-width: 250px; border-bottom: 1px solid #000; -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 !important; }
.submenu a { font-size: 16px; color: #000; text-decoration: none }
.submenu a:hover { color: #000; }
li:hover .submenu { display: block;}
.primary li:hover > a { color: #000; }
.primary > ul > li.current > a,
.primary > ul > li.section > a,
.submenu .current a { color: #000; }
.fixed #parLogo { display: none; }
header.fixed .hamburger { margin-top: 26px;}
a.brand { display: block; max-width: 100%; position: relative; }
.fixed #topMenu { margin-bottom:0; position: absolute; display: block; bottom: -60px; z-index: 999; left: -80px; display: none;}
.fixed #parLogosmall { display: block; max-width: 70px; }
#topMenu { list-style: none; display: inline-block; margin-bottom:0; margin-left: 10px; padding-left:0;}
#topMenu li { display: inline-block; margin-right: 16px; padding-bottom: 10px }
#topMenu li a { color: #000; font-size: 14px; font-family: 'Work Sans', sans-serif; font-weight: 400; text-decoration: none; }
.fixed .primary ul { margin-bottom: 0.50em; margin-left: -50px; margin-top: 32px; }
.secondary ul { list-style: none;}
.secondary > ul { margin-left:0;}
#MobileMenu { position: static; top: 73px; left:0; right:0; bottom:0; background: #fff; z-index: 998; padding-right: 1.1rem; display: none; height: auto; padding-top: 65px !important;}
#MobileMenu ul { list-style: none; }
#MobileMenu > ul { padding-left: 15px; padding-top: 40px; }
#MobileMenu > ul > li { border-bottom: 1px solid #000; }
#MobileMenu ul a { font-size: 16px; color: #000; }
#MobileMenu.opened { display: block; height: 100vh; position: fixed }
.clear { clear: both; float: left; width: 100%; }
#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: #000 url(../img/footer_bg.png) repeat-x bottom left;}
footer .footerMainMenu { font-size: 21px; color: #000; padding: 0 20px; }
footer table tr th,
footer table tr td,
footer a:hover,
footer a:focus {color: #fff;}
footer table tr td { line-height: 0.7rem; }
.footerMenu { color: #fff; font-size: 1.1rem; display: block; width: 100%; font-weight: 400; padding: 2px 0; }
.footerMenuFirstLevel { min-height: 30px; font-weight: 500; line-height: 1.5; margin-bottom: 10px }
.footerMenu td { font-size: 1.1rem; }
.footercolumn { max-width: 98%; }
.directions { background: #E0DFD6; }
.footer-map { width: 100%; position: relative; padding-bottom:0; background-color: #fff; margin-bottom:0; min-height: 400px;}
.footerMap { position: relative; }
.map_cover_box h2 { padding: 12px 20px 10px; background: #000; color: #fff; font-family: 'brandon_grotesquebold'; text-transform: uppercase; margin-bottom: 1px; font-size: 24px; font-weight: bold; word-spacing: 300px; margin: 0; line-height: 24px; }
.footerMapPositioner { position: absolute; top:0; left:0; right:0; bottom:0; z-index: 1; overflow: hidden; }
#iframecover { position: absolute; top:0; left:0; right:0; bottom:0; z-index: 2; background: url(../img/map_cover.jpg) no-repeat center center; width: 50%;}
#frameholder { min-height: 400px; height: 400px; overflow: hidden; position: absolute; top: 0; right: 0; overflow: hidden; width: 50%; max-height: 872px; background: transparent url(../img/map.jpg) center center no-repeat; background-size: cover; }
.map_cover_box { position: relative; width: auto; }
.mapBox * { color: #fff; }
.socialupdates { background-color: #eeeeee; }
.addressbox { z-index: 2; margin-left: 1.1rem; }
.addressbox a { color: #fff; font-size: 1.1rem;}
.addressbox a:hover { color: #ccc; }
.mapBox { padding: 0px !important; width: 225px; margin-right: 20px; /*background-color: #EBEDED;*/}
.mapBox p { padding: 20px; margin:0; font-size: 1.1rem; line-height: 1.5; color: #fff; padding-top:0; }
.footer-map-cover { width: 50%; min-height: 400px; float: left; background: #9b9d9c url(../img/map_cover_postamrochus.jpg) center center no-repeat; background-size: cover; }
.footer-map-cover_bg { width: 100%; position: absolute; top: -40px; z-index: 10;}
.unsereli {background-color: #fff;}
.unserbox { color: #fcbd04; padding: 40px 16px; background: #eac92c; height: 220px !important;}
.unserbox img { padding-top: 20px; padding-bottom: 20px; }
.horlinered { width: 100%; height: 1px; background-color: #fcbd04; }
.unserbox h2 { display: block; font-weight: 100; color: #000; font-size: 54px; margin-bottom: 0; font-family: 'brandon_grotesquebold'; background: none; padding-bottom:0; padding-top: 5px;}
.unserbox h4 { clear: both; font-weight: 100; color: #000; line-height: 24px; font-size: 24px; padding-left: 2px; padding-right: 2px; font-family: 'brandon_grotesquebold'; background: none; text-transform: none; margin-top:0; padding-top:0;}
.footerLinks { }
.footerLinks a { text-decoration: none; }
#Form_NlForm #Email { width: 96% !important; }
#ot-sdk-btn.ot-sdk-show-settings { margin-top: 15px !important}
.show-for-small-only { display: none}
#Form_Form_Subject_Holder { position: fixed; left: -3000em }
.niceselect { width: 100%; text-transform: uppercase; color: #fff; background-color: #000; }
.nice-select { font-family: 'brandon_grotesquebold'; }
#shopsuche { background-color: #000; border: 1px solid #000; color: #fff; font-weight: 500; height: 52px; line-height: 50px; font-size: 1.4em; width:100%; padding-left: 10px; }
#shopsuche::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
text-transform: uppercase;
}
#shopsuche::-moz-placeholder { /* Firefox 19+ */
color: #fff;
text-transform: uppercase;
}
#shopsuche:-ms-input-placeholder { /* IE 10+ */
color: #fff;
text-transform: uppercase;
}
#shopsuche:-moz-placeholder { /* Firefox 18- */
color: #fff;
text-transform: uppercase;
}
.coming { width: 50%; height: 100%; float: left; }
/* 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 ;}
.marginT80 { margin-top: 80px !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 ;}
.marginB100 { margin-bottom: 100px !important }
.marginL140large{margin-left: 140px !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 ;}
.paddingT80 { padding-top: 80px !important ;}
.paddingT100 { padding-top: 100px; }
.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 ;}
.paddingB80 { padding-bottom: 80px !important ;}
.paddingB100 { padding-bottom: 100px !important; }
.paddingB150{ padding-bottom: 150px !important; }
.paddingL0 { padding-left: 0px !important; }
.paddingR20 { padding-right: 20px !important; }
.paddingR40 { padding-right: 40px !important; }
.padding40 { padding: 40px; padding-top:0; padding-bottom:0; }
/* end of margins------------------*/
.shareBox * { font-weight: bold; padding: 0 5px;}
.bigteaser { max-height: 460px; overflow-y: hidden; }
/* home page--------------------------------*/
.homeBoxLink { display: block; 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 #fcbd04;*/ /*margin-bottom: 30px;*/}
.homeBoxUnderline { padding-top: 15px;}
.homeBoxUnderline img { width: 100%; }
.homeBoxUnderline a { text-decoration: none;}
.homeBoxPopup { width: 100%; height: auto; min-height: 91px; height: 91px; background: #000; bottom: 0; left: 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; height: 91px; padding: 0px 20px; }
.homeBoxPopup > div >* { display: table-cell; vertical-align: middle; }
.homeBoxPopup h3 { color: #fff; font-size: 22px; font-family: 'brandon_grotesquebold'; text-transform: uppercase;}
.mainslider { max-height: 727px; overflow: hidden; padding-left: 0 !important; padding-right: 0 !important; }
#homeSlider, #homeSlider2 { position: relative; overflow: hidden; max-height: 625px; width: 100%; max-width: 100%; margin: 0 !important;}
#homeSlider .cycle-slide { width: 100%; height: 100%; min-height: 460px; padding:0;}
#homeSlider .cycle-slide img { width: 100%; }
.hiddenimg { visibility: hidden; }
.hsNoTitle { top: 90% !important; width: 100%; left:0; text-align: center; margin-left: 0px !important }
.boxedTitle { left: 260px; }
.ytslider { display: block; width: 100%; height: 100%; z-index: 999; position: relative; }
.slide { padding-left: 0px !important; padding-right: 0px !important; }
.slide img { min-width: 100%; }
.sliderBoxPositioner { position: absolute; top:0; left:0; right:0; bottom:0; z-index: 999;}
.sliderBoxPositioner .row { margin: 0 auto; margin-top: 465px; max-width: 70rem;}
.sliderBoxPositioner h2 { padding: 0; word-wrap:break-word; }
.sliderBoxPositioner h5 { text-transform: uppercase; color: #fcbd04; }
.sliderbox { padding:0; text-align: right;}
.sliderbox-inner .insider { display: block; clear: both; float: right; width: auto; padding: 0px 10px; color: #fff; background-color: #000;font-size: 40px; text-align: right; font-family: 'brandon_grotesquebold'; }
.sliderbox-inner .insider h1 { font-size: 40px; color: #fff; padding:0; line-height: 1; }
.sliderbox-inner .insider h2 { font-size: 40px; color: #fff; padding: 0; color: #fff; line-height: 1; }
.sliderbox-inner { }
.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; }
.blacklink { width: 186px; position: absolute; bottom: -97px; z-index: 200; cursor: pointer; display: block; background-color: #000; color: #fff; text-align: center; font-family: 'brandon_grotesquebold'; padding: 10px 12px; text-transform: uppercase; letter-spacing: 1px; }
.blacklink:hover { color: #fefefe; }
.blacklinkonly { max-width: 250px; cursor: pointer; display: block; margin: 0 auto; background-color: #000; color: #fff; text-align: center; font-family: 'brandon_grotesquebold'; padding: 10px 12px; text-transform: uppercase; letter-spacing: 1px; }
.blacklinkonly:hover { opacity: 0.8; color: #fff }
.HomePage .slide .blacklink { width: auto; }
.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: #fcbd04; 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; z-index: 999; bottom: 10px; width: 100%; text-align: center; display: block;}
.cycle-pager span { line-height: 7px; font-weight: bold; font-size: 1.5em; text-align: center; cursor: pointer; padding: 1px; color: transparent; border: 1px solid #fff; width: 15px; height: 15px; display: inline-block; margin: 0 3px; }
.cycle-pager span.cycle-pager-active { background-color: #fff; }
.socialwall { display: block; height: 60px; width: 344px; margin: 0 auto; background-color: #000; color: #fff; font-family: 'brandon_grotesquebold'; text-transform: uppercase; font-size: 27px; padding: 15px; position: relative; z-index: 100;}
.socialwall span { position: absolute; left: 40%; }
.socialbox { float: left; width: 100%; margin-bottom: 10px;}
.socialboxcontent { max-height: 500px; overflow: hidden; background-color: #fff; float: left;}
.socialboxcontent img { width: auto; max-height: 200px; display: block; margin: 0 auto; }
.socialboxcontent a { color: #fcbd04; }
.identbox { clear: both; float: left; width: 100%; font-size: 12px; font-family: 'Work Sans', sans-serif; font-weight: 400;}
.identbox a { display: block; float: left; font-size: 16px; font-family: 'Work Sans', sans-serif; font-weight: 400;}
.identright { float: left; margin-left: 7px; font-size: 0.9em; margin-top: 20px;}
.identright a:focus,
.identright a:hover { color: #000; }
.teaser { margin-top: 40px; background: transparent url(../img/herbst.jpg) center center no-repeat; background-size: cover; height: 446px; position: relative }
.teaserText { text-align: center; margin: 0 auto; margin: 0; }
.teaserText p { font-family: 'just_lovelyregular'; font-size: 10rem; line-height:1; padding-top: 60px; color: #fff; }
.teaserText.black p { color: #000 }
.teaserLink { background: url(../img/map_cover_bg.png) repeat-x top left; text-align: center; position: absolute; left: 0; right:0; bottom: 0}
.teaserLink a {color: #fff !important;padding: 10px !important; display: block; margin: 0 auto; text-decoration: none;}
.prevnextlink { color: #999; }
.maintitle { padding-left: 30px; padding-right: 30px; font-size: 2.4em; padding-top: 15px; padding-bottom: 15px; margin-top: -8px;}
.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: #fff; border-top: 1px solid #000; 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: #fff; 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-datum { font-size: 0.8em; color: #7f7f7f; }
.job-top { border-bottom: 1px solid #fcbd04; padding-bottom: 20px; margin-bottom: 20px;}
.sbcimage { width: 100%; height: 150px; }
.bluelink { color: #000; }
.mwand { position: absolute; background: rgba(255,255,255,0.9); }
.serviceboxen a { text-decoration: none; }
/* search box---------------------------*/
.searchBorders { }
.fixed #homeSearchTop { padding-left: 0.9375rem; padding-right: 0.9375rem; position: absolute; right:0; top: 27px; display: none}
#homeSearchTop { position: relative; float: right; display: none;}
#topsearch { display: none; }
#showsearchmeta { cursor: pointer; }
#searchable { font-size: 14px; }
.f-topbar-fixed #showsearchmeta { display: none; }
.f-topbar-fixed #showfbmeta { display: none; }
#searchable::-webkit-input-placeholder { opacity: 1 !important; }
#searchable:-moz-placeholder { opacity: 1 !important; }
#searchable::-moz-placeholder { opacity: 1 !important; }
input:-ms-input-placeholder { opacity: 1 !important; }
#homeSearchBox2 { background-color: transparent;}
#homeSearchBox2 input { display: block; height: 25px; margin:0; padding:0; line-height: 25px; border:0; box-shadow: none; background: transparent;}
#homeSearchResults2 { position: absolute; width: 87%; padding: 20px; margin-left: -20px; background: #fff !important; border-bottom: 1px solid #bcbcbc; z-index: 99999;}
#homeSearchResults2 ul { list-style: none; width: 100%; margin-left:0;}
#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:0;}
#homeSearchResults2 td,
#homeSearchResults2 tr { background: transparent !important; font-size: 1rem; padding-left:0; padding-top:0; padding-bottom:0; }
#homeSearch { position: absolute; top: 20px; z-index: 500; left:0; right:0;}
#homeSearchBox { }
#homeSearchBox input { display: block; width: 290px; height: 52px; margin:0; padding:0; padding-right: 50px; line-height: 52px; border:0; box-shadow: none; background: transparent;}
#homeSearchResults { position: absolute; width: 550px; padding: 20px; background: #fff; left:0; top: 50px; border-bottom: 1px solid #bcbcbc;}
#homeSearchResults ul { list-style: none; width: 100%; margin-left:0;}
#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:0;}
#homeSearchResults td,
#homeSearchResults tr { background: transparent !important; font-size: 1rem; padding-left:0; padding-top:0; padding-bottom:0; }
#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 { }
#audioplayer { margin-bottom: -10px; position: relative;}
#radiospot { display: inline-block; color: #fcbd04; padding-left: 32px;}
.head.fixed #radiospot { display: none; }
.head.fixed #audioplayer { margin-bottom: 17px; }
#small { text-align: center; }
.stunden { padding-left: 10px; padding-right: 10px; }
#player { }
#ytplayer { display: block; width: 100%; height: 100%; min-height: 460px; margin-top:0;}
/* shop plan-----------------------------*/
.shopMobileLink { text-decoration: none !important; font-size: 20px;}
area { cursor: pointer;}
#shopPlanContent { position: absolute; bottom: -120px; left: -130px; }
.innerplancontent { padding: 20px; padding-bottom: 10px;}
#shopPlanHolder { position: relative; }
.hiddenBoxes { display: none; }
.shopContentBlock { display: none; position: relative; z-index: 1000;}
.shopContentBlock.active { display: block; }
.shopContentBlock img { max-width: 90%; margin: 0 auto; display: block; }
#mapster_wrap_0 { margin: 0 auto; }
#mapster_wrap_1 { margin: 0 auto; }
#mapster_wrap_2 { margin: 0 auto; }
#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 { max-height: 460px; overflow-y: hidden; }
.shopGastroImage img { width: 100%; margin-bottom:0;}
.gastroLogos img { display: block; box-shadow: 1px 1px 10px #ccc; margin-top: 20px;}
.gastroMenuLinks a { display: block; text-decoration: none; color: #000;}
.gastroMenuLinks a.active { font-weight: bold; color: #fcbd04;}
.sideContent { position: relative; padding: 20px 20px 10px 20px; overflow: hidden;}
.sideContent span { display: inline-block; padding-bottom:0; }
.sideContent .grey { width: 70px; color: #888; }
.sideContent .black { color: #000; }
.sideContent .sideLogo { display: none; }
.newsbody h3 { background-color: #fff; color: #000; padding:0; margin-bottom:0;}
.sideContent p { font-size: 0.99rem; }
.sideContent p .grey { font-size: 0.9rem; }
form .field { float: left; width: 100%; }
form h5 { margin-left: 2%; }
fieldset { padding: 0px !important; border: 0px !important;}
.labeler { text-transform: uppercase; color: #000; }
textarea { border: 1px solid #000; }
.productBox { float: left; padding: 10px; width: 25%;}
.productBox.active { border: 1px solid #fcbd04;}
.productBox > img { margin-bottom: 20px; }
.productBox .field { width: 100%; margin:0; }
.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;}
input[type='checkbox'],
input[type='radio'] { display: none;}
input[type='checkbox'] + label,input[type='radio'] + label { background: transparent url(../img/checkbox_off.png) left 6px no-repeat; padding: 5px 0 5px 30px; font-size: 16px; text-align: left; width: 100%; margin:0;}
input[type='checkbox']:checked + label,
input[type='radio']:checked + label { background: transparent url(../img/checkbox_on.png) no-repeat left 6px;}
input[type=text],input[type=email],
input[type=number],select { box-shadow: none; border: 1px solid #000;}
#paymentOptions { margin-bottom: 20px; }
#paymentOptions .text label { padding-top: 5px;}
#Form_MyForm_Antwort4_Holder { padding-bottom: 30px; }
form .Actions input { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; text-transform: uppercase; height: 50px; display: block; background: #fff; box-shadow: none; border: 1px solid #000; width: 50%; padding: 5px 0; font-size: 18px; cursor: pointer}
form .Actions input:hover { color: #fff !important; background-color: #000;}
#goldenidahome { position: absolute; right: -60px; bottom: 12px; }
/* 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: #fff; font-weight: bold; font-size: 2.5em; margin-bottom: 15px;}
.redbutton { display: inline-block; clear: both; background-color: #fcbd04; color: #fff !important; text-transform: uppercase; padding: 20px 30px; }
.redbuttonmobile { display: block; clear: both; width:95%; margin: 0 auto; margin-bottom: 10px; background-color: #fcbd04; color: #fff !important; text-transform: uppercase; padding: 15px 25px; }
.redlink { display: block; clear: both; width:95%; margin: 0 auto; margin-bottom: 1px; color: #fcbd04 !important; padding: 7px 10px; }
.orangebuttonsmall { display: inline-block; clear: both; background-color: #000; 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; }
.shopbox { }
.shopbox img { display: block; float: left; }
.shopbox .sbInner { display: block; float: left; width: 50%; background-color: #000; color: #fff; min-height: 265px; padding-left: 10px; padding-right: 15px; }
.shopbox .sbInner h5, .shoptitle { padding-left:0; font-size: 1.25rem }
.shopbox .sbInner a { color: #fff; font-size: 0.9em;}
.shopbox .sbInner a:hover { color: #fff; }
.blackinside { background-color: #000; float: left; display: block; width: 100%; padding: 30px 20px; }
.shopContentBlock .shopbox { height: 256px; background-color: #000; max-width: 590px; }
.shopContentBlock .shopbox img { max-height: 100%; width: auto;}
.shopContentBlock .shopbox .sbInner { max-width: 50%; width: auto; padding-right: 5px;}
.fifty { width: 50%; float: left; }
.sbinner { min-height: 350px; position: relative; width: 100%;}
.sbinner a { font-family: 'brandon_grotesquebold';font-size: 1.4em; font-weight: 600; line-height: 80px; display: block; position: absolute; bottom:0; height: 80px; width: 100%; background-color: #000; color: #fff; text-align: center; text-transform: uppercase; }
/* 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; }
/* info page-------------------------------*/
.InfoBox { float: left; min-height: 280px;}
.InfoBoxTitle { letter-spacing: 2px; padding: 13px 20px 9px 20px; margin-top:0; text-align: center; font-size: 1.8rem}
/* 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: 50px; float: left;}
#mapholder { margin-top: 24px;}
#mapholder1 { margin-top: 24px;}
#mapholder2 { margin-top: 24px;}
#mapholder3 { 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;}
.darkgrey { background-color: #363635; }
/* contact page--------------------------*/
.fields100percent > div { width: 100%; margin-left:0; margin-right:0;}
.fields50percent > div { width: 50%; margin-left:0; margin-right:0;}
.sbmsg { padding: 15px; display: inline-block; height: 160px; overflow: hidden; color: #000;}
#Remember { margin-top: 20px; }
.shopsnavi { padding-left:0; }
.allshopsfilter { display: inline-block; padding-left:0;}
.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(../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 { }
.kleingedruckte p, .kleingedruckte li { font-size: 0.65em; line-height: 1.25 }
.SommerfrischePage .lilatext h2 { background-color: #fff; color: #000; padding-left:0; font-size: 36px; line-height: 1.1 }
.SommerfrischePage h2.sitetitel { color: #fff; background-color: #000; padding-left: 75px }
.lilatext p { font-weight: 300 }
.GewinnspielPage .gscontent h2 { background-color: #fff; color: #000; padding-left:0; font-size: 36px; line-height: 1.1; text-align: left }
#Form_GewinnspielForm input[type=text],
#Form_GewinnspielForm input[type=email] { margin-bottom:0; padding-bottom:0; border: none; border-bottom: 1px solid #000 }
#Form_GewinnspielForm_Antwort { display: inline; width: 100px }
#Form_GewinnspielForm label { text-transform: uppercase; }
#Form_GewinnspielForm_Teilnahme_Holder label { text-transform: none; }
#sendgewinnspiel { cursor: pointer; padding: 12px 45px; background-color: #000; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; border: none; font-weight: bold }
.inline { display: inline; }
#Form_GewinnspielForm_Antwort_Holder { display: inline; width: unset; float: unset; }
#Form_GewinnspielForm_Antwort_Holder .middleColumn { display: inline; width: unset; float: unset; }
#Form_GewinnspielForm_Antwort_Holder .middleColumn input { border: none; background: #fff url(../img/dots.jpg) bottom left repeat-x; width: 260px; letter-spacing: 20px; padding-left:0; padding-bottom: 6px; margin-left: 10px; font-weight: 600; text-transform: uppercase; }
.umrandung { width: 100%; border: 1px dotted #000; padding: 10px; margin-bottom: 20px }
#Form_GewinnspielForm_Teilnahme_Holder { margin-top: 25px }
.click-zoom input[type=checkbox] { display: none }
.click-zoom input[type=checkbox]~.closer { display: none; transition: transform 0.8s ease; text-align: center; font-size: 20px; font-weight: normal; line-height: 22px; }
.click-zoom img { transition: transform 0.5s ease; cursor: zoom-in }
.click-zoom input[type=checkbox]:checked~img { transform: scale(1.5); cursor: zoom-out; position: absolute; z-index: 999 }
.click-zoom input[type=checkbox]:checked~.closer { display: block; position: absolute; right: -116px; top: -100px; background-color: #000; color: #fff; width: 25px; height: 25px; z-index: 99999 }
#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: #fcbd04; font-weight: bold; }
#shopFindDropdown { overflow-y:scroll;height:250px }
header { background: #fff url(../img/header_bg.jpg) repeat-x top left; }
#parLogo { position: absolute; top: -27px; z-index: 1000; left: -4px;}
.mainslider { clear: both; }
.full-screen-header { width: 100%; height: auto; max-height: 520px; min-height: 520px; overflow: hidden; }
.full-screen-header h2 { text-transform: none; font-family: 'just_lovelyregular'; font-size: 10em; background-color: transparent; color: #000; font-weight: 500; text-align: left; width: 100%; line-height: 1; padding-left:0; margin-left: -10px; }
.service-box h3 { background-color: #fff; text-transform: none; color: #000; padding:0; position: absolute; bottom: -4px; padding-bottom:0; margin-bottom:0; line-height: 1;}
.shophomelink { cursor: pointer; }
.nopaddingleft { padding-left:0; }
.nopaddingright { padding-right:0; }
/* OsternPage */
.backgroundblack { text-align: center; }
.OsternPage h2 { text-transform: uppercase; }
.sitetitel { padding: 10px 75px; }
.OsternPage h3 { background-color: transparent; color: #000; font-size: 30px; line-height: 1; padding-left: 0; }
.bordertop { border-top: 1px solid #000; margin-top: 100px; margin-bottom: 100px; }
.eiertext { position: relative; top: 165px; }
.terror { transition:visibility 0.3s linear,opacity 0.3s linear; display: none;}
@keyframes bounce { 0% { transform: translateY(0); } 100% { transform: translateY(-50px); } }
.osternbox img:hover { animation: bounce 0.8s infinite alternate; }
.featuredlogo { min-height: 510px; }
.osternbox { cursor: pointer; }
.backgroundwhite { background-color: #fff; }
#Form_BenachrichtigenForm fieldset { padding:0; margin:0; border: 0px }
.htmltext { margin-top: -50px }
.htmltext h1 { background-color: #fff; color: #000; padding-left: 0px }
#Form_BenachrichtigenForm_Email { border-bottom:0; margin-bottom: 0px }
#Form_BenachrichtigenForm_Subject { margin-bottom:0; }
#Form_BenachrichtigenForm_action_sendnachricht { position: absolute; right:0; width: 130px; background-color: #000; color: #fff; margin-top: -36px; height: 36px; font-size: 14px; padding: 1px 0px; }
/* service page */
.paddedBox { padding-top: 100px; padding-bottom: 100px; }
#srchdrop { display: none; position: absolute; top: 52px; width: 358px; max-width: 100%; background-color: #000; color: #fff; text-transform: uppercase; list-style-type: none; margin-left:0; padding: 10px; z-index: 1002;}
#srchdrop li { cursor: pointer; }
.nomobile { display: block; }
.mobile { display: none; }
.AdventPage .maintitle { text-transform: uppercase; letter-spacing: 2px }
.AdventPage .subline { background-color: #fff; color: #000; padding-left:0; font-size: 40px; }
.XmasPage .introheader h2 { background-color: #fff; color: #000; padding-left:0; font-size: 35px; line-height: 40px; }
.FruehlingPage .subline { background-color: #fff; color: #000; padding-left:0; font-size: 40px; }
.FruehlingPage .daskleine { width: 100%; margin-top: 120px; }
.text-left p { text-align: left !important }
.bluebg { background-color: #d6eefc }
.minusimage { margin-top: -65px }
.portiontext { padding-top: 50px; }
.portiontext p { font-weight: 500; font-size: 1.2rem; line-height: 1.5; padding-right: 250px; padding-bottom: 30px; }
.HerbstPage .subline { background-color: #fff; color: #000; padding-left:0; font-size: 40px; }
.lowertext { padding-top: 50px; }
.lowertext h3 { background-color: unset; color: #000; padding-left:0; font-size: 25px; }
.lowertext p { font-weight: 400; font-size: 1rem; line-height: 1.4; padding-right: 200px; padding-bottom: 30px; }
.geschenkbox { text-align: center; background: transparent url(../img/box-bg.jpg) center center; min-height: 400px;}
.gbox2 { min-height: 485px; }
.glogo { max-width: 60%; margin: 0 auto; }
.gmain { padding-top: 15px; padding-left: 10px; padding-right: 10px; }
.datumbox { font-weight: 300; background-color: #000; color: #fff; margin: 0 auto; margin-bottom: 20px; width: 85px; text-align: center; padding-top: 25px; padding-bottom: 10px; font-size: 20px; line-height: 26px;}
.datumbox.bigger { width: 115px; padding-bottom: 25px; }
.dateinside { font-size: 26px; font-weight: 400; }
.daskleine { clear: both; width: 90%; margin: 0 auto; }
.daskleine p { font-size: 11px; font-weight: 100; text-align: center;}
.geschenkbox p { padding-bottom: 5px; margin-bottom:0; }
.rightaction { width: 60%; clear: both; margin: 0 auto; text-align: left; }
.leftaction { width: 60%; clear: both; margin: 0 auto; text-align: left; }
.rightaction img { display: block; float: left; max-width: 50%; }
.rightaction p { display: block; float: left; max-width: 50%; }
.leftaction img { display: block; float: left; max-width: 50%; }
.leftaction p { display: block; float: left; max-width: 50%; }
.liner { width: 100%; height: 1px; border-top: 1px solid #000; }
.garagen { margin-top: 30px; margin-left: 10px }
.NetiquettePage { background-color: #e9ebee; }
.NetiquettePage h1 { display: block; width: 250px; margin: 0 auto; text-transform: uppercase; }
.eingezogen { padding-left: 70px; }
.NetiquettePage h3 { background-color: #fff; color: #000; font-size: 20px; padding-left:0; }
.NetiquettePage hr { border: none; border-top: 1px solid #000; }
.tablethoch { display: none; }
.infopic { max-width: 57px }
@media only screen and (min-width: 1440px) {
body { overflow-x: hidden; }
}
// Small screens
@media only screen {
#shopPlanContent { position: relative; min-height: 310px; }
.shopGastroImage img { margin-top:0; }
.mobilesubmenu .mobilesubmenu { display: none; }
}
#Anrede { width: 343px;}
@media only screen and (max-width: 1800px) {
.sliderBoxPositioner .row { margin-top: 350px; }
.AdventPage .full-screen-header { min-height: 450px; }
}
@media only screen and (max-width: 1500px) {
.sliderBoxPositioner .row { margin-top: 280px; }
.AdventPage .full-screen-header { min-height: 450px; }
}
@media only screen and (max-width: 1280px) {
.sliderBoxPositioner .row { margin-top: 220px; }
#homeSlider .cycle-slide { min-height: 400px; }
.AdventPage .full-screen-header { min-height: 350px; }
.garagen { margin-top: -100px; }
}
@media only screen and (max-width: 1280px) {
.sliderbox p { width: 500px; font-size: 115px; margin-left: -115px; line-height: 105px; }
}
@media only screen and (max-width: 1160px) {
#goldenidahome { position: relative; right: unset; }
}
@media only screen and (max-width: 1100px) {
.fixed .primary ul { margin-left: -30px; margin-top: 27px; }
.primary > ul > li { padding: 7px 5px; margin: 0 9px; }
.primary > ul > li:first-child { padding-left:0; margin-left:0; }
.countdown h4 { margin-top: 12px; }
.unserbox { margin-bottom: 20px; }
.unserbox h2 { font-size: 3em !important; }
.shopMobileLink { color: #000; padding-left: 20px;}
.mobilesubmenu li { line-height: 1.8em; }
#shopPlanContent { margin-bottom: 20px;}
.sliderbox p { font-size: 80px; margin-left: -115px; line-height: 105px; }
.AdventPage .full-screen-header { min-height: 250px; }
.garagen { margin-left: -30px }
}
@media only screen and (max-width: 900px) {
.garagen { margin-top: -30px; }
}
@media only screen and (min-width: 640px) and (max-width: 1000px) {
.fixed #topMenu {display: none; }
}
@media only screen and (max-width: 1024px) {
.shopbox .sbInner { min-height: 241px; }
#mapframe { margin-top: -300px !important; }
.sliderbox p { margin-left: -95px; font-size: 100px;}
#homeSlider .cycle-slide { min-height: 315px; }
.sliderBoxPositioner .row { margin-top: 125px; }
#homeSlider, #homeSlider2 { max-height: 320px; margin: 0;}
.cycle-pager { top: 270px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.notablethoch { display: none; }
.tablethoch { display: block; }
}
@media only screen and (max-width: 40em) {
#shopPlanContent { position: relative; min-height: 310px; }
.shopGastroImage img { margin-top:0; }
.mobilesubmenu .mobilesubmenu { 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:0; z-index: 10; font-size: 16px; }
.footerHaveChildren { position: relative; padding-right: 20px; }
.footerExpander { position: absolute; right:0; top:0; color: #000; font-size: 22px; font-weight: bold; line-height: 1; }
.sliderBoxPositioner { top:0; left:0; right:0; 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) {
.garagen { margin-left: 17px; margin-top:0; }
.headseventy { width: 100%; font-size: 2.2em; line-height: 1.2; }
.footer-map {height: auto !important}
.footer-map-cover{width: 100% !important; background-image: url(../img/map_cover_postamrochus_mobile.jpg);}
#mapframe {width: 100% !important; position: relative !important; height: 350px;}
.sliderBoxPositioner { top: -219px; }
.sliderBoxPositioner .blacklink {display: none;}
.sliderbox-inner .insider { font-size: 20px; margin-right: 15px; }
.sliderbox-inner .insider h2 { font-size: 20px; line-height: 1.2; }
.map_cover_box{bottom: 111px;}
.addressbox{margin-left:0;}
#homeSlider .cycle-slide { min-height:0; }
.footer-map{margin-bottom:0;}
#showMobileMenu { z-index: 999; margin-top: 1px; margin-top: 40px; margin-bottom: 8px;}
#parLogo {left: 20px; top: -1px}
.coming { width: 100%; }
a.brand { position: unset;}
.phonelink,
.maillink,
.pdflink { display: block; clear: both; margin-left: -10px; width: 110%; text-align: center; border-top: 2px solid #fff; padding-top: 8px; padding-bottom: 8px; }
.nomobile { display: none; }
.mobile { display: block; }
.auflistung {padding-bottom: 0px !important;}
.auflistung .sbInner {padding-bottom: 0px !important;}
.teaser { min-height: 250px; margin-top: 70px; }
.homeBoxLink { font-size: 15px; }
.homeBoxPopup h2 { font-size: 20px; }
#parLogosmall { display: none; }
.floatright { float: right; }
.InfoBox { float: unset; }
#goldenidaktuelles2 { position: absolute; top: -10px; }
.full-screen-header { background-size: cover !important; min-height: 200px; }
.portiontext p { padding-right: 10px; }
.infopic { max-width: 49px; }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
header { padding-top: 27px; padding-bottom: 15px; }
#searchable { font-size: 14px; }
.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: 220px; }
.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; }
.cookiebox { padding-bottom: 15px; padding-top: 15px; background-color: #f2f2f2;}
h3 { line-height: 1.1em; font-size: 1.8rem }
h4 { font-size: 1.3em; line-height: 1.3em; }
.footer-map { margin-top: 30px; }
.footerMap h2 { font-size: 2em; }
.productBox { width: 48%; }
.cycle-pager { display: none; }
#Anrede { width: 275px; }
#MobileMenu { padding-top: 10px; padding-bottom: 20px; }
#MobileMenu .current > a { color: #fcbd04; }
#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: 5200px; }
#parLogo { left: 15px; max-width: 110px; }
.marginL140large { margin-left: 0px !important}
.socialwall { width: 100% !important; margin-top: -45px !important; min-height: 65px; margin-bottom: 15px !important;} /* es war width 90, margin top 40px */
.teaserText { margin: 0 auto;}
.teaserText p { font-size: 72px; line-height: 65px; margin-top:0; margin-bottom:0; padding-top: 50px; padding-bottom: 20px;}
.full-screen-header { background-size: cover !important;}
.footerLinks div { width: 100%; }
.teaserLink { background-position: bottom left; }
.homeBoxPopup > div { padding:0; }
#frameholder { height: 300px !important; position: relative !important; clear: both; width: 100% !important; clear: both; }
#frameholder frame { height: 100% !important; max-height: 100% !important; margin-top: 0px !important; }
#mapframe { margin-top: 0px !important; height: 100% !important; }
.map_cover_box { position: relative; clear: both; }
.footerLinks { padding-left:0; }
.footer-map .socialwall { width: 100% !important; margin-top: -67px !important; height: 67px; }
.mapBox { width: 100%; margin-bottom: 30px; margin-top: 80px; background-color: #000;}
.mapBox p { padding: 12px; }
.maintitle { padding-left: 10px; padding-right: 10px; font-size: 1.5em;}
.shopbox img { width: 100%; }
.shopbox .sbInner { width: 100%; min-height: 100px; height: auto; padding-bottom: 30px;}
.full-screen-header { height: 300px; }
.full-screen-header h2 { font-size: 7em; }
.sbinner { margin-bottom: 20px; }
.footerLinks { padding-left:0; }
.service-box { position: relative; clear: both; }
.service-box h3 { left: 13px; top: 10px; }
.sideContent { padding-left:0; }
.newsimg img { }
.featuredlogo { min-height: auto; }
}
@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:0; }
.cookiebox { padding-bottom: 10px; padding-top: 10px;}
.mwand { position: relative; margin: 0 !important;}
.annonce-item { max-width: 97%; }
.job-item { max-width: 97%; }
.allshopsfilter a { padding-right: 32px; }
.featuredlogo { min-height: auto; }
#listlisted { min-height: 5200px; }
.marginL140large{margin-left: 0px !important}
.sliderbox-inner {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: 2rem; }
.sideContent table { width: auto !important; }
.mapBox { margin-left: 10px; }
#homeSearch { margin-left: 10px; }
#shopPlanContent { }
.marginL140large{margin-left: 0px !important}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
.sliderBoxPositioner { top: 35px; left: 50px; }
.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; }
h2 { font-size: 1.5rem; }
h5, .shoptitle { 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; }
.cycle-pager { top: 270px; 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; }
.marginL140large{margin-left: 0px !important}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
p { font-size: 0.9rem; }
.ipadportraitclear { }
#audioplayer { margin-bottom: -36px;}
#stopplay2 { position: absolute; top: -2px; display: inline-block; cursor: pointer; width: 28px; height: 28px; background: transparent url(../img/audio.jpg) center center no-repeat;}
#stopplay2.paused { background-image: url(../img/pause.jpg); }
#homeSlider .cycle-slide { min-height: 500px; }
.marginL140large{margin-left: 0px !important}
.maintitle { padding-top: 10px; padding-bottom: 10px; }
.sideContent { padding-left:0; }
.footer-map { margin-bottom: 1px; }
.footer-map .socialwall { margin-top: 15px; }
.sliderbox { }
.sliderBoxPositioner { left: 10px; }
.sliderbox p { font-size: 75px; margin-left: -120px; }
#shopPlanContent { left:0; bottom: -195px; max-width: 555px; }
.homeBoxPopup h2 { font-size: 1.2em; }
/*
#frameholder { height: 308px !important; min-height: 308px !important; }
.footer-map { height: 308px !important; overflow: hidden; padding-bottom:0;}
*/
.footer-map { padding-bottom:0; }
.fixed #homeSearchTop { top: 32px; }
.featuredlogo { min-height: auto; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.sliderbox-inner .insider h1 { font-size: 24px; }
.blacklink { bottom: -55px; left: -25px;}
h2 { font-size: 1.5rem !important; }
.full-screen-header { height: 400px; }
.full-screen-header h2{font-size: 100px !important;}
.cycle-pager { left: 50%; }
.innerplancontent { padding: 5px; }
.InfoBox { min-height: 50vH;}
#shopPlanContent { min-height: 390px; }
#shopPlanHolder { zoom: 0.9; }
.ipadportraitclear { clear: left; }
.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(../img/audio.jpg) center center no-repeat;}
#stopplay2.paused { background-image: url(../img/pause.jpg); }
#homeSlider .cycle-slide { min-height: 265px; }
.marginL140large{margin-left: 0px !important}
.maintitle { padding-top: 10px; padding-bottom: 10px; }
.sideContent { padding-left:0; }
.footer-map { margin-bottom: 1px; }
.footer-map .socialwall { margin-top: 15px; }
.sliderbox { width: 45%; float: right; margin-top: -10px;}
.sliderbox p { font-size: 67px; }
.sliderbox-inner { padding: 2px; }
.sliderbox-inner .insider { font-size: 28px; }
#shopPlanContent { left:0; bottom: -340px; max-width: 555px; }
.footerLinks { padding-left:0; }
.mapBox {width: 200px; margin-right:0;}
.map_cover_box { }
#topMenu { padding-left: 10px; }
.sbinner { min-height: 230px; }
.sbinner a { line-height: 1.4; height: auto; min-height: 80px; }
.shopbox img { width: 100%; }
.shopbox .sbInner {width: 100%; min-height: 270px; }
.homeBoxPopup h2 { font-size: 0.95em !important; }
/*
#frameholder { height: 231px !important; min-height: 231px !important; }
.footer-map { height: 231px !important; overflow: hidden; padding-bottom:0;}
*/
.footer-map { padding-bottom:0; }
.HomePage .ipadhoch.medium-4 { /*width: 50%;*/ }
.ShopsUebersicht .phonelink,
.ShopsUebersicht .maillink,
.ShopsUebersicht .pdflink { display: block; clear: both; margin-left: -10px; width: 110%; text-align: center; border-top: 2px solid #fff; padding-top: 8px; padding-bottom: 8px; }
.nomobile { display: none; }
.auflistung {padding-bottom: 0px !important;}
.auflistung .sbInner {padding-bottom: 0px !important;}
.coming { width: 100%; }
.abstandipadhoch { margin-top: 50px; }
.firstipad .sbInner { min-height: 269px; }
.firstipad .phonelink { margin-top: 60px; }
.fixed #topMenu {display: none; }
.featuredlogo { min-height: auto; }
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
.InfoBoxTitle { margin-top: 20px !important; margin-left:20%; min-width: 61%;}
.socialwall { margin-bottom: 0px !important;}
}
@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;}
.InfoBox {min-height: 140vH !important; }
.InfoBoxTitle { padding: 10px 5px 7px 5px; letter-spacing: 1px;}
.footer-map { margin-bottom: 1px; }
.footer-map .socialwall { margin-top: 15px; }
}
@media only screen and (max-width: 1300px) {
.full-screen-header {background-size: contain;}
}
@media only screen and (min-width: 40.0625em){
.full-screen-header h2{ margin-top: 100px !important; }
}
/* iphone 5*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
.InfoBoxTitle { margin-top: 20px !important; margin-left:0; min-width: 100% !important;}
.socialwall { margin-bottom: 0px !important;}
.prevnextlink { font-size: 0.9em; }
}
@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape) {
.InfoBoxTitle { margin-top: 20px !important; margin-left:0; min-width: 100% !important;}
.socialwall { margin-bottom: 0px !important;}
}
@media only screen and (min-device-width : 412px) and (max-device-width : 732px) and (orientation : landscape) {
.InfoBox {min-height: 115vH; clear: left;}
.InfoBoxTitle { margin-left:0; min-width: 100% !important;}
.socialwall { margin-bottom: 0px !important;}
}
@media only screen and (min-device-width :414px ) and (max-device-width : 736px) and (orientation : landscape) {
.InfoBox { min-height: 115vH !important; clear: left;}
.InfoBoxTitle { margin-left:0; min-width: 100% !important;}
.socialwall { margin-bottom: 0px !important;}
}