body { background: #fff; color: #283C28; font-family: 'BentonSans', sans-serif; font-size: 14px; display: flex; flex-direction: column; min-height: 100vh; } html, body { min-height: 100%;} html { padding-bottom: 0px !important; } main { flex: 1; } a { color: #283C28; font-weight: 500; text-decoration: none; } a:hover, a:active { color: #283C28; text-decoration: none; } h1,h2,h3 { font-family: 'BentonSans', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; color: #283C28; } h1 { font-size: 2.4rem; color: #fff; text-transform: uppercase; font-weight: 400; padding-left: 0px; margin-left: 0px; padding-bottom: 32px;} h2 { font-weight: 700; font-size: 1.15rem; line-height: 1.4; } h3 { font-size: 1.3rem; font-weight: 300; } h4 { font-family: 'BentonSans', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; font-size: 1.15rem; } img { max-width: 100%; } p { font-family: 'BentonSans', sans-serif; font-weight: 400; line-height: 2; font-size: 1.1rem; color: #000; margin-bottom: 1.5rem; } p strong { font-weight: 700; font-size: 1em; } li { font-family: 'BentonSans', sans-serif; font-weight: 400; line-height: 2; font-size: 1.2em; color: #000;} .AnfahrtPage p { color: #283C28; } .uppercase { text-transform: uppercase; } .hidden { display: none; } .HomePage { overflow: hidden;} .slide { height: 100%; width: 100%; overflow: hidden;} .slide img { min-height: 100%; min-width: 100%; max-width: auto; } .h-100 { min-height: 100%; height: 95vh !important;} .mobile { display: none; } .bluebg { background: transparent url(../images/menu-bg2.png); background-color: rgba(15,64,117, 0.5); background-blend-mode: multiply; } #slider { left: 0px; right: 0px; top: 0px; bottom: 0px; position: absolute !important; background-color: #fff !important; height: 100vh; } #featuredtext { background-color: #fff; min-height: 5vh; position: absolute; bottom: 5%; } #feed span { color: #fff;} .scroller { background-color: rgba(255,255,255, 0.7); color: #283C28; font-size: 1.8rem; font-weight: 400; height:85px; overflow:hidden; position:absolute; bottom: 49px; font-family: 'BentonSans', sans-serif; z-index: 9999999; padding-top: 15px;} .scrollingtext { color: #283C28; white-space:nowrap; position:absolute; font-size: 1.8rem; font-family: 'BentonSans', sans-serif; font-weight: 400; } .scrollshoplogo img { min-height: 57px; min-width: 300px; } .scrollingtext a:link, a:visited { color: #283C28; font-size: 1.8rem; font-family: 'BentonSans', sans-serif; font-weight: 400; line-height: 50px;} .scrollingtext a:visited { text-decoration:none; } #cookiePopup { display: none; } .allButFooter { min-height: calc( 100vh - 50px); } .hours { background-color: rgba(80,175,70, 0.7); background-blend-mode: multiply; } .geoeffnet { max-width: 70px; margin-top: -12px; margin-right: 10px; } .geschlossen { max-width: 80px; margin-top: -12px; margin-right: 10px; } .homehours { position: absolute; z-index: 999; bottom: 50px; background-color: rgba(80,175,70, 0.7); background-blend-mode: multiply; left: 0px; right: 0px; } .InfoPage .hours, .KontaktPage .hours { position: absolute; bottom: 50px; } .KontaktPage .bottombox { bottom: 70px; } .gBrand, .customBrand { width: 50px !important; background-image: url(/_resources/themes/simple/images/euco-logo-green.svg) !important; animation: none !important; -webkit-animation: none !important; -moz-animation: none !important; } /* Header */ header { position: fixed; z-index: 999999; background-color: transparent; padding-top: 10px; padding-bottom: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: transparent url(../images/shade.png) top left repeat-x;} header.sticky { 3: fixed; top: 0px; background-color: rgba(0,0,0,0.45); padding-top: 0px; padding-bottom: 0px; } .homelink { padding-top: 40px; display: block; } header.sticky .homelink { padding-top: 10px; } .HomePage header { margin-top: 0px; } .extended { max-width: 100%; width: 1280px; } .topper { position: relative; z-index: 1100; } .mainmenu { text-transform: uppercase;border-top: 1px solid #9AC6DE; padding-top: 55px; z-index: 9999;} .mainmenu ul { list-style-type: none; padding-left: 0px; } .mainmenu .mainnavi li { float: left; padding-right: 15px;} .mainmenu .mainnavi li a { color: #fff; font-weight: 300;} .mainmenu .mainnavi li a:hover { color: #e6e7e6;} .mainmenu .mainnavi li.current > a, .mainmenu .mainnavi li.section > a { color: #fff; font-weight: bold;} .mainnavi.nomobile { display: block; float: right; margin-top: 30px; } .mainnavi.nomobile li { display: block; float: left; margin-left: 25px; } .mainnavi.nomobile li a { color: #fff; font-weight: 500; padding-bottom: 4px; } .mainnavi.nomobile li.current a, .mainnavi.nomobile li.section a, .mainnavi.nomobile li a:hover { border-bottom: 2px solid #fff; } /* Body */ .maincontainer { background: #283C28 no-repeat center center fixed; background-size: cover; padding-lefT: 0px; padding-right: 0px;} .openbox { overflow: hidden; } #Icon4 { padding-top: 40px; } #Icon4 img { height: 130px; } /* Footer */ .footer { background-color: #283C28; } .HomePage .footer { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 999999; } .mobile-footer { display: none; } .footermenu { margin-left: 0px; padding-left: 0px; list-style-type: none; float: right; margin-bottom: 0px;} .footermenu li { display: block; float: left; margin-left: 20px; text-align: right; } .footermenu li a { color: #fff; font-weight: 500; font-size: 0.9rem; } .copytext { font-weight: 500; padding-top: 8px; } .marquee { overflow: hidden; max-width: 100%; width: 100%; background-color: #fff !important; padding-top: 7px; padding-bottom: 7px; height: 40px; } #coolDiv { width: 3890px; height: 40px; position: absolute; top: 0; left: 120%; color: #283C28; } #coolDiv a { color: #283C28; text-decoration: none; } /* kontakt */ .kontaktlink { color: #283C28; font-weight: 500; text-align: center; padding-right: 25px; line-height: 2; } .greenbox { font-size: 1.7rem; text-align: left; color: #fff; background-color: #283C28; padding-bottom: 0px; margin-bottom: 40px; padding: 15px; padding-right: 15px; letter-spacing: 1px;} .bottombox { position: absolute; bottom: -3px; right: 0px; left: 0px; padding-left: 60px; padding-right: 20px; padding-bottom: 50px; background-color: rgba(255,255,255, 0.9); background-blend-mode: multiply; } .openbox { width: 100%; margin-top: 60%; position: relative; float: left; clear: both; padding-left: 60px; padding-right: 20px; background-color: rgba(255,255,255, 0.9); background-blend-mode: multiply; } .KontaktPage .footer { position: absolute; bottom: 0px; } .KontaktPage .maincontainer { min-height: 100vh; } .Page .maincontainer { min-height: 100vh; } .vrstcktext { visibility: hidden;} .GaleriePage { overflow: hidden; } .GaleriePage .maincontainer { margin-top: 0px; } .GaleriePage .footer { position: absolute; bottom: 0px; z-index: 9999; } #galerieclosebtn { display: block; position: absolute; right: 10px; top: 10px; cursor: pointer; z-index: 99999;} #galerieclosebtn img { opacity: 0.8; } #next { width: 53px; height: 53px; background: transparent url(../images/next.svg); background-size: contain; cursor: pointer; position: absolute; top: 75%; right: 10px; z-index: 99999; opacity: 0.8; } #teaserbild { z-index: 999; width: 592px; position: absolute; left: 50%; margin-left: -296px; height: 386px; top: 50%; margin-top: -184px; background-color: rgba(80,175,70, 0.8); background-blend-mode: multiply; padding: 20px; } /* shops */ .shoptitle { color: #283C28; font-size: 1.5rem; font-weight: 600; padding-bottom: 15px; white-space: normal;} /* InfoPage */ .InfoPage .maincontainer { min-height: 100vh; } .InfoPage .footer { bottom: 0px; position: absolute; } .info-box { background: rgba(80,175,70,0.7) url(../images/background-green.png); background-blend-mode: hue; opacity: 0.8; padding: 30px; min-height: 280px;} .info-box img { height: 120px; } .lastinfobox img { height: 90px; } .info-box img.lastimg { height: 30px; } .infobox-text { font-size: 1.8rem; font-weight: 400; color: #fff; } .datetext { font-size: 1.8rem; font-weight: 400; color: #fff; } .lastinfobox { padding-right: 50px; padding-top: 60px; padding-left: 55px; } .HomePage .info-box { padding: 45px; min-height: 290px; } .shopwrapper { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 999999999; overflow: hidden; background-color: rgba(183,28,30, 0.6); display: none; } .shopwrapper .inside { padding-top: 200px; margin: 0 auto; max-width: 1930px; width: 100%; } .shopslide { opacity: 0.7 !important; transform: translateX(575px); background-color: #fff; width: 800px !important; height: 325px !important; min-height: 325px; vertical-align: top; color: #000; padding: 80px; margin-right: 50px;} /*.doubleit .shopslide { transform: translateX(620px); } */ .shopslide.cycle-slide-active { opacity: 1 !important; } .shopslide a { color: #283C28; text-decoration: underline; } .slideinside { min-height: 340px; } body.shopwrapperactive { overflow: hidden; } .shopwrapperactive .shopwrapper { display: block; } .modal { z-index: 9999999; } .modal-body { color: #000; } .modal-header { border: none; } .greensubline { color: #283C28; font-weight: 600; } .greenborder { text-transform: uppercase; display: block; float: left; clear: both; width: 100%; cursor: pointer; border-bottom: 1px solid #283C28; font-size: 1.1rem; color: #283C28; font-weight: 500; padding: 10px 0px 9px; } .greenborder:hover { color:#283C28; } .btnclose { display: none; cursor: pointer; width: 30px; height: 30px; position: absolute; right: 26px; display: block; top: 24px; overflow: none; font-size: 3.5rem; font-weight: 100; text-shadow: none; background: transparent url(../images/closex.png) center center no-repeat; } .btnclose2 { display: none !important; cursor: pointer; width: 30px; height: 30px; position: absolute; right: 10px; display: block; top: 7px; overflow: none; font-size: 3.5rem; font-weight: 100; text-shadow: none; background: transparent url(../images/closex.png) center center no-repeat; } .modaltext { text-transform: uppercase; line-height: 1.8; font-size: 1rem; } /* oeffnungszeiten */ .ZeitenPage h2 { text-align: left; font-weight: 100; text-transform: uppercase; padding-bottom: 0px; width: 100%; padding: 15px 0px; letter-spacing: 1px; font-size: 1.5rem; } .borderedbottom { border-bottom: 1px solid #283C28; padding-bottom: 5px; } .greenheadline { background-color: #283C28; color: #fff; text-align: left; padding: 10px; width: 100%; margin-bottom: 0px; } .greybox { background-color: #e6e7e6; color: #000; padding: 10px; font-size: 1.1rem; } .greybox p, .greybox td, .greybox strong { color: #000; font-size: 1rem; } .storeheadline { font-size: 1.7rem; } #zeitenbox11 h2 { padding-right: 80px; } /* Anfahrt */ .bluebutton { color: #fff !important; background-color: #283C28; display: block; padding: 20px; width: 100%; text-transform: uppercase; font-weight: 600; font-size: 1rem; } .anfahrtbox { background-color: #283C28; cursor: pointer; min-height: 277px; } .anfahrtbox:hover, .anfahrtbox.active { background-color: #283C28; } .anfahrtbox.active:after { content:"\f0dd"; font-family: 'FontAwesome'; color: #283C28; position: absolute; left: 48%; bottom: -21px; font-size: 2rem; } .anfahrtimg { padding-top: 80px; margin: 0 auto; display: block; } h3.anfahrt { text-transform: uppercase; color: #fff; font-weight: 500; font-size: 1rem; display: block; text-align: center; margin-top: 50px;} .fullwidth { width: 100%; } .anfahrt p, .anfahrt p strong { font-size: 1rem; line-height: 1.2; } .AnfahrtPage .footer { position: relative; clear: both; } .thirty { margin-top: 29%; } .ZeitenPage .container.extended.nomobile { display: flex; flex-direction: column; justify-content: flex-end; height: calc(100vh - 100px); } .openbox.thirty { padding: 0px 65px 0px 60px; } .ZeitenPage .thirty { width: 100%; } .modal-dialog { padding-top: 0%; max-width: 600px; } .modal-content { border-radius: 0px; } .prevshop { display: block; width: 50px; height: 68px; position: absolute; z-index: 999999; top: 50%; right: 0px; margin-top: -34px; cursor: pointer; background: transparent url(../images/prev.svg) center center no-repeat; } .nextshop { display: none; width: 50px; height: 68px; position: absolute; z-index: 999999; top: 50%; left: 0px; margin-top: -34px; cursor: pointer; background: transparent url(../images/next.svg) center center no-repeat; } .cycle-slide-active .btnclose2 { display: block !important; } .cycle-slide.cycle-slide-active .prevshop { display: none; } .cycle-slide.cycle-slide-active + .cycle-slide .nextshop { display: block; } .cycle-slide.cycle-slide-active + .cycle-slide .prevshop { display: none; } .zeiten td, .zeiten td strong { font-size: 1.1rem; color: #283C28; } .modal-body a { color: #000 !important; text-decoration: underline } #homeinfos { position: absolute; top: 30%; left: 50%; margin-left: -300px; z-index: 9999; width: 600px; } #countdownholder { left: 0px; right: 0px; top: 0px; height: 100px; z-index: 999; position: absolute; background: rgba(80,175,70,0.7) url(../images/background-green.png); background-blend-mode: hue; opacity: 0.8; } #countdown { font-size: 3rem; line-height: 1; } /* Galerie Page */ .galerie-icon { display: none; position: absolute; bottom: -40px; z-index: 9999; opacity: 0.8; right: 41%; } @media screen and (min-height: 1080px) { .InfoPage .abstander { padding-top: 250px !important; } } @media screen and (min-width: 1921px) { .maincontainer { min-height: 90vh; } .ShopHolder .thirty { margin-top: 36%; } .InfoPage .footer { position: absolute; bottom: 0px; } .InfoPage .maincontainer { min-height: 100vh; } .AnfahrtPage .footer { position: absolute; bottom: 0px; } .AnfahrtPage .maincontainer { min-height: 100vh; } .footer { height: 55px; } } @media screen and (max-width: 1630px) { } @media screen and (min-height: 940px) { .ShopHolder .thirty { margin-top: 48%; } } @media screen and (min-width: 1921px) { .scroller { bottom: 110px !important; } } @media screen and (min-width: 1200px) and (max-width: 1400px) { .scroller { bottom:105px; } } @media screen and (min-width: 960px) and (max-width: 1280px) { .scroller { bottom: 105px; } } @media screen and (min-width: 1400px) { .extended { width: 1400px; } .scroller { bottom: 103px; } } @media screen and (min-width: 1600px) { .InfoPage { overflow: hidden; } } @media screen and (max-width: 1400px) { #zeitenbox11 h2 { padding-right: 25px; } } @media screen and (max-width: 1600px) { .InfoPage .footer { position: relative } } @media screen and (max-width: 1500px) { .shopslide { transform: translateX(285px); } .doubleit .shopslide { transform: translateX(285px;); } } @media screen and (max-width: 1366px) { .shopslide { transform: translateX(250px); } .doubleit .shopslide { transform: translateX(250px;) !important; } #Icon4 img { height: 125px; } } @media screen and (max-width: 1180px) { #zeitenbox11 h2 { padding-right: 20px; } } @media screen and (max-width: 1280px) { .shopslide { transform: translateX(170px); } .doubleit .shopslide { transform: translateX(170px;) !important; } } @media screen and (min-width: 1024px) { .ZeitenPage h2 { font-size: 1.3rem; min-height: 71px;} } @media screen and (max-width: 1024px) { #next { display: none; } .shopslide { transform: translateX(110px); } } @media screen and (max-width: 990px) { .mainnavi.nomobile li { margin-left: 19px; } .footermenu li { margin-left: 15px; } } @media screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) { .scroller { bottom: 104px; } } @media screen and (max-width: 896px) and (orientation: portrait) { .scroller { bottom: 12.4%; } } @media screen and (max-width: 767px) { #homeinfos { display: none; } .HomePage { overflow: hidden !important; } html.opened, body.opened { height: 100%; top: 0; left: 0; right: 0; bottom: 0;} .modal-dialog { padding-top: 10px; } .h-100 { min-height: 100%; height: 92vh !important;} .ZeitenPage .h-100 { height: 88vh !important; } .maincontainer { margin-top: 0px; } header { border-bottom: 1px solid #fff; padding-top: 5px; padding-bottom: 5px; } header.sticky { height: 80px; } header.sticky .homelink img { height: 60px; } header.sticky .social-bar { padding-top: 12px; } header.sticky .menu { top: -10px; } .HomePage header { margin-top: 0px; } #slider { height: 95vh; } #countdownholder { height: 125px; z-index: 99999999; } .homelink { display: block; margin-left: -15px; padding-top: 0px;} .modal-body { padding-bottom: 40px; } #galerieclosebtn { display: block; position: absolute; right: 0px; top: 0px; cursor: pointer; z-index: 99999;} .cycle-pager { display: none; } .text-sm-center { text-align: center; } /* HomePage */ .scroller { bottom: 28%; } /* Hedaer */ .social-bar { padding-top: 18px; text-align: right; } .social-bar a { font-size: 24px; color: #fff; } .mobile { display: block;} .nomobile { display:none !important; } .anfahrtboxcontent { display: none; padding-top: 10px; padding-bottom: 10px; background-color: #fff; } .anfahrtbox { min-height: 95px; } .anfahrtbox img { display: block; float: left; padding-top: 35px; padding-left: 20px; width: 80px; height: auto; } h3.anfahrt { display: block; float: left; margin-top: 37px; margin-left: 30px; } .mapHolder { background-color: #283C28; } header { z-index: 999999999; } .menu { cursor: pointer; margin: 0 auto;position: absolute; width: 70px; height: 70px; display: block; right: -65px; top: -6px; z-index: 999999; } .menu-global { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #fff; width: 40%; margin-left: 22px; margin-top: 26px; transition: 0.55s; } .menu-top { top: 2px; } .menu-middle { top: 12px; } .menu-bottom { top: 22px; } .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; } .mainmenu { position: fixed; background-color: rgba(80,175,70, 0.9); background-blend-mode: multiply; top: 0px; padding-top: 250px; text-align: center;left: 0; right: 0px; height: 100vh; display: none; z-index: 99999999;} .mainmenu .mainnavi { } .mainmenu .mainnavi li { display: block; clear: both; float: none; width: 100%; text-align: center; padding-bottom: 5px; padding-right: 0px;} .mainmenu .mainnavi li a { color: #fff; font-weight: 500; font-size: 1.4rem;} .mainmenu .mainnavi li li a { color: black;} .metanavi { padding-top: 50px; width: 60%; display: block; padding-left: 0px; margin: 0 auto; } .metanavi li { display: block; margin: 0 auto; text-align: center; width: 100%; } .metanavi li:first-child { width: 40%; } .metanavi li:nth-child(3) { width: 40%; } .metanavi li a { color: #fff; text-transform: uppercase; font-weight: 500; line-height: 3;} .sep { width: 10% !important; text-align: center !important; line-height: 3 } /* Footer */ .footer { background-color: #283C28; display: none; color: #fff; } .mobile-footer { display: block; color: #fff; position: relative; left: 0px; right: 0px; z-index: 999; } .green1 { background-color: #283C28; } .mx-spec { margin-left: 4px; margin-right: 4px; } .mobile-footer .footermenu { float: none; } .HomePage .mobile-footer { bottom: 0px; position: fixed; } .HomePage body { background-color: #fff; } .Page .mobile-footer { position: relative; clear: both;} .ShopHolder2 .mobile-footer { position: relative; clear: both; } .ZeitenPage .mobile-footer { position: relative; } .ShopHolder .maincontainer { position: relative; padding-top: 45%;} .ShopHolder .openbox { margin-top: 0px; } .mobile-footer a { color: #fff; font-weight: bold; font-size: 1em; text-transform: uppercase; } .borderleft { border-left: 1px solid #0f4075; width: 100%;} .anfahrtboxsmall { text-align: center; padding: 9px; padding-top: 15px; padding-bottom: 13px; display: block;} .anfahrtboxsmall img { max-height: 25px; } h1 { font-size: 1.3rem; } /* Kontakt */ .greenbox { font-size: 1.7rem; text-align: center; color: #fff; background-color: #283C28; padding-bottom: 0px; margin-bottom: 40px; width: 100%; padding: 15px 0px; letter-spacing: 1px;} .bottombox { position: absolute; bottom: 0px; right: 0px; left: 0px; padding-left: 20px; padding-right: 20px; } .openbox { width: 100%; margin-top: 45%; position: relative; float: left; clear: both; padding-left: 20px; padding-right: 20px; } .opentext { margin-top: 0px; } .smallerheadline { font-size: 1.2rem; } .pt-big { padding-top: 45% !important; } .kontaktlink { font-size: 1.1rem; } /* InfoPage */ .info-box { background-color: none; opacity: 0.8; padding: 10px; min-height: 160px; } .info-box img { height: 80px; } .lastinfobox img { height: 70px; } /* shops */ .modal-dialog { margin-top: 110px; } .modal-content { border-radius: 0px; } .modaltext { text-transform: uppercase; line-height: 1.8; } /* Galerie Page */ .GaleriePage .mobile-footer { display: none; } .galerie-icon { display: block;bottom: 0px; } .GaleriePage #slider { height: 100vh; } #teaserbildmobile { z-index: 999; width: 320px; left: 50%; margin-left: -160px; position: absolute; height: 320px; top: 50%; margin-top: -160px; background-color: rgba(68,173,63, 0.8); background-blend-mode: multiply; padding: 20px; } /* Anfahrt Page */ #countdownholder h3.infobox-text { font-size:1rem !important; } #countdown { font-size: 1.7rem; margin-top: -10px;} #countdownholder .datetext { font-size: 1.5rem; position: relative; top: -5px; } #zeitenbox11 h2 { padding-right: 95px; } .InfoPage .hours, .KontaktPage .hours { position: relative; bottom: unset; } .ZeitenPage .hours, .ShopHolder .hours { clear: both; } } @media screen and (max-width: 767px) and (orientation: landscape) { .footermenu li { margin-left: 9px; } .mainnavi.mobile { margin-left: 0px; padding-left: 0px; } .mainnavi.nomobile { margin-top: 5px; } .mainnavi.nomobile li { margin-left: 14px; } .homelink { margin-left: 0px; } .homelink img { max-height: 60px; } .galerie-icon { display: block; bottom: 0px; } } @media screen and (min-width: 728px) and (max-width: 1024px) and (orientation: portrait) { #countdownholder h3.infobox-text { font-size:1rem !important; } #countdown { font-size: 2rem; margin-top: -10px;} #slider { height: 96vh; } .mainnavi.nomobile { margin-top: 17px; padding-left: 0px; margin-left: 0px; } .mainnavi.nomobile li { margin-left: 10px; } .mainnavi.nomobile li a {font-size: 1em;} .pt-portrait-4 { padding-top: 20px; } .footermenu li { margin-left: 12px; } .info-box { min-height: 340px; } .InfoPage { overflow: hidden; } .InfoPage .footer { position: fixed !important; } .shopslide { transform: translateX(80px); height: 300px !important; min-height: 300px; vertical-align: top; overflow: auto; } .cycle-slide .nextshop, .cycle-slide .prevshop { display: none !important; } header { background-color: rgba(255,255,255, 0.1); } #homeinfos { top: 33% !important;} .homelink { padding-top: 0; } .homelink img { max-width: 130%; height: auto; width: 300px; } .KontaktPage { overflow: hidden; } .KontaktPage .maincontainer { max-height: 100%; overflow: hidden; position: fixed; } .KontaktPage .footer { clear: both; position: fixed !important; bottom: 0px; height: 50px; } .KontaktPage .bottombox { bottom: 20px; } .ipadportrait { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .noipadportrait { display: none; } .menu { cursor: pointer; margin: 0 auto;position: absolute; width: 70px; height: 70px; display: block; right: 10px; top: -6px; z-index: 999999; } .menu-global { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #fff; width: 40%; margin-left: 22px; margin-top: 26px; transition: 0.55s; } .menu-top { top: 2px; } .menu-middle { top: 12px; } .menu-bottom { top: 22px; } .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; } .mainmenu { position: fixed; background: transparent url(../images/menu-bg2.png); background-color: rgba(255,255,255, 0.5); background-blend-mode: multiply; top: 0px; padding-top: 160px; text-align: center;left: 0; right: 0px; height: 100vh; display: none; z-index: 99999;} .mainmenu .mainnavi { } .mainmenu .mainnavi li { display: block; clear: both; float: none; width: 100%; text-align: center; padding-bottom: 5px; padding-right: 0px;} .mainmenu .mainnavi li a { color: #283C28; font-weight: 500; font-size: 1.4rem;} .mainmenu .mainnavi li li a { color: black;} .metanavi { display: none; } .galerie-icon { display: block; bottom: 0px; } .scrollingtext { margin-top: 0; } #zeitenbox11 h2 { padding-right: 50px; } } @media screen and (min-width: 728px) and (max-width: 1024px) and (orientation: landscape) { .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .mainnavi.nomobile { margin-top: 12px; } .HomePage .info-box { padding: 40px; min-height: 240px; } .info-box { min-height: 290px; padding-top: 60px; } .info-box img { height: 85px; } #Icon4 img { height: 85px; } .mt-ipadquer-0 { margin-top: 0px !important; } .abstander { display: none; } .homelink img { max-width: 110%; height: auto; width: 300px; } .KontaktPage { overflow: hidden; } .KontaktPage .maincontainer { max-height: 100%; overflow: hidden; position: fixed; } .KontaktPage .footer { clear: both; position: fixed !important; bottom: 0px; height: 50px; } .KontaktPage .bottombox { bottom: 20px; } .pt-portrait-4 { padding-top: 20px; } } @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) { .scroller { bottom: 166px; } .scrollingtext { margin-top: 0; } } @media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) { .scroller { bottom: 166px; } .scrollingtext { margin-top: 0; } } @media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait) { .scroller { bottom: 166px; } .scrollingtext { margin-top: 0; } } @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio : 3) { .openbox {background-image: none; background-repeat: no-repeat; background-color: rgba(255,255,255, 0.9); background-blend-mode: multiply; } .scroller { bottom: 166px; } } @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio : 3) { .mainnavi.nomobile { margin-top: 3px; padding-left: 0px; margin-left: 0px; } .mainnavi.nomobile li { margin-left: 10px; } .mainnavi.nomobile li a {font-size: 1em;} .lastinfobox { padding-top: 35px; } .KontaktPage .maincontainer { padding-top: 165px; min-height: 115vh; } .KontaktPage .footer { position: relative; bottom: unset; } .AnfahrtPage .greenbox { font-size: 1.4rem; } .pt-big { padding-top: 0px !important; } .Page .openbox { margin-top: 10%; } .shopslide { vertical-align: top; overflow: auto; } } /* ----------- iPad Pro ----------- */ /* Portrait and Landscape */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .ZeitenPage .maincontainer { min-height: 100vh; } .ZeitenPage .footer { position: fixed; bottom: 0px; left: 0px; right: 0px; } } /* Portrait */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { .ZeitenPage .col-md-6, .ShopHolder .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .mainnavi.nomobile { margin-top: 25px; padding-left: 0px; margin-left: 0px; } .AnfahrtPage .maincontainer, .KontaktPage .maincontainer { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; } .AnfahrtPage .footer { position: fixed; bottom: 0px; } .KontaktPage .bottombox { bottom: 10px; } .KontaktPage .footer { position: fixed; bottom: 0px; } .InfoPage .abstander { padding-top: 150px !important; } #homeinfos { top: 30%; } .shopslide { transform: translateX(180px); vertical-align: top; overflow: auto;} .homelink img { max-width: 145%; height: auto; width: 300px; } .galerie-icon { display: block; bottom: 0px; } .scroller {bottom: 166px;} } /* Landscape */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { .InfoPage { max-height: 100%; overflow: hidden; } .InfoPage .footer { position: fixed; } .ZeitenPage .greenbox { font-size: 1.55rem; } #homeinfos { top: 30%; } .KontaktPage { overflow: hidden; } .KontaktPage .footer { position: fixed; bottom: 0px; } #zeitenbox11 h2 { padding-right: 50px; } } @media screen and (min-width: 1165px) and (max-width: 1270px) { .ZeitenPage .greenbox { font-size: 1.35rem; } } @media screen and (min-width: 1025px) and (max-width: 1165px) { .ZeitenPage .greenbox { font-size: 1.15rem; } } /* iphone 6 */ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (device-width : 414px) and (device-height : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3) and (-webkit-device-pixel-ratio : 3) { .scroller { bottom: 172px; } }