* { margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-size: 15px; line-height: 1.5em; color: #000; } body, textarea { font-family: Spartan, verdana, sans-serif; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.3em; font-family: Spartan, verdana, sans-serif; color: rgb(88,88,90); } h1 { margin-bottom: 20px; text-align: center; } a { text-decoration: none; color: rgb(88,88,90); } img { border: 0px; max-width: 100%; } video{ width: 100%; } menu, ol, ul { padding: 0 0 0 40px; } iframe { border: 0px; } .pos, .wrap { position: relative; } .ovhi { overflow: hidden; } .pos { width: 100%; } .wrap { width: 1400px; margin: 0 auto; left: 0; right: 0; } .spalte, .spalte2, .spalte3, .spalte23, .spalte4, .spalte34{ padding: 0 2%; margin-bottom: 40px; float: left; } .spalte { width: 100%; } .spalte2 { width: 50%; } .spalte3 { width: 33.3333%; } .spalte23 { width: 66.6666%; } .spalte4 { width: 25%; } .spalte34 { width: 75%; } .spaltenbox > .spalte2:nth-child(2n + 3){ clear:left; } .readtxt { font-size: 16px; line-height: 1.8em; } [class*="openclose_"]:not(#menu) { height: 0; overflow: hidden; } [class*="openclose_"].openclose_tabmenu{ height:auto !important; width:0; float:left; overflow:hidden; } .tabmenue > div:not(:last-child) { margin-right: 20px; } .tabmenue > div { display: inline-block; } .balken { height: 5px; background: rgb(88,88,90); background: -moz-linear-gradient(left, rgba(88,88,90,1) 0%, rgba(88,88,90, .8) 60%, rgba(88,88,90, 1) 100%); background: -webkit-linear-gradient(left, rgba(88,88,90, 1) 0%, rgba(88,88,90, .8) 60%, rgba(88,88,90, 1) 100%); background: linear-gradient(to right, rgba(88,88,90, 1) 0%, rgba(88,88,90, .8) 60%, rgba(88,88,90, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='88,88,90', endColorstr='88,88,90', GradientType=1); } #balken2 { position: absolute; top: 100%; left: 0; } .arrow { display: block; width: 100%; clear: both; padding-left: 30px; position: relative; } .arrow:after { content: ""; position: absolute; top: 5px; left: 0; display: block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #666; border-right: 0px solid transparent; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .arrow.klickopen:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .plus { cursor: pointer; display: block; padding: 0 30px; position: relative; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; margin-bottom: 20px; background: rgba(255, 255, 255, 0); border: 1px solid rgb(88,88,90); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; } .plus.klickopen, .plus:hover { background: rgba(255, 255, 255, 0.8); } .plus:after { content: "+"; display: block; font-size: 24px; height: 20px; position: absolute; right: 10px; top: 0; width: 20px; } .plus.klickopen:after { content: "-"; font-size: 30px; top: -3px; } .klickbtn { cursor: pointer; } .hovercolor:hover { opacity: .7; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .openclose_monthnewsstb{ padding-left:40px; padding-right:40px; } .c { text-align: center; } .r { text-align: right; } .l { text-align: left; } .j { text-align: justify; } .ovhi { overflow: hidden; } .ovvi { overflow: visible; } .bl { position: relative; float: left; margin: 0 10px 5px 0; } .br { position: relative; float: right; margin: 0 0 5px 10px; } .bor { border-right: 1px solid rgb(88,88,90); } .bobo { border-bottom: 1px solid #ddd; } .mb20 { margin-bottom: 20px; } .mb40 { margin-bottom: 40px; } .mt20 { margin-top: 20px; } .mt30i { margin-top: 30px !important; } .mt40 { margin-top: 40px; } .ml20 { margin-left: 20px; } .ml40 { margin-left: 40px; } .ml4p { margin-left: 4%; } .mr20 { margin-right: 20px; } .mr40 { margin-right: 40px; } .p20 { padding: 20px; } .color { color: rgb(88,88,90); } .bcolor { background: rgb(88,88,90); } .colorw { color: #fff; } .colorw a { color: #fff; } .clear { clear: both; } .list li { margin-bottom: 20px; } .list li ul { margin-top: 20px; } .s12 { font-size: 12px; } .s20 { font-size: 20px; } .w80 { width: 80px; } .w150 { width: 150px; } .w200 { width: 200px; } .w350 { width: 350px; } .w600 { width: 600px; } .h100 { height: 100px; } .dib { display: inline-block; } .db { display: block; } .flr { float: right; } .fll { float: left; } .fln { float: none; } .vat { vertical-align: top; } .va5 { vertical-align: 5px; } .hide { display: none; } #site { min-height: 100%; width: 100%; position: relative; } .facebook { width: 48px; height: 48px; display: inline-block; cursor: pointer; } .facebook .icon { padding: 0; } #header { z-index: 1; } #headerbalken { z-index: 2; background-color: rgb(88,88,90); } #smartnavi, #showmobilnavi, #zeitenbox, #adressbox { display: none; } #headericons { float: right; } #headericons .mobil { background-color: rgb(88,88,90); cursor: pointer; display: inline-block; height: 48px; width: 48px; } #headericons .mobil:not(:first-child), #headericons a:not(:first-child) { margin-left: 20px; } .terminzusatz { background: #f3f3f3; display: block; padding: 20px; text-align: center; } .terminzusatz:before { content: "i"; display: inline-block; width: 18px; height: 18px; border: 2px solid #999; background: #bbb; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; vertical-align: middle; } #kontaktboxheader { color: rgb(88,88,90); background-color: rgba(254, 254, 254, 0.85); padding-top: 9px; padding-bottom: 9px; top: 0; } #kontaktboxheader .icon { height: 14px; padding: 0; width: 14px; margin-right: 5px; margin-top: 5px; vertical-align: -2px; } #kontaktboxheader .icon { fill: rgb(88,88,90); } #kontaktboxheader a { color: rgb(88,88,90); font-weight:normal; } #kontaktbox, #formularbox, #kartenbox, #oeffnungszeitenbox { z-index: 99; } #kartenbox:not(.divopen) #karte{ display:none; } #logoobile{ display:none; } #inhalt_teaser { min-height: 400px; overflow: hidden; } #teaser-wrapper { max-width: 100% !important; } #anmeldung_box { width: 30%; margin: 70px auto 0; } .infobtn { background: rgba(116, 163, 183, 0) none repeat scroll 0 0; border: 1px solid #060709; cursor: pointer; padding: 0 30px; position: relative; transition: all 1s ease-out 0s; display: inline-block; } .infobtn:hover { background: rgba(116, 163, 183, 0.3) none repeat scroll 0 0; } .panel-wrapper h2 { display: none; } .teaserslider { background: none; } #teaser .panel-wrapper { line-height: 0; padding: 0; text-align: center; } .zeitblock { width: 20%; float: left; margin-bottom: 20px; } .spalte2 .zeitblock { width: 50%; float: left; margin-bottom: 20px; } .spalte2 .zeitblock:nth-child(2n+1) { clear: left; } #begriffbox { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; overflow: hidden; background-color: rgb(88,88,90); } #begriff_close { position: absolute; right: 0; top: 0; font-size: 60px; font-weight: 700; width: 82px; height: 82px; line-height: 82px; cursor: pointer; color: rgb(88,88,90); border: 1px solid rgb(88,88,90); } .icon { fill: #ffffff; height: 48px; padding: 8px; width: 48px; } .icon2 { fill: rgb(88,88,90); height: 15px; padding: 0px; width: 15px; } .leistungen > h3 { margin-bottom: 15px; } .kastenfarbe { background-color: rgb(88,88,90); color: white; margin-bottom: 10px; margin-top: 10px; } .klickopen, .klickbtn:hover { cursor: pointer; color: rgb(88,88,90); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .klickbtn { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #karte { background-image: url(../../style/karte.jpg); background-repeat: no-repeat; background-size: cover; width: 100%; height: 350px; overflow: hidden; } .kartebg { background-color: rgba(255, 255, 255, 0.6); height:100%; } #karte p { padding: 120px 20px; color: #000; text-align: center; } .privacy-map { width: 100%; height: 350px; float: left; border:0; } #formakzeptieren{ background:#eee; padding:40px 20px; text-align:center; color:#333; } .cookiebutton{ background-color: rgb(88,88,90); color: #fff; padding: 10px 20px; display: block; margin: 10px auto 0 auto; max-width:350px; } .slick-dots li button:before { font-size: 20px; } #footer_end { position: relative; width: 100%; font-size: 12px; min-height: 70px; } #impressum, #kontaktinfo { margin-top: 8px; display: inline-block; width: 100%; } #impressum { float: right; width: auto; margin-right: 35px; } #online { float: left; font-weight: bold; margin: 8px 0 0 35px; margin-top: 4px; } .sslicon { width: 15px; margin-right: 10px; margin-top: 5px; height: 30px; vertical-align: -3px; } .hinweis { text-transform: none; margin-top: 5px; line-height: 1rem; } #impressum.right { position: absolute; right: 0; margin-top: 9px; } .lottoundtotoverband { margin: 0px auto; width: 160px; position: absolute; left: 0; right: 0; top: -85px; } #menu ul { position: relative; text-align: center; padding: 0; background: rgba(88,88,90,.9); } #menu li { list-style: none; position: relative; display: inline-block; } #menu a { text-decoration: none; display: block; padding: 29px 35px; color: #fff; font-weight: 400; text-transform: uppercase; } #smartnavi { height: 48px; } #menu ul li.iconimg { display: none; } .iconimg a { color: rgb(88,88,90); } #menu ul ul { display: none; position: absolute; background: none; min-width: 100%; } #menu ul li:hover ul, #menu ul li ul:hover { display: block; } #menu ul ul li { display: block; text-align: left; } #menu ul ul li a { background-color: rgba(88,88,90,.7); } #menu ul ul li a.on, #menu ul ul li a:hover { background-color: rgba(88,88,90,.9); } #westlotto { background: url(../../style/westlotto.png) no-repeat center center; width: 194px; height: 60px; font-size: 0; vertical-align: top; margin-top: -2px; } .formtext { float: left; width: 48%; margin-bottom: 20px; } .mr4 { margin-right: 4%; } .gruen { color: #74823d; } .rot { color: #900; } .info { margin-bottom: 20px; } input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea { border: 0; } input[type="text"], input[type="email"], input[type="tel"], textarea { width: 100%; padding: 10px; font-size: 100%; } input[type="submit"] { color: #fff; font-weight: 700; margin-top: 30px; cursor: pointer; clear: both; float: left; padding: 10px 20px; width: 280px; text-align: center; } textarea { float: left; min-height: 150px; max-height: 150px; min-width: 100%; max-width: 100%; } .galeriebild { width: 23.1%; margin-bottom: 30px; opacity: .85; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; line-height: 0; background-size: 100% auto; background-position: center center; display: inline-block; } .galeriebildteam { line-height: 1.5; } .galeriebild a { background-size: 100% auto; background-position: center center; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .galeriebild img { display: none; } .galeriebild a:hover { background-size: 140% auto; } .galeriebild:hover { opacity: 1; } #galerie .galeriebild:not(:nth-child(4n)) { margin-right: 2.5%; } #galerie .galeriebild:nth-child(4n+5) { clear: left; } #galerie .galeriebild:last-child { margin-right: 0%; } .n_stb_wrapper { border-bottom: 1px solid #000000; float: left; font-size: 16px; line-height: 1.8em; margin: 0 2% 40px; padding-bottom: 20px; width: 96%; } .n_stb_headline { display: block; font-weight: 700; margin-bottom: 20px; } .n_stb_content { margin-bottom: 20px; } .n_stb_date { font-size: 12px; font-style: italic; } .news_bild { float: left; font-size: 60%; margin: 15px 30px 10px 0; width: 250px; } .news_content { font-size: 100%; line-height: 1.4em; padding-top: 20px; text-align: left; } .news_author { border-bottom: 1px dotted #cccccc; color: #404040; font-size: 0.8em; margin-top: 15px; } .news strong { margin-top: 15px; } .leistungen ul { list-style-type: none; padding-left: 20px; } .leistungen li::before { content: ""; background-color:rgb(88,88,90); border-radius: 4px; display: block; height: 4px; left: -15px; position: relative; top: 17px; width: 4px; } @keyframes slideInUp { from { transform: translate3d(0, 20%, 0); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } #datenschutz_popup_background { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -webkit-backface-visibility: hidden; background: #fff; background: rgba(255, 255, 255, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999999; } #datenschutz_popup { -webkit-backface-visibility: hidden; animation: slideInUp 1s both linear alternate; bottom: 45px; box-sizing: border-box; line-height: 1.5em; position: fixed; width: 100%; z-index: 999999999; } #datenschutz_popup_close { cursor: pointer; font-size: 1.5em; height: 2em; line-height: 2em; opacity: .5; position: absolute; right: 0; text-align: center; top: 0; width: 2em; } #datenschutz_popup_inner { background: #fff; border-radius: 3px; box-shadow: 0 5px 25px rgba(0, 0, 0, .2); max-width: 600px; margin: 0 auto; padding: 30px; position: relative; } #datenschutz_popup, #datenschutz_popup * { color: #333; } #datenschutz_popup a { text-decoration: underline; } #datenschutz_popup_heading { font-weight: 600; text-transform: uppercase; } #datenschutz_popup .datenschutz_popup_button { background: rgb(88,88,90); border-radius: 3px; color: #fff; display: inline-block; font-weight: 600; margin: .5em 0 .3em; padding: .5em 1.5em; text-decoration: none; } @media (min-width: 981px) { .show980 { display: none !important; } .spaltenbox > .spalte3:nth-child(3n + 4), .spaltenbox > .spalte4:nth-child(4n + 5){ clear:left; } } @media (min-width: 781px) { .show780 { display: none !important; } .iconimg h3 { margin: 24px 0; font-weight: bold; color: #fff; } .iconimg a { color: rgb(88,88,90); display: block; width: 100%; line-height: 20px; padding: 150px 0 0 0; font-size: 15px; } .iconimg div { height: 140px; width: 100%; overflow: hidden; display: block; } .iconimg a:hover div { background-size: 160px auto; } .iconimg { background-size: 136px auto !important; color: #ffffff; display: inline-block; font-size: 12px; line-height: 0; margin-bottom: 40px; margin-right: 1.5%; padding-bottom: 0; vertical-align: top; width: 18%; } .iconimg, .iconimg a { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .iconimg:hover { background-size: 160px auto !important; padding-bottom: 20px; } .iconimg:hover a { padding-top: 200px; font-size: 18px; } #kartenbox, #oeffnungszeitenbox, #kontaktbox { display: block; height: 0; left: 0; margin: 0 auto; overflow: hidden; position: absolute; right: 0; z-index: 1; background: #fff; padding: 0 20px; } } #teaser{ margin-bottom:0; } @media (min-width: 481px) { .show480 { display: none !important; } } @media (max-width: 1680px) { .hide1600 { display: none } .wrap { width: 1280px; } } @media (max-width: 1360px) { .hide1200 { display: none } #teaser .panel-wrapper img, .wrap { width: 940px; } #karte p { padding: 87px 20px; } #kontaktboxheader { font-size: 14px; } } @media (max-width: 980px) { .hide980 { display: none } .btn { margin: 20px 0 35px 0; } #teaser .panel-wrapper img, #footer, .wrap { width: 740px; } .spalte2 { width: 100%; margin: 0; padding: 0 2%; margin-bottom: 40px; } .news { margin-bottom: 0px; } .center980 { text-align: center; } .spalte3, .spalte23, .spalte4, .spalte34 { width: 50%; } .spaltenbox > .spalte3:nth-child(2n + 3), .spaltenbox > .spalte23:nth-child(2n + 3), .spaltenbox > .spalte4:nth-child(2n + 3), .spaltenbox > .spalte34:nth-child(2n + 3){ clear:left; } [class*="openclose_"] > .spalte2:last-child { margin-bottom: 20px; } .zeitblock { width: 33.33%; } .iconimg { width: 31%; } .galeriebild { width: 31%; } #galerie .galeriebild:nth-child(4n) { margin-right: 2.5%; } #galerie .galeriebild:nth-child(3n) { margin-right: 0; } #galerie .galeriebild:nth-child(4n+5) { clear: none; } #galerie .galeriebild:nth-child(3n+4) { clear: left; } .mt0 { margin-top: 0px !important; } #online, #impressum.right { position: relative; width: 100%; margin: 3px 0; text-align: center; } #footer_end { padding: 10px 0; } .hinweis { min-height: 0; } .lottoundtotoverband { margin: 0px auto; width: 160px; position: relative; left: 0; right: 0; top: 0; margin-top: -40px; } #kontaktboxheader { font-size: 12px; } } @media (max-width: 780px) { .hide780, .pfeilpfad { display: none !important; } #footer, #kontaktbox, #zeitenbox, #adressbox, .wrap { width: 440px; } #showmobilnavi, .mobil, #kontaktbox, #mobil_kontaktbox, #adressbox, #menu ul { display: block; } #footer, #headericons, .tab4 { display: none; } .spalte2 ul, ul.spalte2 { padding: 0 0 0 20px; } .spalte2 ul li, ul.spalte2 li { text-align: left; } .splate3{ margin-bottom: 0px; } .iconimg { width: 100%; } #anmeldung_box, #menu ul li, .formtext, .nachricht, .form, #impressum, #online { width: 100% !important; } #mobil_menu span { background: #fff; display: block; height: 3px; left: 8px; position: absolute; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; width: 30px; border-radius: 1px; } .klickopen, .klickbtn:hover { padding-left: 0px; } .line1 { top: 14px; } .line2, .line3 { top: 23px; } .line4 { top: 32px; } #mobil_menu.klickopen .line1, #mobil_menu.klickopen .line4 { opacity: 0; } #mobil_menu.klickopen .line1, #mobil_menu.klickopen .line2 { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } #mobil_menu.klickopen .line3, #mobil_menu.klickopen .line4 { -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .mobil { cursor: pointer; float: left; margin: 0 90px; } #menu, #kontaktbox, #zeitenbox, #adressbox { position: absolute; overflow: hidden; height: 0; left: 0; right: 0; margin: 0 auto; z-index: 1; background: #fff; } #menu.open, #kontaktbox.open, #oeffnungszeitenbox.open, #kartenbox.open, #formularbox.open { padding-top: 50px; } #kontaktbox, #oeffnungszeitenbox, #kartenbox, #formularbox { background: none; position: absolute; text-align: center; left: 0; margin: 0 auto; right: 0; z-index: 10; } #kontaktbox a { color: #fff; } #menu { background: none; z-index: 1; } #menu ul { border: 1px solid #fff; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .3); box-shadow: 0 0 10px 3px rgba(0, 0, 0, .3); margin-bottom: 20px; width: 100%; z-index: 100; } #menu li a:hover { background: rgba(88,88,90,.8); } #menu ul ul li { text-align: center; } #menu ul ul { display: block; position: relative; border: none; box-shadow: none; padding: 0px 20px 0; margin-bottom: 0px; } #menu .on, #menu ul li a:hover { border-bottom: none; } #kontaktbox > div, #oeffnungszeitenbox > div, #kartenbox > div, #formularbox > div { padding: 20px 20px 0; text-align: center; border: 1px solid #fff; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .3); box-shadow: 0 0 10px 3px rgba(0, 0, 0, .3); margin-bottom: 20px; color: #fff; background: rgba(88,88,90,.9); } #showmobilnavi, .mobil, #kontaktbox, #mobil_kontaktbox, #menu ul { display: block; } #mobil_kontaktbox, #mobil_oeffnungszeitenbox, #mobil_formularbox, #mobil_kartenbox, #mobil_kartenbox2 { background-position: center center; background-repeat: no-repeat; background-size: 30px auto; cursor: pointer; display: inline-block; height: 48px; width: 48px; } #mobil_kontaktbox:hover, #mobil_kartenbox:hover, #mobil_kartenbox2:hover, #mobil_oeffnungszeitenbox:hover, #mobil_formularbox:hover { opacity: .9; } #menu ul li.iconimg { display: block; background: none; } input[type="submit"] { margin: 30px 58px; } .iconimg:hover { padding-bottom: 0px; } .iconimg:hover a { font-size: 15px; padding-top: 200px; } .formtext { margin-right: 0%; } body, .readtxt { font-size: 18px; } #online { margin-left: 10px; font-size: 12px; } #teaser { height: 180px; } .ma { margin: 0 0 40px; width: 100%; } #inhalt_teaser .list { text-align: left; padding-left: 20px; } #impressum, #online { margin: 5px 0; text-align: center; } #smartnavi { display: block; } .spalte3, .spalte23, .spalte4, .spalte34 { width: 100%; } .mobil { float: none; margin: 0 0px; } #mobil_menu { position: relative; display: inline-block; width: 48px; height: 48px; } #teaser { height: 140px; } #showmobilnavi { width: 100%; } .einrichtung { height: auto; margin: 0; } .zeitblock { width: 100%; } .lageplan { height: 250px; } .bl, .br { width: 100%; margin: 0 0 20px; } a[data-title], .lightboxstop { cursor: default; } #menu ul li a { padding: 10px 5px; } .openclose_openbox { overflow: auto !important; } #galerie .galeriebild { width: auto; margin-right: 0 !important; opacity: 1; display: inline-block; float: none; } #galerie .galeriebild a { height: auto !important; display: inline-block; width: auto !important; } #galerie .galeriebild img { display: block; } .terminzusatz::before { line-height: 1; } #logo>a>img { width: auto; } h1, h2 { font-size: 26px; } #formularbox h2 { color: #fff; } #menu .on, #menu ul li a:hover { color: #fff; } #menu ul ul li a { background: none; } #menu ul ul li a.on, #menu ul ul li a:hover { background: none; } #menu ul ul { display: block; position: relative; border: none; box-shadow: none; padding: 0px 20px 0; margin-bottom: 0px; width: 100%; margin-top: 0px; } #menu ul ul li { text-align: left; } #menu ul ul, #menu ul li:hover ul { height: auto !important; display: none; } .leistungen { text-align: left; } .leistungen .klickopen, .leistungen .klickbtn:hover { padding-left: 30px; } .facebook .icon, .facebook { width: 38px; height: 38px; vertical-align: top; margin-top: 3px; } .tabmenue > div{ display:block; margin-right:0; } .tabmenue h2 { margin-bottom:15px; font-weight:400; font-size:18px; text-align:left; } #tabmenu{ color:rgb(88,88,90); font-size:16px; border:1px solid rgb(88,88,90); padding:16px; background:#f1f1f1; position:relative; cursor:pointer; } .tabmenue{ display:none; position:absolute; background:rgb(88,88,90); color:#fff; z-index:5; width:90%; width: calc(100% - 40px); padding:20px; } [id*="tabmenu_"]:not(.klickopen){ color:#fcdbb1; } .tabmenue h2.klickopen{ color:#fff; } #tabmenu.tabopen + .tabmenue{ display:block; } #tabmenu:after { content: ""; position: absolute; right: 20px; top: 24px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: rgb(88,88,90) transparent transparent transparent; } #tabmenu.tabopen:after { border-width: 0 10px 10px 10px; border-color: transparent transparent rgb(88,88,90) transparent; } .tabmenue > div:not(:last-child) { margin-right: 0px; } #teaser .slick-slide{ background-repeat:no-repeat; background-position:center center; background-size:cover; height: 320px; } #teaser .slick-slide img{ display:none; } #karte { height: 255px; margin-top:10px; margin-bottom:0; } #karte p { padding: 30px 20px; } #karte a { color:#535353 } #karte .datenschutz_popup_button, .karte-button{ color: #fff !important; } #datenschutz_popup { bottom: 0; font-size: .8em; position: sticky; } #datenschutz_popup_inner { max-width: none; } .datenschutz_popup_button, #datenschutz_popup_inner { border-radius: 0; } #formularbox > div { padding-bottom: 20px; } } @media (max-width: 480px) { .hide480 { display: none } #kontaktbox, #adressbox { width: 300px; } #menu.open, #kontaktbox.open, #zeitenbox.open, #adressbox.open { padding-top: 0px; } #kontaktbox>div, #oeffnungszeitenbox>div, #kartenbox>div, #formularbox>div, #menu ul { padding-top: 0; } #formularbox > div { padding-bottom: 20px; } #begriffbox h2 { padding: 0 90px; } .spalte2 .zeitblock { width: 100%; } input[type="submit"] { margin: 30px 0px; width: 250px; } #teaser .slick-slide{ height: 200px; } #karte { height: 320px; } #karte p { padding: 15px; } }.back-to-top { display: none !important; } #header { margin: 0 auto 20px; overflow: hidden; } #headerbalken { z-index: 99; } #logo { float: left; width: 100%; text-align: center; } #logo>a>img { height: 130px; padding: 10px; } #teaser:not(.teaserslider) { width: 100%; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35); background-position: center center; z-index: 9; position: relative; } #teaser .slick-slide{ background-size:cover !important; background-position: center center !important; } #footer { bottom: 60px; } #footer_end { text-transform: uppercase; padding: 15px 0; } #menu ul { font-size: 16px; } #menu .on, #menu ul li a:hover { border-bottom: 0px solid #fff; } #menu ul ul li a { padding: 13px 30px 14px 30px; } input[type="text"], input[type="email"], input[type="tel"], textarea { border: 1px solid rgb(88,88,90); } #teaser .slick-slide, #teaser{ height:300px; } #teaser .slick-slide img{ opacity:0; } #teaser{ margin-bottom:0; } @media (min-width: 781px) { #kartenbox, #oeffnungszeitenbox, #kontaktbox { z-index: 99; } #menu { height: 80px !important; } } @media (max-width: 1680px) { #teaser .slick-slide, #teaser{ height:250px; } } @media (max-width: 1360px) { #menu ul li a { padding: 29px 20px; } #teaser .slick-slide, #teaser{ height:200px; } } @media (max-width: 980px) { #menu a { padding: 12px 12px; } #menu ul { font-size: 15px; } #logo>a>img { height: 100px; } #logo { margin-left: 0; } #menu ul li { text-align: left !important; } #menu ul li li { border-left: 1px solid white; } #teaser .slick-slide, #teaser{ height:150px; } } @media (max-width: 780px) { #menu ul li a { padding: 12px 12px; } .wrap { width: 95%; } #kartenbox, #oeffnungszeitenbox, #formularbox, #menu { width: 440px; } #menu ul { padding: 0px 20px 0px; } .klickopen, .klickbtn:hover { padding-left: 0px; } #logo>a>img { height: 100px; } .mobil { margin: 0 15px; } .leistungen .spalte2{ margin-bottom:0; } .leistungen.spalte2{ margin-bottom:0; } #teaser .slick-slide, #teaser{ height:120px; } } @media (max-width: 480px) { #zeitenbox, #oeffnungszeitenbox, #kartenbox, #formularbox, #menu { width: 100%; } #logo { margin-left: 0px; } #logo>a>img { height: auto; width: 300px; } #header { right: 0; } .mobil { margin: 0 1px; } #kontaktbox>div, #oeffnungszeitenbox>div, #kartenbox>div, #formularbox>div, #menu ul { padding-bottom: 0; } #teaser .slick-slide, #teaser{ height:90px; } }.c{text-align:center;}.openclose_lotto{height: 0;overflow: hidden;}.mr0{margin-right:0;}.dib{display:block;}.pos{position: relative;width:100%;}img {border: 0px;}.klickbtn {-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;cursor:pointer;}.lospalte1 , .lospalte2, .lospalte3{margin:0px;float:left;overflow:hidden;text-align:left;border-bottom:1px solid #ccc;padding:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.lospalte1{width:50%;}.lospalte2, .lospalte3{text-align:right;width:25%;}.ausgabequote{width:100%;padding:25px 15px !important;overflow:hidden;height:auto;margin-top:20px;}.ausgabequote > div:nth-child(1),.ausgabequote > div:nth-child(2),.ausgabequote > div:nth-child(3){background:#ffdf00;border-bottom:0;}#lottozahlen{background:#f7f5f4;width:100%;max-width:900px;margin:0 auto;padding:20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:auto !important;}#lottozahlen *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.h2{font-size:22.5px;}#lottozahlen ul{padding:0;list-style:none;background:#fff;}#lottozahlen ul li{display:inline-block;position:relative;width:25%;padding:15px 10px;text-align:center;vertical-align:middle;height:60px;}#lottozahlen ul li img{max-width:80%;max-height:80%;vertical-align:middle;}#lottozahlen ul li.klickopen{background:#ddd;}#lottozahlen ul li:after{content:"";display:block;position:absolute;left:0;right:0;top:80%;top:calc(100% - 10px);margin:0 auto;width: 0px;height: 0px;border-style: solid;border-width: 10px 15px 0 15px;border-color: #fff transparent transparent transparent;-webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-ms-transition: all 1.3s ease;-o-transition: all 1.3s ease;transition: all 1.3s ease;}#lottozahlen ul li.klickopen:after{content:"";display:block;position:absolute;left:0;right:0;top:100%;margin:0 auto;width: 0px;height: 0px;border-style: solid;border-width: 10px 15px 0 15px;border-color: #ddd transparent transparent transparent;}.ballw{background:#fff;-webkit-border-radius:50%;border-radius:50%;border:1px solid #ddd;color:#000;font-weight:700;font-size:36px;padding:23px 10px;text-align:center;width:80px;height:80px;display:inline-block;margin-right:20px;cursor:default;position:relative;}.ballb{background:#000;-webkit-border-radius:50%;border-radius:50%;border:1px solid #000;color:#fff;font-weight:700;font-size:36px;padding:23px 10px;text-align:center;width:80px;height:80px;display:inline-block;margin-right:20px;cursor:default;position:relative;}.ballb:before,.ballw:before{content:"";display:block;position:absolute;left:0;right:0;bottom:-10px;height:10px;background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 70%);background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 70%);background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 70%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1a000000", endColorstr="#00000000",GradientType=1 );}.jackpot{display:inline-block;padding:10px 20px;background:#ffdf00;}@media (max-width: 980px) {.ballw,.ballb{font-size:32px;padding:19px 10px;width:70px;height:70px;margin-right:15px;}}@media (max-width: 780px) {#lottozahlen ul li:after,#lottozahlen ul li.klickopen:after{display:none;}#lottozahlen ul li{display:block;width:100%;}.lospalte2{display:none;}.lospalte1 , .lospalte2, .lospalte3{margin:0px;float:left;overflow:hidden;}.lospalte1{width:60%;}.lospalte3{width:40%;}}@media (max-width: 480px) {.lospalte1 , .lospalte2, .lospalte3{font-size:12px;height:50px;}.ballw,.ballb{font-size:24px;padding:7px;width:45px;height:45px;margin-right:8px;}}