body { background: #fff; color: #000; font-family: 'Libre Franklin', sans-serif; font-size: 14px; } body.HomePage { min-height: 100vh;} a { color: #f7941d; text-decoration: none; } a:hover, a:active { color: #f7941d; text-decoration: none; } a.nocolor { color: #000; } a.nocolor:hover { opacity: 0.7; } .uppercase { text-transform: uppercase; } .linklike, .doclink { color: #f7941d; } .inline { display: block; float: left; } .mobile { display: none; } #tothetop { display: none; font-size: 2em; cursor: pointer; position: fixed; right: 15px; bottom: 15px; z-index: 10; } h1,h2,h3 { font-family: 'Libre Franklin', sans-serif; font-weight: 500; color: #000; } h1 { font-size: 2.6rem; color: #000; font-weight: bold; padding-left: 0px; margin-left: 0px; padding-bottom: 12px;} h2 { font-weight: 550; font-size: 1.7rem; } h3 { font-size: 1.3rem; font-weight: 500; } h4 { margin-bottom: 1px;font-family: 'Libre Franklin', sans-serif; padding-bottom: 5px; display: inline-block; font-size: 0.95rem; font-weight: 450; text-transform: uppercase; } h6 { font-size: 0.8rem } img { max-width: 100%; } p,td { font-family: 'Libre Franklin', sans-serif; font-weight: 300; line-height: 1.5; font-size: 0.95rem; color: #000; margin-bottom: 1.5rem; color:#000; } p strong { font-weight: 600; font-size: 1rem; } li { font-family: 'Libre Franklin', sans-serif; font-weight: 300; line-height: 1.5; font-size: 0.95rem; color: #000;} .HomePage .content p { font-size: 0.95rem; font-weight: 300; line-height: 1.5; color: #519FC8; max-width: 380px; } /* Header */ .preheader { height: 0px; width: 100%; } .preheader.sticky { height: 175px; } header { position: relative; z-index: 99999; background-color: #fff; left: 0px; right: 0px; -webkit-transition: top 1s; -moz-transition: top 1s; transition: top 1s; } header.sticky { position: fixed; top: -120px; box-shadow: 0px 2px 12px -5px #888888; } header.sticky.finished { top: 0px; } header.sticky .metasearch { display: none } header.sticky .homelink img { max-width: 180px } .metasearch { background-color: #fafafa } gBrand, .customBrand { width: 35px !important; background-image: url(/_resources/themes/simple/images/eo-einkaufszentrum-oberwart-logo.jpg) !important; animation: none !important; -webkit-animation: none !important; -moz-animation: none !important; } #Breadcrumbs { font-weight: 500; color: #808080; padding-top: 1.25rem !important;} #Breadcrumbs a { color: #808080; font-weight: 300; } #Breadcrumbs a:hover { opacity: 0.8; color: #f7941d !important} .bordertop { border-top: 1px solid #f7941d; } #feed { font-family: 'Libre Franklin'; font-weight: 300; color: #666; line-height: 40px;} .feedtext span { line-height: 36px; } .geoeffnet, .geschlossen { max-width: 95px; margin-top: -13px;} [v-cloak] { display: none; } nav ul { list-style-type: none; padding-left: 0px; padding-top: 85px; margin-bottom: 2px;} nav ul li { padding-right: 27px; display: inline-block; position: relative;} nav ul li a { color: #000; font-weight: 400; font-size: 1.2rem} nav ul li a:hover { color: #f7941d; opacity: 0.7} nav ul li.current > a, nav ul li.section > a { color: #f7941d; font-weight: 400;} header.sticky nav ul { padding-top: 60px; } header.sticky .homelink { padding-top: 5px; } nav ul > li:hover .submenu { display: block; } .submenu { position: absolute; display: none; padding-top: 15px !important; padding-bottom: 20px; background-color: #fff; left: -10px; width: 200px; border-bottom: 2px solid #f7941d; } .submenu li { display: block; float: left; clear: both; padding: 5px 25px; } .submenu li a { font-size: 0.9rem } .submenu li a:hover { color: #f7941d } .metanavi ul { list-style-type: none; margin-left: 0px; padding-left: 0px; } .metanavi ul li { display: block; float: left; margin-right: 40px; } .metanavi ul li a { color: #808080; font-size: 0.9rem } .soclink { padding-left: 40px; } #homeSearchTop { position: relative; float: right; display: none;} #topsearch { display: none; position: absolute; top: -1px; right: 180px } #showsearchmeta { cursor: pointer; } #searchable { color: #f7941d; font-size: 2em; } .topmeta { padding-top: 4px; } .f-topbar-fixed #showsearchmeta { display: none; } .f-topbar-fixed #showfbmeta { display: none; } #searchable::-webkit-input-placeholder { color: #f7941d !important; opacity: 1 !important; } #searchable:-moz-placeholder { color: #f7941d!important; opacity: 1 !important; } #searchable::-moz-placeholder { color: #f7941d !important; opacity: 1 !important; } input:-ms-input-placeholder { color: #f7941d !important; opacity: 1 !important; } #homeSearchBox2 { background-color: transparent;} #homeSearchBox2 input { display: block; height: 36px; margin: 0px; padding: 0px; padding-left: 5px; font-size: 1rem; line-height: 50px; border: 0px; border-bottom: 1px solid #f7941d; 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; } #homeslider { position: relative; } .mainslider { position: relative; } .cycle-pager { position:absolute; bottom:-30px; width:100%; z-index:99; 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:#f7941d; border-color:#f7941d} .homelink { display: block; padding-top: 10px } .homelink img { max-width: 215px; margin-top: 7px; } .socials { padding-top: 42px;} .socials a { padding-right: 20px; } .socials a img { max-height: 20px; } /* Footer */ .footer { font-size: 1.1rem } .footermenu { list-style-type: none; margin-bottom: 0px; padding-bottom: 0px; float: right; } .footermenu li { display: inline-block; padding-left: 10px; } .footermenu li a { font-size: 0.95rem; color: #000; font-weight: 500 } .bfmenu { padding-top: 15px; margin-left: 0px; padding-lefT: 0px; list-style-type: none; display: block; float: left; clear: both; border-top: 1px solid #f7941d; width: 100% } .bfmenu > li > a { font-weight: 500; text-transform: uppercase; color: #000; } .bfsubmenu { list-style-type: none; padding-lefT: 0px; margin-left: 0px; padding-top: 20px } .bfsubmenu li { padding-top: 10px } .bfsubmenu li a { color: #000 } .footer .copy { font-weight: 500 } /* home */ .countdown { background-color: #f7941d; padding: 8px 0px; color: #fff; } .countdown h4 { color: #fff; font-size: 2rem; line-height: 1; padding-top: 10px; padding-bottom: 0px; font-weight: normal; margin-bottom: 0px;} #countdown { font-size: 54px; text-align: center; line-height: 1; padding-top: 23px;} #small { text-align: center; } .stunden { padding-left: 10px; padding-right: 10px; } .ctdwn { padding-top: 25px; } .headimg { background-color: #fafafa; text-align: center; } .greybg { background-color: #fafafa; } .boxinside { text-align: center } .boxinside:hover { opacity: 0.8 } .boxinside img { margin-bottom: 25px; } .boxvalue { border-top: 1px solid #f7941d; padding-top: 20px; font-size: 1.75rem; font-weight: 600; display: block; width: 70%; clear: both; margin: 0 auto; color: #000 } .boxtitle { font-size: 0.95rem; font-weight: 200; text-transform: uppercase; display: block; clear: both; text-align: center; color: #000 } .shopfinderlink { display: block; margin: 0 auto; padding: 10px 25px; border: 1px solid #f7941d; max-width: 260px; text-transform: uppercase; color: #000 } .shopfinderlink:hover { opacity: 0.8 } .newsinside:hover { opacity: 0.8 } .newstitle { color: #000; text-transform: uppercase; border-bottom: 1px solid #f7941d; font-weight: 450; margin-bottom: 15px; font-size: 0.95rem } .newsintro { padding-top: 15px; font-family: 'Libre Franklin', sans-serif; font-weight: 300; line-height: 1.5; font-size: 0.95rem; color: #000; margin-bottom: 1.5rem; color:#000; } .aboxinside { text-align: center; width: 80%; margin: 0 auto; } .aboxinside:hover { opacity: 0.8 } .aboxinside img { height: 80px; width: auto; max-width: unset; } .aboxtitle { padding-top: 10px; text-transform: uppercase; font-family: 'Libre Franklin', sans-serif; padding-bottom: 15px; display: inline-block; font-size: 1rem; font-weight: 450; } .leadin p { font-size: 1rem; font-weight: 500; } .showsubmenu, .hidesubmenu { display: none; } /* shop */ .shopnummer { display: inline-block; min-width: 20px; } #mapster_wrap_0 img { } .logo img { } .nice-select { background-color: #fff !important; font-size: 1rem; font-weight: 400; border: 1px solid #f7941d; color: #f7941d !important; height: 44px !important; line-height: 44px !important; } .nice-select .list { background-color: #fff !important; } .nice-select .option { color: #f7941d !important; font-size: 1rem; font-weight: 400 } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #fefefe !important; font-size: 1rem !important } span.current { font-size: 1rem; font-weight: 400 } .nice-select:active, .nice-select.open, .nice-select:focus { border: 1px solid #f7941d !important; } .col-lg-55 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .shopinside { width: 200px; height: 200px; max-width: 100%; max-height: 100%; text-align: center; background: #fff center center no-repeat; background-size: 80% auto; } .shopinside:hover { opacity: 0.8; } .shopinside a { display: block; width: 100%; height: 100%; } .shopinside a img { visibility: hidden; } #shopsuche { border:none; border-bottom: 1px solid #f7941d; color: #808080; width: 100%; height: 44px; padding-left: 5px; background-image: url(../images/lupe.svg); background-position: 98% 8px; background-size: 30px; background-repeat: no-repeat; } #srchdrop { display: none; position: absolute; top: 52px; width: 358px; max-width: 100%; background-color: #fff; color: #f7941d; text-transform: uppercase; list-style-type: none; margin-left: 0px; padding: 10px; z-index: 1002;} #srchdrop li { cursor: pointer; } .shopPreviewHolder { background-color: #fafafa } .shopbox { padding-left:15px; padding-right: 10px; } .shopbox img { } .grid-item { width: 225px; } .grid-item-width2 { width: 450px; } /* NewsHolder */ .GalleryPage h2 { padding-bottom: 5px; margin-left: 5px; margin-right: 5px; text-align: left; color: #000; text-transform: uppercase; border-bottom: 1px solid #f7941d; font-weight: 450; margin-bottom: 15px; font-size: 0.95rem; } .NewsHolder h6 { color: #f7941d; } .newspre a { word-wrap: break-word; font-weight: 400; font-size: 0.95rem} .newspre p { margin-bottom: 5px; } .NewsHolder h2, .BlogHolder h2 { color:#f7941d; font-weight: 550; font-size: 1.3rem; } /* ServicePage */ .ServicePage h2 { font-size: 1.15rem } .serviceicon { margin-left: 20px; } /* JobsPage */ .JobsPage h2 { color: #f7941d; font-size: 1.15rem } .TextPage .homecontent { min-height: 70vh} .various { width: 340px; min-height: 100%; max-width: 100%; max-height: 340px; } /* gutschein page */ .GutscheinPage h3 { color: #f7941d; font-weight: 500; } .steps { list-style-type: none; margin-left: 0px; padding-left: 0px; padding-top: 30px; padding-bottom: 30px; } .steps li { display: inline-block; font-size: 0.8rem} .steps li.active { font-weight: 500; } input:focus { outline: none } .nolabel label { display: none; } #Form_GutscheinForm input[type=checkbox] {display: none; } #Form_GutscheinForm input[type=checkbox] + label { background-color: #fff; border: 1px solid #f7941d; padding: 7px; border-radius: 0px; display: inline-block; position: relative; cursor: pointer; } #Form_GutscheinForm input[type=checkbox] + label:active, .regular-checkbox:checked + label:active { } #Form_GutscheinForm input[type=checkbox]:checked + label { background-color: #fff; border: 1px solid #f7941d; color: #f7941d; } #Form_GutscheinForm input[type=checkbox]:checked + label:after { content: '\2714'; font-size: 14px; position: absolute; top: -3px; left: 2px; color: #f7941d; } #Form_GutscheinForm input { border-radius: 0px; border: 1px solid #f7941d; } #Form_GutscheinForm_neutral, #Form_GutscheinForm_allesgute, #Form_GutscheinForm_happybirthday, #Form_GutscheinForm_glueckwunsch, #Form_GutscheinForm_foryou, #Form_GutscheinForm_danke, #Form_GutscheinForm_Anzahl5, #Form_GutscheinForm_Anzahl10, #Form_GutscheinForm_Anzahl20 {text-align: center; } #Form_GutscheinForm_Verpackung, #Form_GutscheinForm_Bezahlart, #Form_GutscheinForm_Versandart { list-style-type: none; margin-left: 0px; padding-left: 0px; } #Form_GutscheinForm_Verpackung li, #Form_GutscheinForm_Bezahlart li, #Form_GutscheinForm_Versandart li { font-size: 0.9rem } .inline .field { display: block; float: left; } .inline .label { display: block; float: left; margin-left: 10px; margin-top: 3px; font-weight: 500; padding-right: 30px; } #Form_GutscheinForm_Anzahl5, #Form_GutscheinForm_Anzahl10, #Form_GutscheinForm_Anzahl20, #Form_GutscheinForm_Kuverts, #Form_GutscheinForm_neutral, #Form_GutscheinForm_danke, #Form_GutscheinForm_happybirthday, #Form_GutscheinForm_glueckwunsch, #Form_GutscheinForm_foryou, #Form_GutscheinForm_allesgute { width: 50px } #Form_GutscheinForm_Verpackung_Holder label, #Form_GutscheinForm_Bezahlart_Holder label, #Form_GutscheinForm_Versandart_Holder label { padding-left: 5px; } #Form_GutscheinForm_Email_Holder input, #Form_GutscheinForm_Vorname_Holder input, #Form_GutscheinForm_Nachname_Holder input, #Form_GutscheinForm_Adresse_Holder input, #Form_GutscheinForm_Plz_Holder input, #Form_GutscheinForm_Stadt_Holder input, #Form_GutscheinForm_Telefon_Holder input { min-width: 80%; max-width: 100%; border: none; border-bottom: 1px solid #f7941d; margin-bottom: 15px; padding-left: 5px; background-color: transparent; } #Form_GutscheinForm_Land_Holder select { min-width: 80%; max-width: 100%; border: 1px solid #f7941d; text-align: center; color: #f7941d; padding: 3px 0px; margin-bottom: 15px; padding-left: 5px; background-color: transparent; } #Form_GutscheinForm_Email_Holder label { display: none; } #Form_GutscheinForm_Anmerkung { width: 100%; margin-top: 10px; border: 1px solid #f7941d } span.neutraleh { padding-right: 38px !important; } #Form_GutscheinForm_Zustimmung_Holder, #Form_GutscheinForm_Zustimmung2_Holder { float: left; } .sep10 { width: 100%; clear: both; float: left; height: 10px; } .agb { float: left; display: block; max-width: 96%; margin-left: 10px; } #frmContactSubmit { color: #f7941d; border: 1px solid #f7941d; background-color: transparent; padding: 10px 25px; cursor: pointer; float: left; } #Form_GutscheinForm_Subject_Holder { position: fixed; left: -3000%; } .bestelllink { display: inline-block; border: 1px solid #f7941d; padding: 10px 25px; } .versteckt { display: none } .nextbtn { display: block; clear: right; border: 1px solid #f7941d; padding: 10px 25px; float: left; text-transform: uppercase;} .backbtn { display: block; clear: left; border: 1px solid #808080; color: #808080; padding: 10px 25px; float: left; margin-right: 7px; text-transform: uppercase;} .smaller { padding: 0px; border: none } #versand, #abholung { display: none } .bsttable td { font-size: 0.85rem; padding-top: 5px; padding-bottom: 5px; } .fetter { font-size: 0.95rem; font-weight: 600} #Form_GaesteForm_Vorname_Holder input, #Form_GaesteForm_Name_Holder input, #Form_GaesteForm_Telefon_Holder input, #Form_GaesteForm_Email_Holder input { width: 100%; border: none; border-bottom: 1px solid #f7941d; margin-bottom: 15px; padding-left: 5px; background-color: transparent; margin-bottom: 25px; } #Form_GaesteForm_Personen_Holder { display: inline; } #Form_GaesteForm_Personen_Holder .middleColumn {display: inline;} #Form_GaesteForm_Personen_Holder input { text-align: center;width: 65px; border: none; border-bottom: 1px solid #f7941d; margin-bottom: 15px; padding-left: 5px; background-color: transparent; margin-bottom: 25px; } #Form_GaesteForm_Datum_Holder { display: inline; } #Form_GaesteForm_Datum_Holder .middleColumn {display: inline;} #Form_GaesteForm_Datum_Holder input { text-align: center;width: 135px; border: none; border-bottom: 1px solid #f7941d; margin-bottom: 15px; padding-left: 5px; background-color: transparent; margin-bottom: 25px; } #Form_GaesteForm input[type=checkbox] {display: none; } #Form_GaesteForm input[type=checkbox] + label { background-color: #fff; border: 1px solid #f7941d; padding: 7px; border-radius: 0px; display: inline-block; position: relative; cursor: pointer; } #Form_GaesteForm input[type=checkbox] + label:active, .regular-checkbox:checked + label:active { } #Form_GaesteForm input[type=checkbox]:checked + label { background-color: #fff; border: 1px solid #f7941d; color: #f7941d; } #Form_GaesteForm input[type=checkbox]:checked + label:after { content: '\2714'; font-size: 14px; position: absolute; top: -3px; left: 2px; color: #f7941d; } #frmGaesteSubmit { color: #f7941d; border: 1px solid #f7941d; background-color: transparent; padding: 5px 30px; cursor: pointer; float: left; } #Form_GaesteForm_Subject_Holder { position: fixed; left: -3000%; } #Form_GaesteForm_threeg { list-style-type: none; margin-left: 0px; padding-left: 0px; } #Form_GaesteForm_threeg li { font-size: 0.9rem; display: block; float: left; max-width: 100px; margin-right: 10px;} /* kontaktpage */ .maleft { float: left; width: 130px; margin-right: 15px; } .maright { float: left; width: 300px; max-width: 100%; } /* newspage */ .black { color: #000 } .catfilter { display: block; float: left; width: 150px; color: #000; padding-bottom: 7px; text-align: center; } .catfilter.aktiv { border-bottom: 1px solid #f7941d } @media screen and (max-width: 1200px) { nav ul li { padding-right: 30px; } nav ul li.CommunityPage { padding-right: 10px; } .metanavi ul li { margin-right: 20px; } .container { max-width: 95%; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .showsubmenu, .hidesubmenu { display: block; position: absolute; right: 24px; font-weight: 100; font-size: 45px; top: 0px; cursor: pointer; line-height: 1; } .hidesubmenu { display: none; right: 27px; } .mainmenu li.section .hidesubmenu, .mainmenu li.current .hidesubmenu { display: block; } .mainmenu li.section .showsubmenu, .mainmenu li.current .showsubmenu { display: none; } .menu { cursor: pointer; margin: 0 auto;position: absolute; width: 50px; height: 40px; display: block; right: 0px; top: 10px; z-index: 999999; } .menu-global { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #f7941d; width: 60%; margin-left: 10px; margin-top: 13px; transition: 0.55s; } .menu-top { top: 0; } .menu-middle { opacity: 0; } .menu-bottom { top: 8px; } .menu-top-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; } .menu-middle-click { opacity: 0; } .menu-bottom-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s; } header.sticky .menu { top: 15px; } .mobile-logo { padding-bottom: 25px; } .mainmenu { position: fixed; background-color: #fff; top: 0px; text-align: left; left: 0px; right:0px; display: none; height: 110vh; z-index: 99999; padding-top: 150px;} .mainmenu li { display: block; clear: both; float: none; text-align: left; padding-top: 12px; padding-bottom: 12px; margin-left: 15px; padding-left: 15px; margin-right: 15px; } .mainmenu li a { color: #333 !important; font-weight: 400; padding-left: 5px; } .mainmenu li li a { color: black;} .mainmenu > li.current ul.submenu, .mainmenu > li.section ul.submenu { display: block; position: relative; } .mainmenu li.current > a { color: #f7941d !important; } .mainmenu > li.TextPage { border-bottom: 1px solid #f7941d; padding-bottom: 30px; margin-bottom: 12px } .submenu { border-bottom: none; position: relative; } li.mobile.smaller.footermobile { padding-top: 60px !important; position: relative; top: unset; display: none !important; } nav ul > li:hover .submenu { display: none } header.sticky nav ul { padding-top: 110px; } .metanavi ul li { display: block; float: left; width: 25%; padding-left: 0px; clear: none; margin-right: 0px; } .metanavi ul { padding-bottom: 20px; padding-top: 16px; } .metanavi ul li:nth-child(5) { width: 70% } nav ul li.current > a, nav ul li.section > a { color: #333 } nav ul { border-top: 0px;} nav ul li.smaller { display: inline-block !important; width: auto; float: unset; clear: none !important; padding-left: 10px; padding-right: 10px; } nav ul li.smaller a { font-size: 0.9em; padding-top: 30px; display: block } .inverse { display: block !important; } .inverse img { filter: invert(1); } .socials { display: none } .footermenu { position: absolute; right: 0px; top: -18px; } .various { width: 100%; height: 100% } .GalleryPage h2 { min-height: 40px; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .showsubmenu, .hidesubmenu { display: block; position: absolute; right: 80px; top: 0px; cursor: pointer; line-height: 1; font-weight: 100; font-size: 45px; } .hidesubmenu { display: none; right: 83px; } .mainmenu li.section .hidesubmenu, .mainmenu li.current .hidesubmenu { display: block; } .mainmenu li.section .showsubmenu, .mainmenu li.current .showsubmenu { display: none; } .preheader.sticky { height: 125px; } header { max-height: 160px; } .mobile { display: block;} .nomobile { display: none; } .metasearch { padding-left: 0px !important; padding-right: 0px !important } .metasearch .container { padding-left: 0px !important; padding-right: 0px !important } .geoeffnet, .geschlossen { margin-left: -5px; } .feedtext { font-size: 12px; } .topmeta { display: none; } header.sticky .homelink img { max-width: 70px; } .menu { cursor: pointer; margin: 0 auto;position: absolute; width: 50px; height: 40px; display: block; right: 0px; top: 10px; z-index: 999999; } .menu-global { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #f7941d; width: 60%; margin-left: 10px; margin-top: 13px; transition: 0.55s; } .menu-top { top: 0; } .menu-middle { opacity: 0; } .menu-bottom { top: 8px; } .menu-top-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; } .menu-middle-click { opacity: 0; } .menu-bottom-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s; } header.sticky .menu { top: 5px; } .mobile-logo { padding-bottom: 25px; } .mainmenu { position: fixed; background-color: #fff; top: 0px; text-align: left; left: 0px; right:0px; display: none; height: 110vh; z-index: 99999; padding-top: 150px;} .mainmenu li { display: block; clear: both; float: none; text-align: left; padding-top: 12px; padding-bottom: 12px; padding-left: 15px; } .mainmenu li a { color: #333 !important; font-weight: 400; padding-left: 5px; } .mainmenu li li a { color: black;} .mainmenu > li.TextPage { border-bottom: 1px solid #f7941d; padding-bottom: 30px; margin-bottom: 12px; padding-left: 0px; padding-right: 0px; margin-left: 80px; margin-right: 80px; } .mainmenu > li.TextPage .showsubmenu { right: 0px } .mainmenu > li.TextPage .hidesubmenu { right: 3px } .mainmenu > li { padding-left: 80px; padding-right: 80px; } header.sticky .mainmenu { top: 45px } .mainmenu li.current > a { color: #f7941d !important; } .mainmenu > li.current ul.submenu, .mainmenu > li.section ul.submenu { display: block; position: relative; } .submenu { border-bottom: none; position: relative;} li.mobile.smaller.footermobile { padding-top: 60px !important; position: relative; top: unset; display: none !important; } nav ul > li:hover .submenu { display: none } .metanavi ul li { display: block; float: left; width: 50%; padding-left: 0px; clear: none; margin-right: 0px; } .metanavi ul { padding-bottom: 20px; } .metanavi ul li:nth-child(5) { width: 70% } .footermobile { display: block; position: absolute; top: 80%; } .footermobile a { display: block; float: left; margin-right: 10px; font-size: 0.9rem } .topmeta a { padding-left: 20px; } .GalleryPage h2 { min-height: 40px; } /* HomePage */ .HomePage .content p { font-size: 1rem; font-weight: 300; line-height: 1.5; color: #519FC8; } .HomePage .content p strong { font-size: 1.3rem; font-weight: 700; line-height: 1.5; color: #519FC8; } .homeslider { bottom: 1px; } .homeslider img { max-width: 80%;} .homelink img { padding-top: 0rem; max-width: 90px;} .socials { position: absolute; padding-top: 0px; right: 0px; top: -30px } .newsinside { padding-top: 25px; } /* Footer */ .footermenu { position: relative; padding-top: 15px; } .inverse img { filter: invert(1); } video { max-height: 300px } .galimg { max-width: 115px; } /* shopsplan */ .logo { display: block; margin-bottom: 20px; } .logo img { width: 100%; } /* gutscheinpage */ #Form_GutscheinForm_Anzahl_Holder { margin-bottom: 10px; } .clear-mobile { clear: both } #Form_GutscheinForm_Email_Holder input, #Form_GutscheinForm_Vorname_Holder input, #Form_GutscheinForm_Nachname_Holder input, #Form_GutscheinForm_Adresse_Holder input, #Form_GutscheinForm_Plz_Holder input, #Form_GutscheinForm_Telefon_Holder input, .fullwidth { width: 100% } .agb { max-width: 90%; } #frmContactSubmit { margin-top: 20px; } .boxinside img { height: 80px } .various { width: 100%; height: 100% } .countdown h4 { font-size: 1.6rem } .newsblock { padding-bottom: 20px; } .fullnewsblock { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .noipadhoch { display: none; } span.neutraleh { padding-right: 103px !important; } .soclink { padding-left: 30px !important; } } @media screen and (max-width: 767px) { body.force-remove-body-scrollbar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: auto; transition: none; } nav { overflow-y: auto; } .col-lg-55 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .showsubmenu, .hidesubmenu { display: block; position: absolute; right: 13px; font-weight: 100; font-size: 45px; top: 0px; cursor: pointer; line-height: 1; } .hidesubmenu { display: none; right: 16px; } .countdown { text-align: center; } .countdown h4 { font-size: 1.5rem } #countdown { font-size: 46px; padding-top: 10px; } .preheader.sticky { height: 125px; } header { max-height: 160px; } .mobile { display: block;} .nomobile { display: none; } .metasearch { padding-left: 0px !important; padding-right: 0px !important } .metasearch .container { padding-left: 0px !important; padding-right: 0px !important } .geoeffnet, .geschlossen { margin-left: -5px; } .feedtext { font-size: 11px; } .topmeta { display: none; } header.sticky .homelink img { max-width: 70px; } .various { width: 100%; height: 100% } h1 { font-size: 2.2rem } #feed span { font-size: 12px } #Breadcrumbs { margin-left: -13px } .menu { cursor: pointer; margin: 0 auto;position: absolute; width: 50px; height: 40px; display: block; right: 10px; top: -43px; z-index: 999999; } .menu-global { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #f7941d; width: 60%; margin-left: 10px; margin-top: 13px; transition: 0.55s; } .menu-top { top: 0; } .menu-middle { opacity: 0; } .menu-bottom { top: 8px; } .menu-top-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; } .menu-middle-click { opacity: 0; } .menu-bottom-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s; } header.sticky .menu { top: -36px; } .submenu { border-bottom: none; padding-bottom: 0px; left: unset; display: none; position: relative; } .mobile-logo { padding-bottom: 25px; } .mainmenu { overflow-y: auto;position: absolute; background-color: #fff; top: -167px; text-align: left; left: -15px; right:-15px; padding-left: 25px; padding-right: 25px; display: none; height: 110vh; z-index: 99999; padding-top: 205px;} .mainmenu li { position: relative; display: block; clear: both; float: none; width: 100%;text-align: left; padding-top: 12px; padding-bottom: 12px; padding-left: 15px; } .mainmenu li a { color: #333; font-weight: 400; padding-left: 5px; } .mainmenu li li a { color: black;} .mainmenu > li.TextPage { border-bottom: 1px solid #f7941d; padding-bottom: 45px; margin-bottom: 18px;} header.sticky .mainmenu { top: -35px; padding-top: 80px; } .mainmenu li.section .hidesubmenu, .mainmenu li.current .hidesubmenu { display: block; } .mainmenu li.section .showsubmenu, .mainmenu li.current .showsubmenu { display: none; } .mainmenu > li.current ul.submenu, .mainmenu > li.section ul.submenu { display: block; position: relative; } .mainmenu li.current > a { color: #f7941d !important; } .metanavi ul li { display: block; float: left; width: 50%; padding-left: 0px; clear: none; margin-right: 0px; padding-right: 0px; } .metanavi ul li:nth-child(5) { width: 70% } .metanavi ul { padding-bottom: 20px; } .metanavi ul li a { font-size: 0.85rem} li.mobile.smaller.footermobile { padding-top: 60px !important; position: relative; top: unset; } nav ul > li:hover .submenu { display: none } .footermobile { display: block; position: absolute; top: 70%; } .footermobile a { display: block; float: left; margin-right: 10px; font-size: 0.9rem } .topmeta a { padding-left: 20px; } .bfsubmenu { padding-top: 0px; padding-bottom: 20px; } /* HomePage */ .boxinside img { height: 80px } .boxinside { margin-bottom: 60px; } .homeslider { bottom: 1px; } .homeslider img { max-width: 80%;} .homelink img { padding-top: 0rem; max-width: 90px;} .socials { position: absolute; padding-top: 0px; right: 0px; top: -30px } .newsinside { padding-top: 25px; } /* Footer */ .footermenu { position: relative; padding-top: 15px; } .inverse img { filter: invert(1); } video { max-height: 300px } .galimg { max-width: 115px; } /* news holder */ .catfilter { width: 33% } .newspre h6 { padding-top: 25px; } .newsblock { padding-bottom: 43px; } /* shopsplan */ .logo { display: block; margin-bottom: 20px; } .logo img { width: 100%; } /* gutscheinpage */ #Form_GutscheinForm_Anzahl_Holder { margin-bottom: 10px; } .clear-mobile { clear: both } #Form_GutscheinForm_Email_Holder input, #Form_GutscheinForm_Vorname_Holder input, #Form_GutscheinForm_Nachname_Holder input, #Form_GutscheinForm_Adresse_Holder input, #Form_GutscheinForm_Plz_Holder input, #Form_GutscheinForm_Telefon_Holder input, .fullwidth { width: 100% } .agb { max-width: 90%; } #frmContactSubmit { margin-top: 20px; } .geoeffnet, .geschlossen { margin-top: -9px } .grid-item { width: 150px; padding-left: 0px; padding-right: 0px; margin-right: 20px; } .grid-item:nth-child(2n) { float: right; padding-left: 0px; padding-right: 0px; left: unset; margin-left: 0px; } .grid-item-width2 { width: 320px; margin-left: 0px; margin-right: 0px; } .margin15 { margin-left: 15px; margin-right: 15px; } /* .margin15 .grid-item { padding-left: 0px; width: 150px; } .margin15 .grid-item:nth-child(2n) {padding-left: 10px; padding-right: 0px;} */ #homeslider { overflow: visible !important; } .slide { max-height: 100vw; overflow: hidden; } .shopinside { max-width: unset; max-height: unset; width: 150px; height: 150px; } .Shop .shopinside { margin-bottom: 20px; } .boxvalue { border-top-width: 2px } .shopfinderlink { border-width: 2px; } .newstitle { border-bottom-width: 2px } .footer .bfmenu { border-top-width: 2px; } .catfilter.aktiv { border-bottom-width: 2px } #Form_GutscheinForm input { margin-bottom: 15px; } .bordertop { border-top-width: 2px; } .maglinks a { font-size: 1.1em } #Form_GutscheinForm_neutral, #Form_GutscheinForm_danke, #Form_GutscheinForm_happybirthday, #Form_GutscheinForm_glueckwunsch, #Form_GutscheinForm_foryou, #Form_GutscheinForm_allesgute { width: 27px; } #Form_GutscheinForm .inline .label { padding-right: 0; } .serviceicon { margin-left: 0px; } } /* iphone 8 */ @media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) { .grid-item { width: 140px; } .shopinside { width: 140px; height: 140px; } } /* 1792x828px at 326ppi */ @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) { .grid-item { width: 160px; } .shopinside { width: 160px; height: 160px; } }