.menu__item--ueberUns { display: none !important; } #testSystem, #debugPanel { display: none !important; } /*--- _global/global-icons.less START ---*/ .listItem__productlogo.lottonormal, .listItem__productlogo.lottovewsystem, .listItem__productlogo.lottovollsystem, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.lotto, .basketItem.lotto .basketItemLogo, .myWinningNumber__notificationBox__logo--lotto, #ticket_table_paid .listItem .listItem__productlogo--lottonormal { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/LOTTO_48x48.svg'); border-radius: 4px; } .listItem__productlogo.eurojackpot, .basketItem.ejp .basketItemLogo, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.ejp, .myWinningNumber__notificationBox__logo--ejp, #ticket_table_paid .listItem .listItem__productlogo--eurojackpot { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/EuroJackpot_48x48.svg'); border-radius: 4px; } .listItem__productlogo.duolotto, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.duo, .myWinningNumber__notificationBox__logo--duo, #ticket_table_paid .listItem .listItem__productlogo--duolotto, .basketItem.duo .basketItemLogo { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/DUOLOTTO_48x48.svg'); border-radius: 4px; } .listItem__productlogo.club, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.club, .myWinningNumber__notificationBox__logo--club, #ticket_table_paid .listItem .listItem__productlogo--club, .basketItem.club .basketItemLogo { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/Spielgemeinschaften_48x48.svg'); border-radius: 4px; } .listItem__productlogo.keno, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.keno, .myWinningNumber__notificationBox__logo--keno, #ticket_table_paid .listItem .listItem__productlogo--keno, .basketItem.keno .basketItemLogo { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/KENO_48x48.svg'); border-radius: 4px; } .listItem__productlogo.gluecksspirale, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.gls, .myWinningNumber__notificationBox__logo--gls, #ticket_table_paid .listItem .listItem__productlogo--gluecksspirale, .basketItem.gls .basketItemLogo { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/GluecksSpirale_48x48.svg'); border-radius: 4px; } #ticket_table_paid .listItem .listItem__productlogo--dflsingle, .basketItem.dfl .basketItemLogo, .listItem__productlogo--dflsingle, .listItem__productlogo--dflmega { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/DFL_48x48.svg'); border-radius: 4px; } #ticket_table_paid .listItem .listItem__productlogo--dwl, .listItem__productlogo.listItem__productlogo--dwl, .basketItem.dwl .basketItemLogo { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/dwl_48x48.svg'); border-radius: 4px; } #ticket_table_paid .listItem .listItem__productlogo--scratchcard, .listItem__productlogo.listItem__productlogo--scratchcard, .basketItem.scratchcard .basketItemLogo { background-image: url('//js.ui-portal.de/test/lotto24/img/48x48/rubbellose_48x48.svg'); border-radius: 4px; } /*--- _global/global-icons.less END ---*/ /*--- _global/global-vars-webde.less START ---*/ .fullwidth { position: relative; margin-left: -9999rem !important; margin-right: -9999rem !important; padding-left: 9999rem !important; padding-right: 9999rem !important; } .fullwidthpseudo:before, .fullwidthpseudo:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 100%; right: 100%; background: #F3F3F3; } .fullwidthpseudo:after { left: 100%; background: #F3F3F3; } @font-face { font-family: 'WebSans'; src: url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-light.eot'); src: url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-light.eot?#iefix') format('embedded-opentype'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-light.woff') format('woff'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-light.ttf') format('truetype'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-light.svg#webdesans_medium') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'WebSans'; src: url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-regular.eot'); src: url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-regular.eot?#iefix') format('embedded-opentype'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-regular.woff') format('woff'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-regular.ttf') format('truetype'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-regular.svg#webdesans_medium') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'WebSans'; src: url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-medium.eot'); src: url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-medium.eot?#iefix') format('embedded-opentype'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-medium.woff') format('woff'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-medium.ttf') format('truetype'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-medium.svg#webdesans_medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'WebSans'; src: url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-bold.eot'); src: url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-bold.eot?#iefix') format('embedded-opentype'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-bold.woff') format('woff'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-bold.ttf') format('truetype'), url('//img.ui-portal.de/ci/webde/global/fonts/web.de-sans/web.de-sans-bold.svg#webdesans_medium') format('svg'); font-weight: bold; font-style: normal; } /*--- _global/global-vars-webde.less END ---*/ /*--- _global/global.less START ---*/ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #515151 !important; } @media (min-width: 768px) { html, body { overflow-x: hidden; } } h1, h2 { font-family: 'WebSans', Arial, sans-serif; color: #515151; word-wrap: break-word; word-break: break-word; } h3, h4, h5 { font-family: 'WebSans', Arial, sans-serif; color: #515151; word-wrap: break-word; word-break: break-word; } h1 { font-size: 36px; line-height: 36px; color: #515151 !important; } h2, h2.strong, h2 strong { font-size: 24px; line-height: 32px; } h2 span { font-family: 'WebSans', Arial, sans-serif; } h5, .alert h5 { font-family: 'WebSans', Arial, sans-serif; font-size: 24px; line-height: 32px; } .alert h5 + div { padding: 0; } .contentbox { font-size: 1.33333em; line-height: 1.66666em; } .alert p, .alert h5 + div { color: #333333; } @media (min-width: 768px) { h1 { font-size: 56px; line-height: 56px; } h2 { font-size: 42px; line-height: 36px; } h2 .contentbox { line-height: 50px; } h3 { font-size: 1.4em; } } @media (max-width: 767px) { h1 { font-size: 32px; line-height: 40px; } h2 { font-size: 24px; line-height: 28px; } h3, h4, h5, .alert h5 { font-size: 20px; line-height: 28px; } } @media (max-width: 480px) { h1 { font-size: 24px; line-height: 32px; } h2, h3, h4, h5, .alert h5 { font-size: 20px; line-height: 27px; } } a, a:link, a:visited { color: #1C8AD9; text-decoration: none; } a:hover { color: #166EAE; } a:active { color: #1C8AD9; } a:visited { color: #61ADE4; } a:hover, a:link:hover, a:visited { text-decoration: underline; } a.further, a.helplink { font-weight: normal; } a.further--arrow:not(.confirm):not(.cancel):not(.optionen) { padding-right: 10px; } a.further:hover { color: #1C8AD9; } a.further--arrow:before { content: ""; display: inline-block; padding: 0; } b, strong { font-size: 1em; } .contentbox.header, .contentbox.header h1 { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; height: auto; } .contentbox.header ~ .contentbox.alert { margin-top: 30px; } .whiteBox, div.amount-panel, div.payout-panel, .payInOutBox, .playerWhiteBox, .infoBox, .postidentBlock, .avs-code, .account-data, .pay-in__block, .payment-option { background-color: #F3F3F3; border-radius: 4px; } .selectWrapper select { margin-top: 0; } .contentbox.alert { border-radius: 4px; overflow: hidden; } .contentbox.alert > .row { margin-left: 0; margin-right: 0; } .alert, .alert.alright, .alert.error { background-position: 35px 10px; } .alert h5 + div { font: 400 16px / 25px Verdana, Arial, Helvetica, sans-serif; } .alert p { font: 400 16px / 25px Verdana, Arial, Helvetica, sans-serif; padding-left: 5px; } .alert h5 { padding-left: 5px; } .alert { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/info.svg'); background-repeat: no-repeat; } #alertBox, .contentbox.alert, #basket_error_messages { padding: 20px !important; padding-left: 70px !important; } .contentbox.alert.error, .alert.error { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/error.svg'); background-color: #F8EEEE !important; margin-bottom: 10px; } .contentbox.alert { background-color: #D6EAF8 !important; background-position: 14px 14px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/info.svg'); margin-bottom: 10px; background-size: 50px 50px; } .alert.alright { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/alright.svg'); background-color: #E2F2D9 !important; } .alright-icon { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/alright.svg'); } img.infoIcon { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/icon.svg') no-repeat, none; width: 32px; height: 32px; padding-left: 32px; background-position: 0px -1080px; background-size: 160px 1200px; } .modal-content .icon-info:before { content: ""; display: block; position: absolute; left: 20px; top: 25px; width: 45px; height: 45px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/info.svg'); background-position: 0 0; background-repeat: no-repeat; background-size: 45px; } .modal-content .icon-info { background: none; } @media (min-width: 992px) { #advantages .service { width: auto; padding-right: 20px; } } .infoBox { padding: 20px; } .modal-content .modalhead { padding: 30px; } .modal-content .modalhead[class*="icon-"] { padding-left: 70px; } .modal-content, .modal-content .modalhead, .popup { font-family: Verdana, Arial, Helvetica, sans-serif; border-radius: 4px; border: none; box-shadow: none !important; background: white; } .modal-content .modalhead h5, .modal-content h5 { font: 400 20px / 27px 'WebSans', Arial, sans-serif; padding: 5px 0 10px 50px; padding-left: 5px; } .modal-content .modalhead p, .modal-content p { padding-left: 5px; } .modal-content .modal-footer { background-color: transparent; } .modal-content .modalhead p, .modal-content p { font: 400 16px / 25px Verdana, Arial, Helvetica, sans-serif; } .modal-head.icon-error { background: none; } .modal-content .icon-error:before { content: ""; display: block; position: absolute; left: 20px; top: 25px; width: 45px; height: 45px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/info.svg'); background-position: 0 0; background-repeat: no-repeat; background-size: 45px; } .popup .modal-close { background-color: transparent; margin: -10px; } .popup .modal-close:hover .icon-cross:before { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/close-blau.svg') no-repeat center; } .modal-close:hover { background-color: transparent; } @media (max-width: 992px) { .modal-footer .btGroup div { width: 100%; margin-bottom: 10px; } .modal-footer .btGroup a { width: 100%; display: block; } } .icon-cross:before { content: ""; width: 25px; height: 25px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/close-grau.svg') no-repeat center; background-size: 100%; display: block; } .icon-zoom-in { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg'); background-size: 100%; background-position: center; } .icon-zoom-in:before { content: ""; } .icon-zoom-out:before { content: ""; } .icon-zoom-out { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-grau.svg'); background-size: 100%; background-position: center; } a.icon-zoom-in:hover, a:hover .icon-zoom-in { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-blau.svg'); background-size: 100%; background-position: center; } a.icon-zoom-out:hover, a:hover .icon-zoom-out { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-blau.svg'); background-size: 100%; background-position: center; } .listItem__productlogo.lottonormal, .listItem__productlogo.lottovollsystem, .listItem__productlogo.lottovewsystem, .basketItem.lotto .basketItemLogo, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.lotto, .myWinningNumber__notificationBox__logo--lotto, .listItem__productlogo.eurojackpot, .basketItem.ejp .basketItemLogo, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.ejp, .myWinningNumber__notificationBox__logo--ejp, .listItem__productlogo.gluecksspirale, .basketItem.gls .basketItemLogo, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.gls, .myWinningNumber__notificationBox__logo--gls, .listItem__productlogo.keno, .basketItem.keno .basketItemLogo, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.keno, .myWinningNumber__notificationBox__logo--keno, .listItem__productlogo.club, .basketItem.club .basketItemLogo, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.club, .myWinningNumber__notificationBox__logo--club, .listItem__productlogo.duolotto, .basketItem.duo .basketItemLogo, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.duo, .myWinningNumber__notificationBox__logo--duo { background-position: center; background-size: 100%; background-repeat: no-repeat; } .table__row__cell:not(.table__row__cell--header) { color: #333333; border-bottom: 1px solid #DADADA; } @media screen and (min-width: 1200px) { .inner-table-header > div:first-child, .inner-table-row > div:first-child, .table__row > .table__row__cell:first-child { padding-left: 20px; } } .inner-table-row, .table__row { border-bottom: 1px solid #DADADA; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0px; } .inner-table-header, .table__row .table__row__cell--header { background-color: #F3F3F3; color: #515151; font-family: 'WebSans', Arial, sans-serif; } @media (min-width: 768px) { .table__row { font-size: 16px; line-height: 24px; } } @media (min-width: 992px) { .inner-table-header, .table__row .table__row__cell--header { font: 400 20px / 32px 'WebSans', Arial, sans-serif; } } .trenner { height: 15px; width: 100%; margin: 30px 0; max-width: none; } .pagingContainer .col-xs-6:first-child { width: 100%; } .pagingContainer .col-xs-6:last-child { width: 100%; } @media (min-width: 992px) { .pagingContainer .col-xs-6:first-child { width: 58.33333333%; } .pagingContainer .col-xs-6:last-child { width: 41.66666667%; } } a .pagingElement, .pagingElement { font-family: 'WebSans', Arial, sans-serif, Arial; padding-left: 10px; padding-right: 10px; width: 38px; height: 38px; line-height: 38px; border-radius: 4px; border: 1px solid #1C8AD9; color: #1C8AD9; margin-right: 10px; } .pagingElement.active, .pagingElement:hover { color: white; background-color: #1C8AD9; } .pagingElement:hover .arrowRight:before, .pagingElement:hover .arrowLeft:before, .pagingElement:hover a { color: white; text-decoration: none; } .pagingElement .arrowLeft { padding-right: 10px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-blau.svg') no-repeat scroll left center / 18px 18px transparent; } .pagingElement:hover .arrowLeft { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-weiss.svg') no-repeat scroll left center / 18px 18px transparent; } .pagingElement .arrowLeft:before { content: "Zurück"; display: block; text-align: left; padding-left: 30px; font-size: 16px; line-height: 38px; } .pagingElement .arrowRight { padding-left: 10px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-blau.svg') no-repeat scroll right center / 18px 18px transparent; } .pagingElement:last-child, .pagingElement:first-child { width: auto; } a.pagingSite .pagingElement { width: 38px; } .pagingElement .arrowRight:before { content: "Weiter"; display: block; text-align: left; padding-right: 30px; font-size: 16px; line-height: 38px; } .pagingElement:hover .arrowRight { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-weiss.svg') no-repeat scroll right center / 18px 18px transparent; } .clearfix { *zoom: 1; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { content: " "; display: table; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 25% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } 75% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(-179.9deg); } 100% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 25% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } 75% { transform: perspective(120px) rotateX(0deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(-179.9deg); } 100% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } } .waitLayer { display: block; width: 64px; height: 64px; border-radius: 4px; position: fixed; top: 50%; left: 50%; background-color: #FFFFFF; -webkit-animation: rotateplane 2.4s infinite ease-in-out; animation: rotateplane 2.4s infinite ease-in-out; margin-top: -32px; margin-left: -32px; } .waitLayer img { display: none; } /* 26.02.2019: new empty div element before the first .content-wrapper, that needs to be removed from our layout */ /* do not know when it was added, happend in a last few days, it was definitely not there before 10.02.2019 */ .background-row-hotline-partner { display: none; } /*--- _global/global.less END ---*/ /*--- button.less START ---*/ a.cancel, a.button, a.confirm, .ticket-header__action__button, button.confirm, button.cancel, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.confirm, .lotteryClub__block.lotteryClub__block--userInteract button.confirm, .lotteryClub__block.lotteryClub__block--userInteract button.cancel, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.cancel, .openScratchCard__button { font-family: 'WebSans', Arial, sans-serif !important; color: #333333 !important; display: inline-block; height: 40px; border: 0px; text-decoration: none; border-radius: 4px; padding-left: 20px; padding-right: 20px; font-size: 20px; font-weight: 500; line-height: 40px; } a.cancel--disabled, a.button--disabled, a.confirm--disabled, .ticket-header__action__button--disabled, button.confirm--disabled, button.cancel--disabled, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.confirm--disabled, .lotteryClub__block.lotteryClub__block--userInteract button.confirm--disabled, .lotteryClub__block.lotteryClub__block--userInteract button.cancel--disabled, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.cancel--disabled, .openScratchCard__button--disabled, a.cancel.disabled, a.button.disabled, a.confirm.disabled, .ticket-header__action__button.disabled, button.confirm.disabled, button.cancel.disabled, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.confirm.disabled, .lotteryClub__block.lotteryClub__block--userInteract button.confirm.disabled, .lotteryClub__block.lotteryClub__block--userInteract button.cancel.disabled, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.cancel.disabled, .openScratchCard__button.disabled { color: #DADADA !important; background-color: #FFF8D1; } a.cancel:not([disabled]):hover, a.button:not([disabled]):hover, a.confirm:not([disabled]):hover, .ticket-header__action__button:not([disabled]):hover, button.confirm:not([disabled]):hover, button.cancel:not([disabled]):hover, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.confirm:not([disabled]):hover, .lotteryClub__block.lotteryClub__block--userInteract button.confirm:not([disabled]):hover, .lotteryClub__block.lotteryClub__block--userInteract button.cancel:not([disabled]):hover, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.cancel:not([disabled]):hover, .openScratchCard__button:not([disabled]):hover { color: #333333 !important; } @media (max-width: 767px) { a.cancel, a.button, a.confirm, .ticket-header__action__button, button.confirm, button.cancel, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.confirm, .lotteryClub__block.lotteryClub__block--userInteract button.confirm, .lotteryClub__block.lotteryClub__block--userInteract button.cancel, .lotteryClubs__club__block.lotteryClubs__club__block--purchase button.cancel, .openScratchCard__button { height: auto; min-height: 40px; } } .confirm, .openScratchCard__button--open { background-color: #ffd800; } .confirm:not([disabled]):hover, .openScratchCard__button--open:not([disabled]):hover { background-color: #E5C200; text-decoration: none; } @media (min-width: 768px) and (max-width: 991px) { .openScratchCard__button--open { font-size: 16px; } } .listItem__optionsbar__option.confirm.optionen, body[data-page="/payment/payout"] a[title="Kontoauszug"], body[data-page="/payment/payout"] a[title="Einzahlen"] { background: #ffd800; color: #333333 !important; height: 40px; line-height: 38px; font-size: 20px; } .listItem__optionsbar__option.confirm.optionen:not(.disabled):hover, body[data-page="/payment/payout"] a[title="Kontoauszug"]:not(.disabled):hover, body[data-page="/payment/payout"] a[title="Einzahlen"]:not(.disabled):hover { color: #333333 !important; background: #CCAD00; text-decoration: none !important; } .listItem__optionsbar__option.confirm.optionen.disabled, body[data-page="/payment/payout"] a[title="Kontoauszug"].disabled, body[data-page="/payment/payout"] a[title="Einzahlen"].disabled, .selected .listItem__optionsbar__option.confirm.optionen.disabled, .selected body[data-page="/payment/payout"] a[title="Kontoauszug"].disabled, .selected body[data-page="/payment/payout"] a[title="Einzahlen"].disabled, .listItem:hover .listItem__optionsbar__option.confirm.optionen.disabled, .listItem:hover body[data-page="/payment/payout"] a[title="Kontoauszug"].disabled, .listItem:hover body[data-page="/payment/payout"] a[title="Einzahlen"].disabled { color: #DADADA !important; background: #FFF8D1; } @media (max-width: 767px) { button.confirm.small, a.confirm.small, a.listItem__optionsbar__option.confirm.optionen, a[data-trackid="meinetippscheine.tippschein.historie"], a[title="Aktuelle Spielscheine"] { height: auto; min-height: 40px; } } button.cancel, a.cancel { color: #999999 !important; border: 1px solid #999999; background-color: transparent; } button.cancel:not(.disabled):hover, a.cancel:not(.disabled):hover { color: #FFFFFF !important; background-color: #717171 !important; } button.cancel:not(.disabled):active, a.cancel:not(.disabled):active { color: #FFFFFF !important; background-color: #999999 !important; } button.cancel.disabled, a.cancel.disabled { color: #DADADA !important; background-color: #FFFFFF !important; border-color: #DADADA; } button.cancel:focus, a.cancel:focus { outline: none; } button:before { content: "" !important; display: none !important; } a.middle, button.middle, button.submit, .modal-content .confirm.middle { width: 100%; } @media (min-width: 768px) { a.middle:not([data-trackid="login.abmelden.btn"]), button.middle, button.submit, .modal-content .confirm.middle, .confirm.small.info__more { width: auto; height: 32px !important; font-size: 16px !important; line-height: 32px !important; } [data-page^="/payment/transaction_history"] a.middle { width: 100%; } } @media (min-width: 992px) { a.middle:not([data-trackid="login.abmelden.btn"]), button.middle, button.submit, .modal-content .confirm.middle, .confirm.small.info__more { height: 48px !important; font-size: 20px !important; line-height: 48px !important; } [data-page^="/payment/transaction_history"] a.middle { width: 100%; } } @media (max-width: 767px) { a.middle, .modal-content .confirm.middle { width: 100%; } } .modal #avsLogoutCheckOut, .modal #avsCompleteLayerConfirm { width: auto; } .ticket-header__action__button, .ticket-header__action__button:link { font-size: 1.25em; color: #FFFFFF !important; background-color: #ffd800; border: none !important; border-width: 0px; padding-right: 0px !important; text-decoration: none; line-height: initial; } @media (min-width: 768px) { .ticket-header__action__button, .ticket-header__action__button:link { height: 3.25em !important; line-height: 3.25em !important; padding: 0 20px !important; font-size: 1.125em; height: 2.66666667em; margin-top: 0px; line-height: 2.66666667em; } } @media (max-width: 767px) { .ticket-header__action__button, .ticket-header__action__button:link { padding-left: 0; } } .ticket-header__action__button:hover, .ticket-header__action__button:link:hover { background-color: #CCAD00; } .ticket-header__action__button:active, .ticket-header__action__button:link:active { background-color: #ffd800; } .ticket-header__action__button:before, .ticket-header__action__button:link:before { display: none; } /*--- button.less END ---*/ /*--- form.less START ---*/ body:not([data-page="/product/gluecksspirale/"]) input[type="text"], body:not([data-page="/product/gluecksspirale/"]) input[type="password"], body:not([data-page="/product/gluecksspirale/"]) input[type="number"], body:not([data-page="/product/gluecksspirale/"]) input[type="date"], body:not([data-page="/product/gluecksspirale/"]) input[type="month"], body:not([data-page="/product/gluecksspirale/"]) input[type="week"], body:not([data-page="/product/gluecksspirale/"]) input[type="time"], body:not([data-page="/product/gluecksspirale/"]) input[type="datetime"], body:not([data-page="/product/gluecksspirale/"]) input[type="datetime-local"], body:not([data-page="/product/gluecksspirale/"]) input[type="email"], body:not([data-page="/product/gluecksspirale/"]) input[type="search"], body:not([data-page="/product/gluecksspirale/"]) input[type="tel"], body:not([data-page="/product/gluecksspirale/"]) input[type="color"], body:not([data-page="/product/gluecksspirale/"]) select { box-sizing: border-box; border-radius: 4px; border: 1px solid #C1C1C1 !important; position: relative; height: 40px !important; padding: 0px !important; text-indent: 10px !important; font-size: 16px !important; line-height: 40px !important; } body:not([data-page="/product/gluecksspirale/"]) select { text-indent: 3px !important; } body:not([data-page="/product/gluecksspirale/"]) textarea { border-radius: 4px; } body:not([data-page="/product/gluecksspirale/"]) label { display: block; float: none; width: 100%; text-align: left; font-style: normal; font-weight: 300; font-family: 'WebSans', Arial, sans-serif; font-size: 16px; color: #515151; background-color: transparent; border: none; } body:not([data-page="/product/gluecksspirale/"]) input[disabled] { background-color: #F3F3F3; } body:not([data-page="/product/gluecksspirale/"]) .selectWrapper { background-image: none; border-radius: 4px; position: relative; border: none; font-family: Arial; font-weight: normal; height: 40px; width: 100%; } body:not([data-page="/product/gluecksspirale/"]) .selectWrapper select { width: 99%; border: 1px solid #C1C1C1; border-radius: 3px; -webkit-appearance: none; height: 40px !important; } body:not([data-page="/product/gluecksspirale/"]) .selectWrapper select, body:not([data-page="/product/gluecksspirale/"]) select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-image: url("//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg"); background-repeat: no-repeat; background-position: 97% center; /* default, Android, Sf < 6 */ background-position: -webkit-calc(92%) center; /* Sf 6 */ background-position: right 8px center; background-size: 16px; background-origin: content-box; } @media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) { body:not([data-page="/product/gluecksspirale/"]) .selectWrapper select, body:not([data-page="/product/gluecksspirale/"]) select { background-image: none; } } body:not([data-page="/product/gluecksspirale/"]) .selectWrapper select::-ms-expand, body:not([data-page="/product/gluecksspirale/"]) select::-ms-expand { display: none; } body:not([data-page="/product/gluecksspirale/"]) .selectWrapper:after { content: none !important; } @media (max-width: 480px) { body:not([data-page="/product/gluecksspirale/"]) .contentbox .selectWrapper.selectWrapper--complete, body:not([data-page="/product/gluecksspirale/"]) .product-table__content .product-table__content__selection.pull-right { width: 100%; } } body:not([data-page="/product/gluecksspirale/"]) input[type="checkbox"] ~ label, body:not([data-page="/product/gluecksspirale/"]) input[type="checkbox"]:checked ~ label { background: none !important; position: relative !important; height: 45px !important; padding: 0 !important; } @media (max-width: 991px) and (min-width: 768px) { body:not([data-page="/product/gluecksspirale/"]) .myNotification__box { height: 65px; } } @media (max-width: 991px) and (min-width: 768px) { body:not([data-page="/product/gluecksspirale/"]) .myNotification__box input[type="checkbox"] ~ label, body:not([data-page="/product/gluecksspirale/"]) .myNotification__box input[type="checkbox"]:checked ~ label { height: 65px !important; } } body:not([data-page="/product/gluecksspirale/"]) input[type="checkbox"] ~ label:before, body:not([data-page="/product/gluecksspirale/"]) input[type="checkbox"]:checked ~ label:before { content: ""; display: inline-block; vertical-align: -15px !important; border: 1px solid #C1C1C1 !important; width: 34px !important; height: 34px !important; margin: 3px 10px 3px 0px !important; border-radius: 3px !important; background: white; } body:not([data-page="/product/gluecksspirale/"]) #popupJackpotAbo .ticket-options__row__checkbox__wrapper__box { content: ""; position: relative; display: inline-block; border: 1px solid #C1C1C1 !important; width: 20px !important; height: 20px; border-radius: 3px !important; background: white; } body:not([data-page="/product/gluecksspirale/"]) .myNotification__box input[type="checkbox"] ~ label:before, body:not([data-page="/product/gluecksspirale/"]) .myNotification__box input[type="checkbox"]:checked ~ label:before { float: left; } body:not([data-page="/product/gluecksspirale/"]) input[type="checkbox"]:checked ~ label:after { content: "" !important; position: absolute !important; top: 13px !important; left: 6px !important; width: 22px !important; height: 10px !important; border-left: 4px solid #1C8AD9; border-bottom: 4px solid #1C8AD9; -webkit-transform: rotate(-50deg); -moz-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); } body:not([data-page="/product/gluecksspirale/"]) #popupJackpotAbo .ticket-options__row__checkbox__wrapper--active .ticket-options__row__checkbox__wrapper__box:after { content: "" !important; position: absolute !important; top: 5px !important; left: 3px !important; width: 12px !important; height: 6px !important; border-left: 2px solid #1c8ad9; border-bottom: 2px solid #1c8ad9; -webkit-transform: rotate(-50deg); -moz-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); } body:not([data-page="/product/gluecksspirale/"]) .contentbox.alert.error { background-image: none !important; position: relative; } body:not([data-page="/product/gluecksspirale/"]) .contentbox.alert.error:before { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/error.svg') no-repeat, none; content: ""; display: block; height: 44px; left: 20px; position: absolute; top: 10px; width: 44px; background-size: 44px; } body:not([data-page="/product/gluecksspirale/"]) label.error, body:not([data-page="/product/gluecksspirale/"]) label[style="color: rgb(255, 255, 255); background-color: rgb(153, 0, 0);"] { background: transparent !important; position: relative; } body:not([data-page="/product/gluecksspirale/"]) label.error:after { position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/icon-m.png') no-repeat; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/icon.svg') no-repeat, none; background-size: 120px 900px; background-position: 0px -870px; } body:not([data-page="/product/gluecksspirale/"]) label.error + input { border-color: #C00030 !important; background-color: #F7D1D1 !important; } body:not([data-page="/product/gluecksspirale/"]) .input-hint { margin-left: 0; } body:not([data-page="/product/gluecksspirale/"]) .error, body:not([data-page="/product/gluecksspirale/"]) .formfield .error, body:not([data-page="/product/gluecksspirale/"]) .formfield.error, body:not([data-page="/product/gluecksspirale/"]) .formfield.errorpostalcode, body:not([data-page="/product/gluecksspirale/"]) #expiryDateMissingMessage, body:not([data-page="/product/gluecksspirale/"]) #expiryDateInvalidMessage { font-family: Verdana, Arial, Helvetica, sans-serif; color: #C00030 !important; } body:not([data-page="/product/gluecksspirale/"]) div.formfield.error label, body:not([data-page="/product/gluecksspirale/"]) .formfield.errorpostalcode label, body:not([data-page="/product/gluecksspirale/"]) .formfield.errorpostalcode .input-hint, body:not([data-page="/product/gluecksspirale/"]) .form-1col__field.error-postalcode .form-1col__label--inline-postalcode { background: white !important; color: #C00030 !important; position: relative; } body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="text"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="password"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="number"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="date"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="month"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="week"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="time"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="datetime"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="datetime-local"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="email"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="search"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="tel"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error input[type="color"], body:not([data-page="/product/gluecksspirale/"]) .formfield.error select, body:not([data-page="/product/gluecksspirale/"]) .formfield.errorpostalcode input { border-color: #C00030 !important; background-color: #F7D1D1 !important; } /*--- form.less END ---*/ /*--- lotto-resultpages.less START ---*/ .productHeader { border-bottom: 1px solid #DADADA; background-color: #FFFFFF; margin-bottom: 48px; padding-left: 0px; padding-bottom: 20px; font-size: 16px; height: 4.375em; } @media (max-width: 480px) { .productHeader { margin-bottom: 30px; } } @media (min-width: 1200px), (max-width: 1195px) and (min-width: 992px), (max-width: 991px) and (min-width: 768px), (max-width: 480px) { .productHeader.fixToTop { height: 4.5em; border-top: 4px solid #1C8AD9; padding-top: 0px; } .productHeader.fixToTop .jackpot { height: 2.5em; } .productHeader.fixToTop .jackpot .jackpot__sum { font-size: 1.25em !important; line-height: 1.125em; } .productHeader.fixToTop a.button { margin-top: 14px; height: 2.22222222em; line-height: 2.22222222em; } .productHeader.fixToTop .product-logo--lotto, .productHeader.fixToTop .product-logo--ejp { margin-top: 14px; } .productHeader.fixToTop .product-logo--lotto img, .productHeader.fixToTop .product-logo--ejp img { margin-top: 0px !important; height: 40px !important; } .productHeader.fixToTop .product-logo--gls { margin-top: 14px; } .productHeader.fixToTop .product-logo--gls img { background-size: auto 40px !important; background-position: 0px 15px !important; height: 40px !important; width: 235px !important; } .productHeader.fixToTop .product-logo--dfl { margin-top: 6px; } } @media (max-width: 767px) { .productHeader { height: 8.75em; } .productHeader.fixToTop { height: 8.75em; } .productHeader.fixToTop .product-logo--gls { margin: 0px !important; } .productHeader.fixToTop .product-logo--gls img { background-size: auto 40px !important; background-position: 10px 15px !important; height: 40px !important; width: 235px !important; } } .productHeader.fixToTop { border-top: 4px solid #ffd800; } @media (min-width: 1200px) { .productHeader.fixToTop { width: 1168px; } } @media (min-width: 992px) and (max-width: 1199px) { .productHeader.fixToTop { width: 968px; } } @media (min-width: 768px) and (max-width: 991px) { .productHeader.fixToTop { width: 748px; } } @media (max-width: 767px) { .productHeader.fixToTop { left: 0px; right: 0px; padding: 10px 15px; margin: 0; width: auto; } .productHeader.fixToTop .ticket-header__action { margin-top: 10px; } } .productHeader .jackpot { font-size: 16px; height: 3em; margin-top: 0; } .productHeader .jackpot .jackpot__text { display: block; font-size: 0.6875em; line-height: 0.6875em; } .productHeader .jackpot .jackpot__sum { font-size: 1.75em !important; } @media (max-width: 767px) { .productHeader .jackpot { text-align: center; width: 10.5em; } } @media (max-width: 479px) { .productHeader .jackpot { width: 6.5em; } .productHeader .jackpot .jackpot__text { line-height: 1.36363636em; } .productHeader .jackpot .jackpot__sum { font-size: 1.375em !important; } } @media (min-width: 768px) { .productHeader--gls .product-logo--gls { margin-top: 0px !important; } } .productHeader--gls .jackpot { background-color: #A1060F; } .productHeader--gls .jackpot:after { border-right-color: #A1060F; } .productHeader--ejp .jackpot { color: #EFDC59; background: #8E5B26; } .productHeader--ejp .jackpot:after { border-right-color: #8E5B26; } .productHeader--dfl .jackpot { background-color: #0073BE; } @media screen and (max-width: 991px) { .productHeader--dfl .jackpot .jackpot__sum { font-size: 20px !important; } } @media screen and (max-width: 767px) { .productHeader--dfl .jackpot { width: 14.5em; margin-top: 12px; } } @media screen and (max-width: 480px) { .productHeader--dfl .jackpot { width: 8em; } .productHeader--dfl .jackpot .jackpot__text { margin-top: 0px; } .productHeader--dfl .jackpot .jackpot__sum { font-size: 1.2em !important; line-height: 1.2em !important; } } .productHeader--dfl .jackpot:after { border-right-color: #0073BE; } .productHeader__upliftButton { font-size: 16px; } .productHeader__upliftButton a.button--lotto, .productHeader__upliftButton a.button--eurojackpot, .productHeader__upliftButton a.button--gluecksspirale, .productHeader__upliftButton a.button--keno, .productHeader__upliftButton a.button--dfl { font-size: 1.25em; color: #FFFFFF !important; background-color: #ffd800; border-width: 0px; padding-right: 0px !important; text-decoration: none; height: 2em; line-height: 2em; } @media (min-width: 768px) { .productHeader__upliftButton a.button--lotto, .productHeader__upliftButton a.button--eurojackpot, .productHeader__upliftButton a.button--gluecksspirale, .productHeader__upliftButton a.button--keno, .productHeader__upliftButton a.button--dfl { font-size: 1.125em; height: 2.66666667em; margin-top: 0px; line-height: 2.66666667em; } } .productHeader__upliftButton a.button--lotto:hover, .productHeader__upliftButton a.button--eurojackpot:hover, .productHeader__upliftButton a.button--gluecksspirale:hover, .productHeader__upliftButton a.button--keno:hover, .productHeader__upliftButton a.button--dfl:hover { background-color: #CCAD00; } .productHeader__upliftButton a.button--lotto:active, .productHeader__upliftButton a.button--eurojackpot:active, .productHeader__upliftButton a.button--gluecksspirale:active, .productHeader__upliftButton a.button--keno:active, .productHeader__upliftButton a.button--dfl:active { background-color: #ffd800; } .productHeader__upliftButton a.button--gluecksspirale { margin-top: 0.84615385em; } .productHeader > div { margin-bottom: 0px; } .productHeader .col-xs-6.col-sm-6 { padding-left: 0px; } label[for="pfiCheck"] { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25px; } label[for="pfiCheck"], .product-table__content h2 b { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } .alert p { font-family: 'WebSans', Arial, sans-serif; font-weight: lighter; } .product-table__content h2 { font-weight: normal; } .product-table__content h2 strong { font-family: 'WebSans', Arial, sans-serif; font-weight: normal; } .directDebit label, .paymentCard label, .logoCreditCard, .logoDirectDebit, #basketForm h2, .voucherHdl { font-family: Verdana, Arial, Helvetica, sans-serif; color: #515151; } .product-table__content__hint { font-size: 14px; line-height: 20px; } @media (min-width: 768px) { .product-table__content__hint { font-size: 16px; line-height: 24px; } } .product-table__content h2 b { font-size: 14px; line-height: 32px; } @media (max-width: 479px) { .product-table__content h2 strong { display: block; } } @media screen and (min-width: 992px) { .product-table__content h2 { font-size: 32px; line-height: 40px; color: #515151; } } .product-table__content h4 { font-family: 'WebSans', Arial, sans-serif; } @media screen and (max-width: 767px) { .product-table__content h4 { font-size: 1em; line-height: 1.33333em; } } .product-logo--lotto + .product-table__content h2 { font-size: 26px; line-height: 1.1em; } @media screen and (min-width: 1200px) { .product-table--lotto .inner-table-header, .product-table--ejp .inner-table-header, .product-table--gls .inner-table-header, .product-table--keno .inner-table-header, .table__row__cell.table__row__cell--header { font-size: 1.7em; line-height: 1.6em; height: 2.2em; } } @media screen and (min-width: 768px) { .contentbox.header h1 { font: 48px 'WebSans', Arial, sans-serif; line-height: 56px; } body[data-page="/common/lottoHelp"] .contentbox.header h1 { font-size: 48px; } .inner-table-row div { font-size: 16px; font-weight: normal; } } .contentbox.header h1 { font-family: 'WebSans', Arial, sans-serif; } .product-table > .col-xs-12, .container.dropshadow > .col-xs-12:first-child { padding-left: 0; padding-right: 0; } .product-logo img { margin-left: 0; } @media screen and (min-width: 1200px) { .trustedBox { position: absolute; top: 30px; right: -90px; } } .product-table--lotto, .product-table--ejp, .product-table--gls, .product-table--keno, .product-table--dfl { background-color: #FFFFFF; padding: 0; margin: 0; } .product-table--lotto .product-table__content, .product-table--ejp .product-table__content, .product-table--gls .product-table__content, .product-table--keno .product-table__content, .product-table--dfl .product-table__content { background-color: #F3F3F3; margin: 0; padding: 20px 15px 40px; } @media (min-width: 768px) { .product-table--lotto .product-table__content, .product-table--ejp .product-table__content, .product-table--gls .product-table__content, .product-table--keno .product-table__content, .product-table--dfl .product-table__content { padding: 20px 20px 40px 20px; } } .row.product-table .product-logo .ticket-header__banner__img { width: 270px; } .row.product-table .product-logo.product-logo--keno .ticket-header__banner__img { width: 130px; } @media (min-width: 768px) { .row.product-table .product-logo .ticket-header__banner__img { width: 330px; } .row.product-table .product-logo.product-logo--keno .ticket-header__banner__img { width: 170px; } } .productHeader .product-logo--ejp .ticket-header__banner__img { margin-top: 0px; } @media (min-width: 768px) { [data-page*="/result"] .product-table__content .selectWrapper, [data-page*="/result"] .product-table__content__selection .selectWrapper { width: 200px; } } [data-page*="/result"] .product-table__content .selectWrapper select, [data-page*="/result"] .product-table__content__selection .selectWrapper select { width: 100%; margin-left: 0px; } @media (max-width: 419px) { [data-page*="/result"] .product-table--lotto img { width: auto; } } [data-page*="/result"] .product-table--gls .ticket-header__banner__img .product-logo__jackpot { margin-top: 0px; } @media (max-width: 419px) { [data-page*="/result"] .product-table--gls .ticket-header__banner__img { height: 49px; background-size: 180px; width: 180px; padding-left: 180px; } } [data-page*="/result"] .product-table--dfl .ticket-header__banner__img { box-sizing: border-box; background: url("//js.ui-portal.de/test/lotto24/img/webde/logo/DFL.svg") no-repeat; background-size: 180px; width: 180px; height: 60px; padding-left: 180px; } [data-page*="/result"] .product-table img { max-width: 100%; } @media (min-width: 768px) { [data-page*="/result"] .row.product-table .productHeader { padding: 0px 15px; } [data-page*="/result"] .row.product-table .productHeader.fixToTop { margin: 0px -30px; } [data-page*="/result"] .row.product-table .productHeader .col-sm-3:nth-child(3) { padding: 0px; } [data-page*="/result"] .row.product-table .productHeader .col-sm-3:nth-child(3) .productHeader__upliftButton { float: right; } [data-page*="/result"] .row.product-table .productHeader .col-sm-3:nth-child(3) .productHeader__upliftButton a { padding: 0 20px !important; } } .product-logo--tiny { width: 85px; height: 21px; } .product-table--lotto .inner-table-header, .product-table--ejp .inner-table-header, .product-table--gls .inner-table-header, .product-table--keno .inner-table-header, .product-table--dfl .inner-table-header, .product-table--dfl .table__row__cell--header { font-family: 'WebSans', Arial, sans-serif; background-color: #F3F3F3; color: #515151; } .product-table--gls .product-logo--gls img.ticket-header__banner__img { padding: 41px 0px 0px 0px; background-size: auto 100%; } .product-table--gls .product-table__content div.row.light-table { padding: 20px 0; border-bottom: 1px solid #DADADA; font-family: 'WebSans', Arial, sans-serif; font-size: 12px; line-height: 16px; height: auto; } @media (min-width: 768px) { .product-table--gls .product-table__content div.row.light-table { font-size: 18px; } } .product-table--gls .product-table__content div.row.light-table:nth-child(4) { background-color: #DADADA; font-weight: 400; font-size: 20px; height: 45px; } .product-table--gls .product-table__content .winning-numbers__number, .product-table--gls .product-table__content .winning-numbers__number--small, .product-table--gls .product-table__content .winning-numbers__number--additional, .product-table--gls .product-table__content .winning-numbers__number--placeholder { font-size: 16px; line-height: 30px; height: 30px; margin-right: 2px; width: 20px; font-weight: 400; color: #515151; } .product-table--gls .product-table__content .winning-numbers__number--additional, .product-table--gls .product-table__content .winning-numbers__number--small { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'WebSans', Arial, sans-serif; margin-top: 0px; } .product-table--gls .product-table__content .product-logo--label { width: auto; } @media (min-width: 768px) { .product-table--gls .product-table__content .winning-numbers__number, .product-table--gls .product-table__content .winning-numbers__number--small, .product-table--gls .product-table__content .winning-numbers__number--additional, .product-table--gls .product-table__content .winning-numbers__number--placeholder { font-size: 20px; line-height: 40px; height: 40px; margin-right: 8px; width: 40px; } } @media (min-width: 992px) { .product-table--gls .product-table__content .winning-numbers__number, .product-table--gls .product-table__content .winning-numbers__number--small, .product-table--gls .product-table__content .winning-numbers__number--additional, .product-table--gls .product-table__content .winning-numbers__number--placeholder { font-size: 20px; line-height: 40px; height: 40px; margin-right: 8px; width: 40px; } } @media (min-width: 992px) { .product-table--gls .product-table__content .winning-numbers__number--small { margin-top: 8px; } } @media (max-width: 991px) { .product-table--gls .product-table__content .winning-numbers--gls { padding-top: 15px; } .product-table--gls .product-table__content .winning-numbers--gls .col-xs-12.col-sm-6 { width: 100%; text-align: left; } } .contentbox { background-color: #FFFFFF; } @media (max-width: 991px) and (min-width: 768px) { .product-table .selectWrapper select { margin: 0; height: auto; font-size: 1.1em; line-height: 2.2em; } } @media (min-width: 768px) and (max-width: 991px) { .product-table .selectWrapper { width: 16em; } } @media screen and (min-width: 992px) { .product-table .selectWrapper select { font-size: 1.4em; line-height: 2.2em; } } @media screen and (min-width: 1200px) { .product-table .selectWrapper select { font-size: 1.4em; line-height: 2.2em; } .selectWrapper:focus, select:focus { width: 100%; border-color: #1F6A9F; } } input[type="checkbox"]:focus + label:before { border-color: #1F6A9F; } .selectWrapper:after { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -7px; background-color: transparent; border-left: 3px solid #262626; border-bottom: 3px solid #262626; border-radius: 0px 0px 0px 3px; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (min-width: 768px) { .product-table .winning-numbers { margin: 0 -15px; } .product-table .winning-numbers [class^="col-"], .product-table .winning-numbers .winning-numbers--inline [class^="col-"] { margin: 0 0 10px; } } .product-table .winning-numbers .winning-numbers__label, .product-table .winning-numbers .winning-numbers__number, .product-table .winning-numbers .winning-numbers__number--additional, .product-table .winning-numbers .winning-numbers__number--placeholder { font-family: 'WebSans', Arial, sans-serif; font-size: 14px; line-height: 28px; width: 52px; } @media (min-width: 350px) { .product-table .winning-numbers .winning-numbers__label, .product-table .winning-numbers .winning-numbers__number, .product-table .winning-numbers .winning-numbers__number--additional, .product-table .winning-numbers .winning-numbers__number--placeholder { font-size: 16px; width: 80px; } } @media (min-width: 992px) { .product-table .winning-numbers .winning-numbers__label, .product-table .winning-numbers .winning-numbers__number, .product-table .winning-numbers .winning-numbers__number--additional, .product-table .winning-numbers .winning-numbers__number--placeholder { font-size: 20px; width: 84px; } } .product-table .winning-numbers .winning-numbers__number, .product-table .winning-numbers .winning-numbers__number--additional, .product-table .winning-numbers .winning-numbers__number--placeholder { width: 25px; height: 25px; line-height: 25px; border-radius: 25px; border-width: 0; margin-right: 1px; } @media (min-width: 350px) { .product-table .winning-numbers .winning-numbers__number, .product-table .winning-numbers .winning-numbers__number--additional, .product-table .winning-numbers .winning-numbers__number--placeholder { width: 30px; height: 30px; line-height: 30px; border-radius: 30px; margin-right: 2px; } } @media (min-width: 992px) { .product-table .winning-numbers .winning-numbers__number, .product-table .winning-numbers .winning-numbers__number--additional, .product-table .winning-numbers .winning-numbers__number--placeholder { width: 40px; height: 40px; line-height: 40px; border-radius: 40px; border-width: 0; margin-right: 4px; } } .product-table .winning-numbers .winning-numbers__number--additional { border-radius: 0; } #resultContent .product-table__content:nth-child(2), #resultContent .product-table__content:nth-child(3), #resultContent .product-table__content:nth-child(4), #resultContent .product-table__content:nth-child(5) { background-color: #FFFFFF; border-radius: 4px; padding: 20px 0; margin-top: 44px; } #resultContent .product-table__content:nth-child(2) h2, #resultContent .product-table__content:nth-child(3) h2, #resultContent .product-table__content:nth-child(4) h2, #resultContent .product-table__content:nth-child(5) h2 { padding: 10px 20px 10px; margin-bottom: 0; margin-left: -20px; } #resultContent .product-table__content:nth-child(2) h2 .product-logo--tiny, #resultContent .product-table__content:nth-child(3) h2 .product-logo--tiny, #resultContent .product-table__content:nth-child(4) h2 .product-logo--tiny, #resultContent .product-table__content:nth-child(5) h2 .product-logo--tiny { margin-left: -7px; margin-bottom: 10px; } @media (min-width: 768px) { #resultContent .product-table__content:nth-child(2) h2 .product-logo--tiny, #resultContent .product-table__content:nth-child(3) h2 .product-logo--tiny, #resultContent .product-table__content:nth-child(4) h2 .product-logo--tiny, #resultContent .product-table__content:nth-child(5) h2 .product-logo--tiny { width: 105px; height: auto; margin: 0px; padding-bottom: 10px; } } @media (min-width: 768px) { #resultContent .product-table__content:nth-child(2) h2, #resultContent .product-table__content:nth-child(3) h2, #resultContent .product-table__content:nth-child(4) h2, #resultContent .product-table__content:nth-child(5) h2 { font-size: 24px; line-height: 28px; padding: 10px 0px 10px 20px; } #resultContent .product-table__content:nth-child(2) h2 .product-table__content__chances, #resultContent .product-table__content:nth-child(3) h2 .product-table__content__chances, #resultContent .product-table__content:nth-child(4) h2 .product-table__content__chances, #resultContent .product-table__content:nth-child(5) h2 .product-table__content__chances { line-height: 32px; width: auto; } } @media (min-width: 992px) { #resultContent .product-table__content:nth-child(2) h2, #resultContent .product-table__content:nth-child(3) h2, #resultContent .product-table__content:nth-child(4) h2, #resultContent .product-table__content:nth-child(5) h2 { font-size: 32px; line-height: 40px; } } @media (min-width: 768px) { #resultContent .product-table__content:nth-child(2) h2 strong, #resultContent .product-table__content:nth-child(3) h2 strong, #resultContent .product-table__content:nth-child(4) h2 strong, #resultContent .product-table__content:nth-child(5) h2 strong { font-size: 24px; line-height: 28px; } } @media (min-width: 992px) { #resultContent .product-table__content:nth-child(2) h2 strong, #resultContent .product-table__content:nth-child(3) h2 strong, #resultContent .product-table__content:nth-child(4) h2 strong, #resultContent .product-table__content:nth-child(5) h2 strong { font-size: 32px; line-height: 40px; } } #resultContent .product-table__content:nth-child(2) .row.options, #resultContent .product-table__content:nth-child(3) .row.options, #resultContent .product-table__content:nth-child(4) .row.options, #resultContent .product-table__content:nth-child(5) .row.options { padding: 10px 20px; background-color: #F3F3F3; border-radius: 4px 4px 0 0; } @media (min-width: 768px) { #resultContent .product-table__content:nth-child(2) .row.options, #resultContent .product-table__content:nth-child(3) .row.options, #resultContent .product-table__content:nth-child(4) .row.options, #resultContent .product-table__content:nth-child(5) .row.options { margin-left: 0px; padding: 10px 5px; } } #resultContent .product-table__content:nth-child(2) .inner-table-header, #resultContent .product-table__content:nth-child(3) .inner-table-header, #resultContent .product-table__content:nth-child(4) .inner-table-header, #resultContent .product-table__content:nth-child(5) .inner-table-header, #resultContent .product-table__content:nth-child(2) .inner-table-row, #resultContent .product-table__content:nth-child(3) .inner-table-row, #resultContent .product-table__content:nth-child(4) .inner-table-row, #resultContent .product-table__content:nth-child(5) .inner-table-row, #resultContent .product-table__content:nth-child(2) .table__row__cell, #resultContent .product-table__content:nth-child(3) .table__row__cell, #resultContent .product-table__content:nth-child(4) .table__row__cell, #resultContent .product-table__content:nth-child(5) .table__row__cell { font-size: 12px; } @media (min-width: 480px) { #resultContent .product-table__content:nth-child(2) .inner-table-header, #resultContent .product-table__content:nth-child(3) .inner-table-header, #resultContent .product-table__content:nth-child(4) .inner-table-header, #resultContent .product-table__content:nth-child(5) .inner-table-header, #resultContent .product-table__content:nth-child(2) .inner-table-row, #resultContent .product-table__content:nth-child(3) .inner-table-row, #resultContent .product-table__content:nth-child(4) .inner-table-row, #resultContent .product-table__content:nth-child(5) .inner-table-row, #resultContent .product-table__content:nth-child(2) .table__row__cell, #resultContent .product-table__content:nth-child(3) .table__row__cell, #resultContent .product-table__content:nth-child(4) .table__row__cell, #resultContent .product-table__content:nth-child(5) .table__row__cell { font-size: 14px; } } @media (min-width: 768px) { #resultContent .product-table__content:nth-child(2) .inner-table-header, #resultContent .product-table__content:nth-child(3) .inner-table-header, #resultContent .product-table__content:nth-child(4) .inner-table-header, #resultContent .product-table__content:nth-child(5) .inner-table-header, #resultContent .product-table__content:nth-child(2) .inner-table-row, #resultContent .product-table__content:nth-child(3) .inner-table-row, #resultContent .product-table__content:nth-child(4) .inner-table-row, #resultContent .product-table__content:nth-child(5) .inner-table-row, #resultContent .product-table__content:nth-child(2) .table__row__cell, #resultContent .product-table__content:nth-child(3) .table__row__cell, #resultContent .product-table__content:nth-child(4) .table__row__cell, #resultContent .product-table__content:nth-child(5) .table__row__cell { font-size: 16px; } } /*--- lotto-resultpages.less END ---*/ /*--- warenkorb.less START ---*/ #btCcConfirm, #btCcAbort { font-family: 'WebSans', Arial, sans-serif; } .contentbox.header + .contentbox.alert.error { background-position: 15px 20px; } .emptyShoppingCart img { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: none; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/cart_empty.svg') no-repeat; background-size: 100%; width: 241px; height: 255px; padding-left: 241px; } .product-table--gls .ticket-header__banner img { box-sizing: border-box; background: url('//js.ui-portal.de/test/lotto24/img/webde/logo/Gluecksspirale-Logo-red.svg') no-repeat; background-size: 220px; width: 220px; height: 60px; padding-left: 220px; } .basketFooter #btOrderConfirm, .basketFooter button { margin-left: 0px; margin-top: 0px; } @media screen and (max-width: 767px) { .stickyButton .stickyButton__list { font-size: 14px; padding: 0px; border-bottom: 1px solid #DADADA; } .stickyButton .row.stickyButton__list .col-xs-8, .stickyButton .row.stickyButton__list .stickyButton__list--rightAligned { padding: 12px 15px; border-top: 1px solid #DADADA; } .stickyButton .row.stickyButton__list ~ .row .col-xs-12 { padding: 0 15px; } .stickyButton button[type="submit"].stickyButton__orderConfirmButton { margin: 61px 0px 20px 0px; } .stickyButton .stickyButton__sum { margin: 21px 0 0px 0px; width: 100%; position: absolute; top: -10px; left: 0; padding-left: 15px; padding-bottom: 10px; border-bottom: 1px solid #DADADA; } .stickyButton .stickyButton__sum br { display: none; } .stickyButton .stickyButton__sum strong { font-size: 14px; float: right; padding-right: 15px; } } .basketFooter { margin: 0; padding: 0; } .product-logo--gls .ticket-header__banner__img, .product-logo--gls.ticket-header__banner__img { width: 120px; height: 50px; padding-left: 120px; } @media (min-width: 768px) { .product-logo--gls .ticket-header__banner__img, .product-logo--gls.ticket-header__banner__img { width: 250px; height: 65px; padding-left: 250px; } } @media (min-width: 1200px) { .product-logo--gls .ticket-header__banner__img, .product-logo--gls.ticket-header__banner__img { width: 310px; height: 87px; padding-left: 310px; } } .product-logo--gls .product-logo__jackpot { color: #515151; } @media (max-width: 1200px) { .product-logo--gls .product-logo__jackpot { font-size: 3vw; } } .content-wrapper .container.dropshadow { box-shadow: none; } @media (max-width: 767px) { .content-wrapper .container.dropshadow .row, .basket-voucher--code, .presentVoucherCode, .directDebit, .paymentCard, .directCredit, #basket_voucher.presentVoucherCode { margin-left: 0; margin-right: 0; } } .directDebit label, .paymentCard label { float: left; } @media (min-width: 768px) and (max-width: 1200px) { [data-page^="/basket/basket"] .optionPanel span.icon-zoom-in:before, [data-page^="/basket/basket"] .optionPanel span.icon-zoom-out:before, [data-page^="/basket/basket"] .listItem__optionsbar .icon-zoom-in:before, [data-page^="/basket/basket"] .listItem__optionsbar .icon-zoom-out:before { display: none; } } @media screen and (min-width: 992px) { [data-page^="/basket/basket"] .basketItem .ticketnumber { left: 465px; } } @media (max-width: 767px) { [data-page^="/basket/basket"] .basketItem.club .ticketFieldInfo { font-size: 16px; line-height: 21px; } } @media screen and (max-width: 400px) { [data-page^="/basket/basket"] .basketItem.club .clubCols .col:not(.number) { display: block; margin-bottom: 10px; } } [data-page^="/basket/basket"] .ticketinfos .basketItemTitle { font-weight: 200; } [data-page^="/basket/basket"] .ticketinfos .basketItemTicketName { padding-right: 65px; } @media screen and (max-width: 350px) { [data-page^="/basket/basket"] .basketDetails .ticketDetails { font-size: 10px; } } @media screen and (max-width: 350px) { [data-page^="/basket/basket"] .basketDetails .ticketDetails > div:nth-child(2n) { width: 85px !important; } } [data-page^="/basket/basket"] #basketForm .overallAmountBg { background-color: transparent; } @media screen and (max-width: 350px) { [data-page^="/basket/basket"] #basketForm .overallAmountBg .overallAmount > span { font-size: 12px; } } [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__icon { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/guthaben-grau_64x64.svg'); } @media screen and (max-width: 767px) { [data-page^="/basket/basket"] #basketForm input[type="checkbox"] ~ label:before, [data-page^="/basket/basket"] #basketForm input[type="checkbox"]:checked ~ label:before { width: 18px !important; height: 18px !important; margin: 0px 10px 0 0 !important; float: left; } } [data-page^="/basket/basket"] #basketForm input[type="checkbox"] ~ label, [data-page^="/basket/basket"] #basketForm input[type="checkbox"]:checked ~ label { width: 170px !important; height: auto !important; } @media screen and (min-width: 768px) and (max-width: 991px) { [data-page^="/basket/basket"] #basketForm input[type="checkbox"] ~ label, [data-page^="/basket/basket"] #basketForm input[type="checkbox"]:checked ~ label { font-size: 14px; display: inline-block; } } @media screen and (max-width: 767px) { [data-page^="/basket/basket"] #basketForm input[type="checkbox"] ~ label, [data-page^="/basket/basket"] #basketForm input[type="checkbox"]:checked ~ label { display: inline-block; width: 120px !important; font-size: 14px !important; line-height: 18px !important; } } @media screen and (max-width: 767px) { [data-page^="/basket/basket"] #basketForm input[type="checkbox"]:checked ~ label:after { top: 5px !important; left: 3px !important; width: 12px !important; height: 6px !important; border-left-width: 2px; border-bottom-width: 2px; } } [data-page^="/basket/basket"] #basketForm .row { margin-left: 0; margin-right: 0; } @media screen and (max-width: 767px) { [data-page^="/basket/basket"] #basketForm .partial_clearing_payment { padding-left: 15px; } } [data-page^="/basket/basket"] #basketForm .partial_clearing_payment__direct_debit__icon { background-size: 24px 24px, 42px 15px; background-position: 16px 0, 6px 28px; } [data-page^="/basket/basket"] #basketForm .partial_clearing_payment__payment_card__icon { background-position: 5px 0, 7px 18px; background-size: 39px auto, 39px auto; } [data-page^="/basket/basket"] #basketForm .partial_clearing_payment__direct_debit__heading, [data-page^="/basket/basket"] #basketForm .partial_clearing_payment__payment_card__heading { left: 60px; } [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__direct_debit__heading, [data-page^="/basket/basket"] #basketForm .partial_clearing_payment__direct_debit__heading, [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__heading, [data-page^="/basket/basket"] #basketForm .partial_clearing_payment__heading, [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__amount, [data-page^="/basket/basket"] #basketForm .partial_clearing_payment__amount { font-weight: 200; } @media screen and (min-width: 991px) { [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__amount, [data-page^="/basket/basket"] #basketForm .partial_clearing_payment__amount { right: 55px; } } @media screen and (min-width: 768px) and (max-width: 991px) { [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__amount, [data-page^="/basket/basket"] #basketForm .partial_clearing_payment__amount { right: 35px; } } [data-page^="/basket/basket"] #basketForm .partial_clearing_balance { background-color: transparent; padding-left: 15px; } [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__panel { background: transparent; } @media screen and (min-width: 768px) and (max-width: 991px) { [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__panel { margin-top: 6px; } } @media screen and (min-width: 992px) { [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__panel { margin-top: 7px; } } [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__panel label { font-size: 16px; } [data-page^="/basket/basket"] #basketForm .partial_clearing_balance__heading { left: 60px; } [data-page^="/basket/basket"] #basketForm .partial_clearing_payment > div.col-xs-12, [data-page^="/basket/basket"] #basketForm .partial_clearing_balance > div.col-xs-12 { padding-left: 0; padding-right: 0; } @media screen and (min-width: 992px) { [data-page^="/basket/basket"] #basketForm .partial_clearing_payment, [data-page^="/basket/basket"] #basketForm .partial_clearing_balance { font-size: 16px; font-weight: 200; } } @media screen and (min-width: 768px) and (max-width: 991px) { [data-page^="/basket/basket"] #basketForm .partial_clearing__panel { right: 210px; } } @media (min-width: 768px) { body[data-page="/depot/ticketlist_current"] .content-wrapper .container.dropshadow, body[data-page="/basket/basket"] .content-wrapper .container.dropshadow { max-width: 960px; margin: 0 auto; } body[data-page="/depot/ticketlist_current"] .contentbox.header, body[data-page="/basket/basket"] .contentbox.header { padding-left: 30px; padding-right: 30px; padding-top: 40px; } } @media (min-width: 1200px) { body[data-page="/depot/ticketlist_current"] .content-wrapper .container.dropshadow, body[data-page="/basket/basket"] .content-wrapper .container.dropshadow { max-width: 1170px; } } .voucherCode label, .basket-voucher__description__input__label { display: none; } .basket-voucher--code .basket-voucher__description__input__label { background: none; border: none; } @media (min-width: 768px) { .voucherCode label, .basket-voucher__description__input__label { display: block; background: none; border-radius: 3px 0px 0px 3px; border: none; font-family: Verdana, Arial, Helvetica, sans-serif !important; } } .basketTrenner { height: 15px; width: 100%; margin: 30px 0; } div.basketTrenner.oben + h2 { padding-top: 30px; } .hideBasketItem { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-grau.svg'); width: 24px; height: 24px; background-repeat: no-repeat; float: right; padding: 0; padding-right: 30px; margin-top: -30px; } @media (max-width: 767px) { .hideBasketItem { right: 0px; } } .hideBasketItem:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-blau.svg'); } .directDebit label, .paymentCard label, .basket-voucher__description__input__label { font-family: 'WebSans', Arial, sans-serif; } #txtDebit, #txtDebit div, .MandateCreationText, #txtCreditCard, #txtPayPal { font-family: Verdana, Arial, Helvetica, sans-serif !important; } #basketForm, #basketForm label, .paymentEdit .edit, .paymentEdit .addNew { font-family: 'WebSans', Arial, sans-serif; } #basketForm label { font-size: 18px; line-height: 24px; } #basketForm #txtDebit, #basketForm #txtCreditCard, #basketForm #txtPayPal { display: flex; align-items: start; justify-content: flex-start; flex-direction: column; } @media (min-width: 768px) { #basketForm #txtDebit, #basketForm #txtCreditCard, #basketForm #txtPayPal { flex-direction: row; } } @media screen and (min-width: 768px) { .basket-voucher--code, .presentVoucherCode, .directDebit, .paymentCard, .directCredit { height: 80px; } } #basketForm h2 { font-family: 'WebSans', Arial, sans-serif; font-weight: 500; } @media screen and (min-width: 992px) { #basketForm h2 { font-size: 36px; line-height: 42px; } } #basketForm h2 span { display: block; } @media (max-width: 767px) { .paymentEdit .addNew, .paymentEdit .edit { top: 10px; } } @media (max-width: 992px) { .paymentEdit .addNew, .paymentEdit .edit { right: 10px; } } @media (min-width: 768px) { .paymentEdit .addNew, .paymentEdit .edit { top: 23px; } } .basket-voucher__info__icons { width: auto; } @media (max-width: 767px) { .basket-voucher__info__icons__submit { top: 0; position: absolute; } } .basket-voucher__description { background-image: none; } @media (min-width: 768px) { .basket-voucher__description { background-image: none; } } .paymentEdit .edit, .paymentEdit .addNew { color: #1C8AD9; font-size: 16px; font-weight: 200; background-image: none; } .paymentEdit .edit:hover, .paymentEdit .addNew:hover { text-decoration: underline; background-image: none; } @media screen and (max-width: 767px) { #submitVoucher { float: right; } } @media screen and (min-width: 992px) { .paymentEdit .edit:after, .paymentEdit .addNew:after { right: 0; left: initial; } .paymentEdit a { padding-right: 35px !important; } .paymentEdit .addNew, .paymentEdit .edit { right: 20px; width: 140px; } .paymentEdit span { display: none; } .paymentEdit .addNew:before { content: "Hinzufügen"; } .paymentEdit .edit:before { content: "Bearbeiten"; } } .paymentEdit .addNew, .paymentEdit .edit { background-position: 115px 0; } @media screen and (max-width: 991px) { .paymentEdit .addNew, .paymentEdit .edit { background-position: 0; } } .paymentEdit .addNew:hover, .paymentEdit .edit:hover { background-position: 115px 0; } @media screen and (max-width: 991px) { .paymentEdit .addNew:hover, .paymentEdit .edit:hover { background-position: 0; } } .paymentEdit .addNew { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/icon/circle-plus-web-grey.svg"); } .paymentEdit .addNew:hover { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/icon/circle-plus-web-blue.svg"); } .paymentEdit .edit { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/icon/edit-web-default.svg"); } .paymentEdit .edit:hover { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/icon/edit-web-hover.svg"); } .directDebit { border-top: 1px solid #DADADA; } .directDebit, #basketForm .txtDebit, #basketForm .paymentCard { border-bottom: 1px solid #DADADA; margin-bottom: 0; } #basketForm .basket-voucher--code { margin-bottom: 80px; padding-right: 0px; } #basketForm .agb { margin-top: 20px; } #basketForm .agb, #basketForm label[for="pfiCheck"] { font-size: 16px; font-weight: 200; line-height: 24px; } @media (min-width: 768px) { .contentbox.alert#alertBoxCustomerNotLoggedIn { padding-bottom: 60px !important; } } @media (min-width: 992px) { .contentbox.alert#alertBoxCustomerNotLoggedIn { padding-bottom: 90px !important; } } @media (min-width: 768px) { .loginInCart { border: 0px; padding: 0px; margin: -60px 30px 0px 0px; float: right; min-height: 32px !important; } } @media (min-width: 992px) { .loginInCart { margin: -80px 30px 0px 0px; min-height: 48px !important; } } body[data-page^="/basket/basket"] #txtDebit, body[data-page^="/basket/basket"] #txtDebit div, body[data-page^="/basket/basket"] .MandateCreationText, body[data-page^="/basket/basket"] #txtCreditCard, body[data-page^="/basket/basket"] #txtCreditCard div, body[data-page^="/basket/basket"] #txtPayPal, body[data-page^="/basket/basket"] #txtPayPal div { font-family: inherit !important; font-weight: 300; } body[data-page^="/basket/basket"] #txtDebit .payment-option__title, body[data-page^="/basket/basket"] #txtDebit div .payment-option__title, body[data-page^="/basket/basket"] .MandateCreationText .payment-option__title, body[data-page^="/basket/basket"] #txtCreditCard .payment-option__title, body[data-page^="/basket/basket"] #txtCreditCard div .payment-option__title, body[data-page^="/basket/basket"] #txtPayPal .payment-option__title, body[data-page^="/basket/basket"] #txtPayPal div .payment-option__title { font-weight: 400; font-size: 20px; line-height: 28px; padding-top: 0; } @media (min-width: 768px) { body[data-page^="/basket/basket"] #basketForm #txtDebit, body[data-page^="/basket/basket"] #basketForm #txtCreditCard, body[data-page^="/basket/basket"] #basketForm #txtPayPal { padding-left: 0px; } body[data-page^="/basket/basket"] .payment-option__details__terms { max-width: 50%; } } body[data-page^="/basket/basket"] .payment-option { padding: 10px 0px; margin: 0px; background-color: #FFFFFF; border: 1px solid #DADADA !important; border-width: 1px 0px 0px !important; } body[data-page^="/basket/basket"] .payment-option:hover { background-color: #F3F3F3; } @media (min-width: 1200px) { body[data-page^="/basket/basket"] .payment-option { padding: 10px 0px; } } body[data-page^="/basket/basket"] .payment-option__input-radio:checked + .payment-option { border-color: #FFFFFF; } body[data-page^="/basket/basket"] .payment-option__input-block { display: flex; } body[data-page^="/basket/basket"] .payment-option__input-block .payment-option__logo { width: 75px; height: 65px; flex: 0 0 75px; background-repeat: no-repeat; margin-right: 10px; } body[data-page^="/basket/basket"] .payment-option__input-block .payment-option__logo:before, body[data-page^="/basket/basket"] .payment-option__input-block .payment-option__logo:after { content: none; } body[data-page^="/basket/basket"] .payment-option__input-block .payment-option__logo.payment-option__logo--direct-debit { background-size: 25px 25px, 50px 18px; background-position: 25px 10px, 13px 40px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/ec.svg'), url('//js.ui-portal.de/test/lotto24/img/webde/icon/sepa.svg'); } body[data-page^="/basket/basket"] .payment-option__input-block .payment-option__logo.payment-option__logo--credit-card { background-size: 40px 12px, 40px 24px; background-position: 13px 15px, 15px 30px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/visa.svg'), url('//js.ui-portal.de/test/lotto24/img/webde/icon/mastercard.svg'); } body[data-page^="/basket/basket"] .payment-option__input-block .payment-option__logo.payment-option__logo--paypal { background-size: 70%; background-position: 12px 8px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/PayPal_vertical.svg'); } @media (min-width: 992px) { body[data-page^="/basket/basket"] .payment-option__edit { flex: 0 0 100px; } body[data-page^="/basket/basket"] .payment-option__edit__label { font-size: 16px; font-weight: 300; color: #1C8AD9; margin-right: 0px; } } .basket-voucher--code input#voucherCode { border: 1px solid #8c8c91; border-radius: 3px; width: 280px !important; height: 40px; line-height: 40px; font-weight: 200; } @media (max-width: 767px) { .voucherHdl { background-position: 11px -5px; } } @media (max-width: 767px) { .voucherHdl { background-size: 50px 45px; } } @media (min-width: 420px) { a#submitVoucher { color: #1C8AD9; text-decoration: none; } a#submitVoucher:hover { text-decoration: underline; } a#submitVoucher:visited, a#submitVoucher:active { color: #1C8AD9; } } #basketForm .basket-voucher__description__input__label, .basket-voucher__info__icons__submit { font-family: 'WebSans', Arial, sans-serif !important; font-size: 20px !important; } @media (max-width: 767px) { .basket-voucher__description__title { padding-bottom: 10px; } } .basket-voucher__info__icons { padding-left: 16px; } #basketForm .basket-voucher__info__icons__submit { top: 13px; } @media screen and (max-width: 767px) { #submitVoucher { float: right; } } @media (min-width: 768px) { .basket-voucher__info__icons__submit { right: inherit; line-height: 38px; height: 38px; vertical-align: middle; border: 1px solid #1C8AD9; border-radius: 4px; padding-left: 20px; padding-right: 20px; } #basketForm #submitVoucher { width: auto; height: auto; } #basketForm #submitVoucher:before { content: "Einlösen"; } #submitVoucher { width: auto; padding: 0px 20px; line-height: 40px; height: 40px; vertical-align: middle; border-radius: 4px; } #submitVoucher, .basket-voucher__info__icons__submit { -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .basket-voucher__info__icons__submit:hover { background: #197CC3 !important; color: #FFFFFF !important; } .basket-voucher__info__icons__submit:hover a { color: #FFFFFF !important; } a#submitVoucher:hover { text-decoration: none; } } @media screen and (min-width: 768px) { #submitVoucher, #submitVoucher:hover { background: none; } .basket-voucher__description__input__label { font-size: 16px; line-height: 40px; height: 40px; font-weight: normal; text-align: left; width: auto; border: none !important; background-color: transparent !important; } } @media screen and (max-width: 767px) { #basketForm .basket-voucher__info__icons__submit, .voucherCode { top: 0px; } #basketForm .voucherCode { position: absolute; display: block; top: 35px; } #basketForm .basket-voucher__info__icons__submit { left: inherit; right: 13px; } } @media (max-width: 991px) and (min-width: 768px) { #basketForm .voucherInfo, #basketForm .voucherCode { right: inherit; left: 250px; } } @media (max-width: 991px) and (min-width: 768px) { #basketForm .basket-voucher__info__icons__submit { right: inherit; left: 470px; } } @media screen and (min-width: 992px) { #basketForm .voucherCode { left: 250px; right: inherit; } #basketForm .basket-voucher__info__icons__submit { left: 470px; } } .basket-voucher__description { padding-left: 0px; color: #515151; background: none; } .basket-voucher__description__input .basket-voucher__description__input__label { line-height: 40px; padding: 0 20px; width: auto; height: auto; } .directDebit, .paymentCard, .basket-voucher { border-top: 1px solid transparent !important; height: auto; min-height: auto; } .directDebit > div { height: auto; min-height: auto; } .directDebit > div div:first-child { display: block; } #basketForm .directDebit label, #basketForm .paymentCard label { margin-bottom: -53px; } .balance { min-height: inherit; border: none; } #txtDeposit { background-image: none; min-height: inherit; padding: 24px 24px 24px 96px; position: relative; background-color: #D6EAF8; border-radius: 4px; } #txtDeposit:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/guthaben-grau_64x64.svg'); background-repeat: no-repeat; background-size: 100%; content: ""; display: block; margin: 24px; position: absolute; width: 48px; height: 48px; top: 0px; left: 0px; } #txtDeposit > span { font-family: 'WebSans', Arial, sans-serif; color: #515151; display: block; font-size: 26px; font-weight: normal; line-height: 32px; padding-bottom: 10px; } #txtDebit, #basketForm #txtCreditCard, #basketForm #txtPayPal, .basket-voucher__description__headline { font-size: 14px; font-weight: normal; line-height: 22px; } @media (min-width: 768px) { #txtDebit, #basketForm #txtCreditCard, #basketForm #txtPayPal { font-size: 16px; line-height: 24px; } } #txtDebit .MandateCreationText { font-size: 12px; line-height: 20px; } .basket-voucher .basket-voucher__description__text { font-size: 14px; line-height: 22px; } #basketForm #txtDebit, #basketForm #txtCreditCard, #basketForm #txtPayPal { min-height: 55px; position: static; width: 100%; } #basketForm #txtDebit .MandateCreationText, #basketForm #txtCreditCard .MandateCreationText, #basketForm #txtPayPal .MandateCreationText { width: 100% !important; margin-top: 0px; padding-top: 8px; } @media (min-width: 768px) { #basketForm #txtDebit, #basketForm #txtCreditCard, #basketForm #txtPayPal { padding-left: 250px; padding-top: 8px; } #basketForm #txtDebit .MandateCreationText, #basketForm #txtCreditCard .MandateCreationText, #basketForm #txtPayPal .MandateCreationText { padding: 0; } } @media (min-width: 992px) { #basketForm #txtDebit .MandateCreationText, #basketForm #txtCreditCard .MandateCreationText, #basketForm #txtPayPal .MandateCreationText { padding-right: 100px; } } .basket-voucher.row:not(.basket-voucher--code) { border-bottom: 1px dashed #C2C2C2; margin-top: 0px; margin-bottom: 0px; } .basket-voucher.row:not(.basket-voucher--code) .col-xs-11 { padding-right: 50px; width: 100%; } .basket-voucher.row:not(.basket-voucher--code) .col-sm-6:nth-child(2) { width: auto; margin-top: 0; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__description__headline, .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__description__title, .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__description__text { display: block !important; min-height: inherit; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__description__headline, .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__description__text { color: #515151; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__description__headline { font-family: 'WebSans', Arial, sans-serif; margin-top: 0px; font-size: 20px; font-weight: normal; line-height: 28px; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__description__text { float: none; margin-right: inherit; padding-top: 8px; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__info { position: absolute; top: 0px; right: 15px; height: 50px; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__info__icons { display: block; padding: 0px; right: 0px; top: 15px; width: 40px; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__info__icons__add { background-image: none; display: inline-block; width: 100%; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__info__icons__add:after { content: ''; display: block; position: absolute; width: 25px; height: 25px; padding: 0 20px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-grau.svg'); background-repeat: no-repeat; background-position: center; background-size: 25px; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__info__icons__add:hover:after { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-blau.svg'); } @media (min-width: 768px) { .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__description__text { padding-top: 0px; } } @media (min-width: 992px) { .basket-voucher.row:not(.basket-voucher--code) .col-sm-6:nth-child(2) { margin-top: -4px; padding-left: 15px; } .basket-voucher.row:not(.basket-voucher--code) .col-xs-11 { padding-right: 130px; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__description__text { padding-top: 16px; padding-bottom: 8px; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__info__icons { width: 134px; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__info__icons__add:before { color: #1C8AD9; content: "Einlösen"; font-family: 'WebSans', Arial, sans-serif; font-size: 16px; } .basket-voucher.row:not(.basket-voucher--code) .basket-voucher__info__icons__add:after { float: left; position: static; } } #basketForm h2 + div { border-top: 1px solid #DADADA !important; } #basketForm .directDebit:hover, .paymentCard:hover, .directDebit.preferred, .paymentCard.preferred, .basket-voucher--code.preferred { border-color: transparent; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background-color: #F3F3F3; border-bottom: 1px solid #DADADA !important; } #basketForm .directDebit.preferred, #basketForm .directDebit:hover { border-top: 1px solid #DADADA !important; } #basketForm .basketItem .option, .basketItem .optionPanel { background: none; background-color: transparent !important; } #basketForm .overallAmountBg { background: #F3F3F3; height: auto; min-height: 40px; overflow: hidden; } #basketForm .overallAmount, #basketForm .overallAmount .price.orderListOverallAmount { font-family: 'WebSans', Arial, sans-serif; color: #515151; font-weight: bold !important; } @media screen and (max-width: 767px) { #basketForm .overallAmount { padding: 10px 10px 10px 0; } #basketForm .overallAmountBg { margin-left: 0px; margin-right: 0px; } .price.orderListOverallAmount { float: right; } } @media screen and (min-width: 768px) { #basketForm .overallAmount { padding: 5px 50px 5px 0; } } @media screen and (min-width: 992px) { #basketForm .overallAmount { padding: 5px 70px 5px 0; } } #basketForm .basketItemLogo { margin-left: 10px; } @media (min-width: 992px) { #basketForm .basketItemLogo { margin-left: 15px; } } #basketForm .basketItem .basketItemTitle, #basketForm .directDebit label, #basketForm .paymentCard label, #basketForm .logoCreditCard, #basketForm .logoDirectDebit, #basketForm .voucherHdl { padding-left: 75px; height: inherit; } .basketItem .basketItemTitle strong { font-size: 14px; font-weight: normal; line-height: 16px; } @media screen and (min-width: 768px) { #basketForm .basketItem .basketItemTitle, #basketForm .directDebit label, #basketForm .paymentCard label, #basketForm .logoCreditCard, #basketForm .logoDirectDebit, #basketForm .voucherHdl { padding-top: 24px; } } @media screen and (max-width: 767px) { .basketItem .basketItemTicketName { max-width: 150px; } .basketItem .ticketnumber { top: 85px; } } .basketItem .basketItemTicketName { left: 75px; } .basketItem .optionPanel, .basketItem:hover .optionPanel { background: transparent !important; } .basketItem:hover, .basketItem.selected, .basketItem:hover .option, .basketItem.selected .option { background-color: #F3F3F3 !important; border-color: #DADADA !important; color: #54565e !important; } .basketDetails .detail, .basketItem.selected, .basketItem.selected .optionPanel, .basketItem.selected a, .basketItem.selected .icon-zoom-out { background-color: #F4F4F4 !important; } @media screen and (max-width: 992px) { .basketItem .basketItemTitle, #basket_voucher .basket-voucher__details .basket-voucher__description { font-size: 14px; line-height: 16px; } .basketItem .ticketnumber { position: absolute; bottom: 45px; top: inherit; } } @media (max-width: 767px) { .basketItem .ticketnumber { position: absolute; top: 90px; left: 70px; } } @media screen and (min-width: 768px) { .basketItem .ticketnumber { top: 13px; width: auto; } .basketItem .basketItemTitle { width: 375px; } .basketItem .ticketnumber { left: 345px; } } @media screen and (min-width: 992px) { .basketItem .ticketnumber { left: 450px; } } .basketItem .optionPanel .option { margin-top: 0; } .basketItem .price, .basketItem .basketItemTicketName { top: 13px; font-weight: bold; } .listItem__optionsbar .icon-edit:before, .listItem__optionsbar .icon-trash:before, .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before, .optionPanel span.icon-edit:before, .optionPanel span.icon-zoom-in:before, .optionPanel span.icon-zoom-out:before, .optionPanel span.icon-trash:before { content: none; } .listItem__optionsbar .icon-edit, .listItem__optionsbar .icon-trash, .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before, .optionPanel span.icon-edit, .optionPanel span.icon-zoom-in, .optionPanel span.icon-zoom-out, .optionPanel span.icon-trash { text-align: center; margin: 0; } .option.details.first { float: right; border: none; } .basketItem .basketItemTitle { padding-top: 20px; width: 100%; } @media (max-width: 767px) { #basketForm .basketItem .basketItemTitle { padding-top: 15px; padding-left: 70px; width: 100%; } } @media screen and (min-width: 992px) { .basketItem .ticketnumber, .basketItem .basketItemTitle { font-size: 16px; line-height: 20px; } .basketItem .basketItemTitle { padding-top: 24px; width: 100%; } } @media screen and (min-width: 768px) { .option.details.first { position: absolute; right: 0; margin-right: -120px; } .basketItem .price { right: 50px; } } @media screen and (min-width: 992px) { .option.details.first { position: absolute; right: 0; margin-right: -160px; } .basketItem .price { right: 70px; } } .basketItem { border-bottom: 1px solid #DADADA; } #basketForm #ticketRow_0 { border-top: 1px solid #DADADA !important; } .basketDetails .detail { margin: 0 0px 5px 0; } #basketForm .basketItem { margin-bottom: 0; } @media (max-width: 767px) { #basketForm .basketItem { margin-left: 0; margin-right: 0; } } .basketItemTitle.aboText { padding-right: 20px; } .basketItemLogo { margin-left: 10px; width: 50px; } .basketItem .optionPanel { width: 85px; margin-left: 30px; } .listItem__optionsbar .icon-zoom-in, .optionPanel span.icon-zoom-in { display: block; width: 25px; height: 30px; } .optionPanel span.icon-zoom-in:before, .optionPanel span.icon-zoom-out:before, .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-plus-grau.svg'); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ''; display: block; width: 25px; height: 25px; position: absolute; margin-top: 3px; left: -30px; } @media (min-width: 768px) { .optionPanel span.icon-zoom-in:before, .optionPanel span.icon-zoom-out:before, .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before { margin-left: -200px; left: inherit; } } @media (min-width: 992px) { .optionPanel span.icon-zoom-in:before, .optionPanel span.icon-zoom-out:before, .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before { margin-left: -240px; left: inherit; } } .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before { margin-top: -3px; } @media (min-width: 768px) { .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before { margin-left: -200px; left: inherit; } } @media (min-width: 992px) { .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before { margin-left: -80px; left: inherit; } } .listItem__optionsbar .icon-zoom-in:hover:before, .listItem__optionsbar .icon-zoom-out:hover:before, .optionPanel span.icon-zoom-in:hover:before, .optionPanel span.icon-zoom-out:hover:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-plus-blau.svg'); background-size: 100%; background-position: center; } .listItem__optionsbar .icon-zoom-out, .optionPanel span.icon-zoom-out { display: block; width: 25px; height: 30px; } .listItem__optionsbar .icon-zoom-out:before, .optionPanel span.icon-zoom-out:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-minus-grau.svg'); } .listItem__optionsbar .icon-zoom-out:hover:before, .optionPanel span.icon-zoom-out:hover:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-minus-blau.svg'); } .listItem__optionsbar .icon-edit, .optionPanel span.icon-edit, .payment-option__edit__button:after { display: block; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/edit-grau.svg'); background-position: center; background-repeat: no-repeat; background-size: 25px; width: 30px; height: 30px; } .payment-option__edit__button.payment-option__edit__button--addNew:after { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/plus-grau.svg'); } .payment-option__edit__button:link:hover, .payment-option__edit__button:hover { text-decoration: none; } .payment-option__edit__button:after { content: ""; margin-right: 10px; } .payment-option:hover .payment-option__edit__button:after { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/edit-blau.svg'); } .payment-option:hover .payment-option__edit__button--addNew:after { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/plus-blau.svg'); } body[data-page="/depot/ticketlist_current"] .listItem__optionsbar .icon-edit { display: none; } .listItem__optionsbar .icon-edit:hover, .optionPanel a:hover span.icon-edit { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/edit-blau.svg'); } #deleteVoucher:before { content: none; } .listItem__optionsbar .icon-trash, .optionPanel span.icon-trash, #deleteVoucher { display: block; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-grau.svg'); background-color: transparent; background-size: 25px; background-position: center; background-repeat: no-repeat; height: 30px; } .listItem__optionsbar .icon-trash { top: 10px; left: 190px; } .listItem__optionsbar .icon-trash:hover, .optionPanel a:hover span.icon-trash { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-blau.svg'); } .detailShowLink-show::before, .detailShowLink-hide::before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-plus-grau.svg'); content: ""; display: inline-block; width: 24px; height: 24px; } @media screen and (max-width: 767px) { .detailShowLink-show::before, .detailShowLink-hide::before { margin-top: 4px; } } .detailShowLink-hide::before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-minus-grau.svg'); } @media (max-width: 767px) { .basketItem { position: relative; padding-bottom: 10px; padding-top: 15px; margin-bottom: 10px; background-color: #FFFFFF; min-height: 155px; } .basketItem .optionPanel { position: absolute; background-color: #f1f1f2; height: 35px; width: auto; right: 0px; top: 120px; left: 70px; } .basketItem .option.change { border: none; width: inherit; float: left; } .basketItem .option.delete { border: none; width: 50px; float: left; } .basketItem .option.details { float: right; width: auto; width: 40px; } } @media (max-width: 767px) { .basketDetails { margin-top: 15px; } } .big, .orderListOverallAmount, .basketItem .price, .basketItem .basketItemTicketName, .basketItem .basketItemTitle, .basketItem .ticketnumber, .basketDetails .detail, .basketDetails .ticketFieldNumber, .basketDetails .ticketField, .basketDetails .description, .basketDetails .ticketDetailNumber, .ticket-details__numberBlock__number { font-family: 'WebSans', Arial, sans-serif; color: #515151; font-weight: 400; } .basketDetails .detail { padding: 20px 24px 0px 24px; } .basketDetails .detail.ticketFieldInfo { padding: 10px 24px 0px 24px; } @media (min-width: 768px) { .basketDetails .ticketFieldNumber, .basketDetails .ticketDetailNumber, .ticket-details__numberBlock__number { font-size: 18px; height: 39px; width: 39px; margin-right: 8px; line-height: 39px; padding-top: 0px; border-radius: 4px; } .basketDetails .ticketFieldNumber--lastPrefixNumber, .basketDetails .ticketDetailNumber--lastPrefixNumber, .ticket-details__numberBlock__number--lastPrefixNumber { margin-right: 24px; } } @media (max-width: 767px) { .basketDetails .ticketFieldNumber, .basketDetails .ticketDetailNumber, .ticket-details__numberBlock__number { height: 17px; width: 17px; } } .basketDetails .ticketFieldNumber { border-radius: 20px; } @media (max-width: 767px) { .basketDetails .ticketFieldNumber { line-height: 28px; } } .basketDetails .ticketFieldNumber { border-radius: 20px; } .ticketFieldInfo.gls .ticketField { width: auto; padding-right: 10px; } @media (max-width: 767px) { .description { width: 100%; display: block; min-height: 0; } .numberAfterDescription { padding-bottom: 15px; } .description.last, .numberAfterDescription.last { padding-left: 0; } } @media screen and (min-width: 992px) { .basketItem .basketItemTicketName, .basketItem .basketItemTicketName strong, .basketItem .price, .basketItem .ticketnumber, #basketForm .overallAmount, #basketForm .overallAmount .price.orderListOverallAmount, .basket-voucher--inbasket .basket-voucher__price__text, #basket_voucher .basket-voucher__price { font-size: 20px; line-height: 27px; font-weight: normal; } } @media screen and (max-width: 991px) { .basketItem .basketItemTicketName, .basketItem .basketItemTicketName strong, .basketItem .price, .basketItem .ticketnumber, #basketForm .overallAmount, #basketForm .overallAmount .price.orderListOverallAmount, #basket_voucher .basket-voucher__headline, #basket_voucher .basket-voucher__price { font-size: 14px; line-height: 26px; } .basketItem.dfl .basketItemTicketName, .basketItem.dfl .basketItemTicketName strong { line-height: 21px; padding: 3px 0px; width: 46vw; } } .basketItem .ticketnumber { min-width: 160px; } .basketDetails .ticketField { width: 100%; } @media screen and (min-width: 768px) { .basketDetails .ticketField { font-size: 1.25em; width: 210px; } .basketDetails .detail.ticket .description { padding-top: 20px; width: 210px; } .basketDetails .detail.ticket .description span { font-size: 20px; } } .ticketFieldNumbers.ejp span { font: 400 14px / 22px 'WebSans', Arial, sans-serif; } .productDetails .ticketFieldNumbers { width: 100%; } .ticket-details__infoBlock__pair { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; display: inline; } @media (max-width: 700px) { .ticket-details__infoBlock__pair { display: block; } } .ticket-details__infoBlock__pair__label { width: 25%; white-space: nowrap; } @media (max-width: 700px) { .ticket-details__infoBlock__pair__label { width: 50%; } } @media (max-width: 700px) { .ticket-details--dfl .ticket-details__infoBlock__pair__label { width: 55%; } } @media (max-width: 767px) { .basketDetails .description { font-size: 14px; } .basketDetails .ticketField.ticketField--keno { left: 0px; } .basketDetails .ticketDetails { display: block !important; position: static !important; overflow: hidden; } .basketDetails .ticketDetails > div { width: 120px !important; position: static !important; display: block !important; float: left !important; overflow: hidden; } .basketDetails .ticketDetails > div:nth-child(even) { width: 120px !important; } .basketDetails .ticketDetails .part3 { clear: both; } } @media (min-width: 768px) { .basketDetails .numberAfterDescription { border: none; min-height: 60px; } .basketDetails .ticketDetails { display: block !important; position: static !important; overflow: hidden; padding-top: 30px; border: none; } .basketDetails .ticketDetails > div { width: 25% !important; position: static !important; display: block !important; float: left !important; overflow: hidden; } .ticketFieldNumbers { min-height: 35px; } } /* BUGFIX EJP Dauerschein Verschiebung */ @media (min-width: 992px) { .ejp .basketDetails .part1 span + span.hidden-lg { visibility: hidden !important; display: inline-block !important; } } @media (max-width: 991px) and (max-width: 767px) { .ejp .basketDetails .part1 span + span.hidden-lg, .ejp .basketDetails .part1 span + span.hidden-sm { display: none !important; } .ejp .basketDetails .part1 span + span.hidden-md { visibility: hidden !important; display: inline-block !important; } } @media (max-width: 767px) { .ejp .basketDetails .part1 span + span.hidden-md, .ejp .basketDetails .part1 span + span.hidden-sm { visibility: visible !important; } } #changePaymentDebit label, #changePaymentCard label { font-family: 'WebSans', Arial, sans-serif; background: none; border: none; } .formfield { overflow: hidden; } .formfield.accountNumber input, input[disabled], .input--text { border: 1px solid #8c8c91; border-radius: 3px; } #changeBankDataForm label, #changePaymentCardForm label { display: block; float: none; width: 100%; text-align: left; font-style: normal; font-weight: 400; font-family: 'WebSans', Arial, sans-serif; font-size: 16px; } #changeBankDataForm input[type="text"], #changePaymentCardForm input[type="text"] { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; } #changeBankDataForm input:focus { outline: none; border-color: #1F6A9F; } input:focus, select:focus { outline: none !important; border-color: #1F6A9F !important; } #ifBankDataNotKnown { font-size: 14px; line-height: 22px; } #changeBankDataForm input[type="checkbox"] + label { color: #515151; font-size: 16px; line-height: 40px; font-weight: 200; margin-left: 44px; width: auto; } #changeBankDataForm input[type="checkbox"] ~ label:before, #changeBankDataForm input[type="checkbox"]:checked ~ label:before { float: left; margin: 5px 4px 3px -44px !important; vertical-align: 0px !important; } #changeBankDataForm input[type="checkbox"]:checked ~ label:after { left: -40px !important; } #changePaymentCard .modal-content { overflow: hidden; padding-bottom: 20px; } #changePaymentDebit .modal-content .icon-info:before, #changePaymentCard .modal-content .icon-info:before { background: none; } #changePaymentCardForm input:focus { outline: none; border-color: #1F6A9F; } #nameOnCard, #cardNumber, #creditCardType { height: 40px; border: 1px solid #8c8c91; padding-left: 10px; border-radius: 0px; outline: none !important; border-radius: 3px; } #creditCardType { height: 40px; width: 100%; font-size: 16px; } #changePaymentCardForm .selectWrapper { height: 40px; width: 100%; font-size: 16px; } #selectAsPreferredPaymentMethod { position: relative; } #selectAsPreferredPaymentMethod label { padding: 0; margin: 0; } #selectAsPreferredPaymentMethod label { line-height: 1.2em; } #selectPreferredPaymentCheckbox input, input[type="checkbox"] { position: absolute; opacity: 0; } #selectAsPreferredPaymentMethod label { display: block; position: relative; } #selectAsPreferredPaymentMethod label:before { content: ""; display: inline-block; vertical-align: -15px; border: 1px solid #B4B4B4; width: 34px; height: 34px; margin: 3px 10px 3px 0px; } #selectAsPreferredPaymentMethod input[type="checkbox"]:checked + label:after { content: ""; position: absolute; top: 12px; left: 6px; width: 20px; height: 6px; border-left: 4px solid #262626; border-bottom: 4px solid #262626; -webkit-transform: rotate(-50deg); -moz-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); margin-bottom: 20px; box-sizing: content-box; } #selectAsPreferredPaymentMethod input[type="checkbox"] + label:before { border-radius: 3px; } #selectAsPreferredPaymentMethod { margin-bottom: 20px; } select#creditCardMonth, select#creditCardYear { background: none; height: 40px; border: 1px solid #8c8c91; padding-left: 10px; border-radius: 0px; outline: none !important; border-radius: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin-right: 20px; } select#creditCardMonth:after, select#creditCardYear:after { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -7px; background-color: transparent; border-left: 3px solid #262626; border-bottom: 3px solid #262626; border-radius: 0px 0px 0px 3px; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } select[id="creditCardMonth"] { width: 40%; } select[id="creditCardYear"] { width: 30%; } a.further span, a.further--arrow span { text-decoration: none; } #changeBankDataForm a:before { content: ""; } .footer li { font-family: Verdana, Arial, Helvetica, sans-serif !important; } .pfi label { color: #515151; } [data-page*="/basket/basket"] .basket-voucher__description__title { min-height: inherit; } @media (min-width: 768px) { [data-page*="/basket/basket"] .basket-voucher__description__title { height: 48px; line-height: 48px !important; } } [data-page*="/basket/basket"] #basketForm .basket-voucher__description__input__label, [data-page*="/basket/basket"] #basketForm .basket-voucher__info__icons__submit { font-family: 'WebSans', Arial, sans-serif !important; right: 6px; } @media (min-width: 768px) { [data-page*="/basket/basket"] #basketForm .basket-voucher__description__input__label, [data-page*="/basket/basket"] #basketForm .basket-voucher__info__icons__submit { font-family: 'WebSans', Arial, sans-serif !important; } } [data-page*="/basket/basket"] .basket-voucher__info { overflow: visible; position: relative; } [data-page*="/basket/basket"] .basket-voucher__info__icons { position: absolute; right: 0; width: 132px; } @media screen and (max-width: 767px) { [data-page*="/basket/basket"] .basketDetails .ticketFieldNumber, [data-page*="/basket/basket"] .basketDetails .ticketDetailNumber, [data-page*="/basket/basket"] .ticket-details__numberBlock__number { height: 30px; width: 30px; font-size: 14px; padding: 0; line-height: 30px; } } [data-page*="/basket/basket"] .ticketFieldInfo.gls .ticketFieldNumber { width: 130px; } @media screen and (min-width: 601px) and (max-width: 767px) { [data-page*="/basket/basket"] .ticket-details__numberBlock__number--lastPrefixNumber { margin-right: 65px; } } #changePaymentCard .modalhead[class*="icon-"] { padding: 30px; } @media (max-width: 767px) { #changePaymentCard .modalhead[class*="icon-"] { padding: 20px; padding-left: 15px; } } .listItem__ticketDetail__ticketDetailInfo__summary div span { vertical-align: top; } .ticketFieldInfo.gls .ticketFieldNumber, .ticketFieldInfo.gls .ticketField { line-height: 32px !important; padding-top: 0; } .basket-voucher--inbasket.row .col-xs-8 { padding: 0; width: 100%; } .basket-voucher--inbasket.row .basket-voucher__description { padding-left: 75px; } .basket-voucher--inbasket.row .basket-voucher__description .col-xs-12 { padding: 0px; } .basket-voucher--inbasket.row .basket-voucher__description .basket-voucher__description__headline { font-weight: bold; } .basket-voucher--inbasket.row .basket-voucher__description .basket-voucher__description__text { padding-top: 0px; } .basket-voucher--inbasket.row .basket-voucher__description .basket-voucher__description__headline, .basket-voucher--inbasket.row .basket-voucher__description .basket-voucher__description__text { padding-right: 230px; font-size: 14px; line-height: 22px; } .basket-voucher--inbasket.row .basket-voucher__price { padding: 0px; position: absolute; right: 50px; top: 13px; text-align: right; } .basket-voucher--inbasket.row .basket-voucher__price .basket-voucher__price__text { display: inline-block; font-weight: normal; } .basket-voucher--inbasket.row .basket-voucher__info__icons__detail, .basket-voucher--inbasket.row .basket-voucher__info__icons__edit, .basket-voucher--inbasket.row .basket-voucher__info__icons__delete, .basket-voucher--inbasket.row .basket-voucher__info__icons { background: none; border: none; } .basket-voucher--inbasket.row .basket-voucher__info__icons__delete { position: absolute; right: 107px; top: 0px; } .basket-voucher--inbasket.row .basket-voucher__info__icons__delete .basket-voucher__info__icons__delete__icon { float: left; background-image: none; } .basket-voucher--inbasket.row .basket-voucher__info__icons__delete .basket-voucher__info__icons__delete__icon:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-grau.svg'); background-repeat: no-repeat; background-position: center; background-size: 100%; content: ''; display: block; height: 25px; width: 25px; } .basket-voucher--inbasket.row .basket-voucher__info__icons__delete .basket-voucher__info__icons__delete__icon:hover:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-blau.svg'); } @media (max-width: 767px) { .basketItem .basketItemTitle { min-height: inherit; height: inherit; padding-top: 26px; } .basketItem .basketItemTicketName { max-width: inherit; top: 0px; left: 0px; margin-left: 70px; } .basketItem .basketItemTitle { padding-top: 0px; margin-left: 0px; } .basketItem .price { top: 18px; right: 10px; } .basketItem .optionPanel { margin-top: 8px; } .basketItem .ticketnumber, .basketItem .optionPanel { line-height: 26px; margin-left: 0px; padding-left: 70px; position: static; width: inherit; } .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before, .optionPanel span.icon-zoom-in:before, .optionPanel span.icon-zoom-out:before { left: 60px; background-size: 25px; } .listItem__optionsbar .icon-edit, .listItem__optionsbar .icon-trash, .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before, .optionPanel span.icon-zoom-in:before, .optionPanel span.icon-zoom-out:before, .optionPanel .option .icon-edit, .optionPanel .option .icon-trash { padding-left: 20px; padding-right: 20px; } .listItem__optionsbar .icon-zoom-in:before, .listItem__optionsbar .icon-zoom-out:before, .optionPanel span.icon-zoom-in:hover:before, .optionPanel span.icon-zoom-out:hover:before { background-size: 25px; } .basketItem .option.change { margin-left: 30px; } .ticketFieldNumbers.ejp span { top: inherit; left: 180px; margin-top: -22px; } .basketDetails .listItem__ticketDetail__ticketDetailInfo { padding-top: 0px; } .basket-voucher--inbasket.row { margin-left: -15px; overflow: visible; } .basket-voucher--inbasket.row .col-xs-8 { padding: 0; width: 100%; } .basket-voucher--inbasket.row .basket-voucher__info { position: static !important; margin-top: 12px; } .basket-voucher--inbasket.row .basket-voucher__description { padding-left: 55px; background-position: -10px center; } .basket-voucher--inbasket.row .basket-voucher__description .basket-voucher__description__headline { font-weight: bold; } .basket-voucher--inbasket.row .basket-voucher__description .basket-voucher__description__headline, .basket-voucher--inbasket.row .basket-voucher__description .basket-voucher__description__text { padding-right: 80px; } .basket-voucher--inbasket.row .basket-voucher__description .basket-voucher__description__text { padding-top: 2px; } .basket-voucher--inbasket.row .basket-voucher__price { right: 0px; top: 0px; width: 150px; } .basket-voucher--inbasket.row .basket-voucher__info__icons { position: static; } .basket-voucher--inbasket.row .basket-voucher__info__icons__detail, .basket-voucher--inbasket.row .basket-voucher__info__icons__edit { display: none; } .basket-voucher--inbasket.row .basket-voucher__info__icons__delete { position: static; top: 20px; } .basket-voucher--inbasket.row .basket-voucher__info__icons__delete .basket-voucher__info__icons__delete__icon { margin-left: 40px; } .basket-voucher--inbasket.row .basket-voucher__info__icons__delete .basket-voucher__info__icons__delete__icon:before { background-size: 25px; padding: 0 20px; } } @media (min-width: 992px) { .basket-voucher--inbasket.row .basket-voucher__description .basket-voucher__description__headline { font-size: 20px; line-height: 22px; font-weight: normal !important; } .basket-voucher--inbasket .basket-voucher__description__text { font-weight: normal !important; } .basket-voucher--inbasket .basket-voucher__description { background-position: 5px center; } .basket-voucher--inbasket.row .basket-voucher__price { right: 70px; } .basket-voucher--inbasket.row .basket-voucher__info__icons__delete { right: 157px; } } /* Place these after all other upselling styles */ .upsell { display: block; margin-top: 0; } .upsell__input { margin: 0; width: auto; } .upsell__price { margin: 0; width: auto; text-align: inherit; font-weight: normal; /* I'm not sure if this is wanted ============================== top: 12px has the price inline with the rest of the block */ top: 12px; } @media (max-width: 767px) { .upSellingRow { /* If the upselling block is to be inline with the Logo above it, just REMOVE this padding-left declaration. */ padding-left: 20px; } } .basketItemTitle.s77upselling { width: 360px; } @media (min-width: 992px) { .basketItemTitle.s77upselling { font-size: 16px; } } .upSellingRow { border-top: none; margin-bottom: -10px; padding: 15px 0 15px 10px; position: relative; } @media (max-width: 767px) { .upSellingRow { padding-left: 20px; } } @media (min-width: 992px) { .upSellingRow { padding-left: 75px; } } .ticketrow.upsellingText { font-size: 14px; line-height: 22px; padding-right: 90px; width: auto; } @media (min-width: 992px) { .ticketrow.upsellingText { font-size: 16px; } } @media (min-width: 1200px) { .ticketrow.upsellingText { line-height: 24px; padding-right: 20px; } } .ticketrow.upselling input { display: none; } .ticketrow.upselling input[type="checkbox"]:checked ~ label { left: 0px; top: 0px; } .ticketrow.upselling input[type="checkbox"] ~ label, .ticketrow.upselling input[type="checkbox"]:checked ~ label { position: static !important; font-size: 14px; } @media (min-width: 992px) { .ticketrow.upselling input[type="checkbox"] ~ label, .ticketrow.upselling input[type="checkbox"]:checked ~ label { margin-top: 8px; font-size: 16px; } } .ticketrow.upselling input[type="checkbox"]:checked ~ label { position: relative !important; } .ticketrow.widths77price { font-family: 'WebSans', Arial, sans-serif; color: #C2C2C2; font-size: 14px; font-weight: normal; position: absolute; right: 10px; } @media (min-width: 992px) { .ticketrow.widths77price { top: 18px; } } @media (max-width: 991px) { .ticketrow.widths77price { top: 14px; } } @media (min-width: 768px) { .ticketrow.widths77price { right: 50px; } } @media (min-width: 992px) { .ticketrow.widths77price { font-size: 20px; line-height: 18px; right: 70px; } } @media (max-width: 767px) { #basketForm .furtherPayments { margin-left: 0; margin-right: 0; } } .btnFurtherPayments { background-color: #F3F3F3; color: #1C8AD9; text-align: right; font-weight: 200; font-size: 16px; padding-right: 20px; line-height: 30px; border-top: 1px solid #DADADA; } @media (max-width: 767px) { .btnFurtherPayments { margin: 0px; } } .btnFurtherPayments .btnFurtherPayments__closed, .btnFurtherPayments .btnFurtherPayments__opened { width: auto; top: auto; margin-right: 8px; } .btnFurtherPayments .icon-circle-left { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg'); background-size: 100%; background-position: center; text-align: center; margin: 0; width: 25px; height: 30px; -webkit-transform: initial; -ms-transform: rotate(0deg); -moz-transform: initial; transform: initial; float: right; top: 0px; } .btnFurtherPayments .icon-circle-left:before { content: ""; } .btnFurtherPayments:hover .icon-circle-left { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-blau.svg'); } .btnFurtherPayments.btnFurtherPayments--opened .icon-circle-left { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 767px) { .basket-voucher.basket-voucher--code .basket-voucher__description__title { padding-left: 5px; padding-bottom: 0px; margin-top: 10px; font-weight: 500; } .basket-voucher.basket-voucher--code input#voucherCode { width: 170px !important; } .basket-voucher.basket-voucher--code .basket-voucher__description__input { background-size: 50px 50px; padding-left: 50px; opacity: 0.7; } .basket-voucher.basket-voucher--code .basket-voucher__info__icons__submit#submitVoucher { top: 36px; height: 45px; width: 25px; background-size: 25px 25px; right: 12px; } } .ticket-details__numberBlock__description--fullTicketNumber { width: 39.375em; } @media (max-width: 767px) { .ticket-details__numberBlock__description--fullTicketNumber { width: 31.875em; } } @media (max-width: 600px) and (min-width: 480px) { .ticket-details__numberBlock__description--fullTicketNumber { width: 22.5em; } } .ticket-details__numberBlock__description--fullTicketNumber .ticket-details__numberBlock__description__line { width: 15.75em; } @media (max-width: 767px) { .ticket-details__numberBlock__description--fullTicketNumber .ticket-details__numberBlock__description__line { width: 12.125em; } } .ticket-details__numberBlock__description__triangle { margin-left: 0px; } .ticket-details__numberBlock__description--lastPartOfTicketNumber { margin-left: 17.1875em; width: 22.5em; } @media (max-width: 767px) { .ticket-details__numberBlock__description--lastPartOfTicketNumber { margin-left: 13.75em; width: 18.125em; } } @media (max-width: 600px) and (min-width: 480px) { .ticket-details__numberBlock__description--lastPartOfTicketNumber { margin-left: 10.3125em; width: 11.875em; } } .ticket-details__numberBlock__description--lastPartOfTicketNumber .ticket-details__numberBlock__description__line { width: 7.25em; } @media (max-width: 767px) { .ticket-details__numberBlock__description--lastPartOfTicketNumber .ticket-details__numberBlock__description__line { width: 4.6875em; } } @media (max-width: 600px) and (min-width: 480px) { .ticket-details__numberBlock__description--lastPartOfTicketNumber .ticket-details__numberBlock__description__line { width: 2.375em; } } @media (max-width: 767px) { body[data-page="/depot/ticketlist_current"] .ticket-details__numberBlock__description--fullTicketNumber, body[data-page="/depot/ticketlist_historical"] .ticket-details__numberBlock__description--fullTicketNumber { width: 18.4375em; } } @media (max-width: 767px) { body[data-page="/depot/ticketlist_current"] .ticket-details__numberBlock__description--fullTicketNumber .ticket-details__numberBlock__description__line, body[data-page="/depot/ticketlist_historical"] .ticket-details__numberBlock__description--fullTicketNumber .ticket-details__numberBlock__description__line { width: 4.6875em; } } @media (max-width: 767px) { body[data-page="/depot/ticketlist_current"] .ticket-details__numberBlock__description--lastPartOfTicketNumber, body[data-page="/depot/ticketlist_historical"] .ticket-details__numberBlock__description--lastPartOfTicketNumber { margin-left: 6.875em; width: 10em; } } @media (max-width: 767px) { body[data-page="/depot/ticketlist_current"] .ticket-details__numberBlock__description--lastPartOfTicketNumber .ticket-details__numberBlock__description__line, body[data-page="/depot/ticketlist_historical"] .ticket-details__numberBlock__description--lastPartOfTicketNumber .ticket-details__numberBlock__description__line { width: 1.3125em; } } .ticket-details.ticket-details--dfl { background: none; } @media (max-width: 600px) and (min-width: 480px) { .basketItem.dfl .ticket-details__numberBlock__description--lastPartOfTicketNumber { margin-left: 10em; width: 12.4375em; } } @media (max-width: 480px) { .basketItem.dfl .ticket-details__numberBlock__description--lastPartOfTicketNumber { margin-left: 6.8125em; width: 9.375em; } } @media (max-width: 480px) { .basketItem.dfl .ticket-details__numberBlock__description--lastPartOfTicketNumber .ticket-details__numberBlock__description__line { width: 0.625em; } } .ticket-details.ticket-details--dwl { background-color: transparent; } .ticket-details.ticket-details--dwl hr { visibility: hidden; } @media (max-width: 600px) and (min-width: 480px) { .basketItem.dfl .ticket-details__numberBlock__number { font-size: 0.875em; height: 1.625em; width: 1.625em; line-height: 1.625em; margin-right: 0.125em; } .basketItem.dfl .ticket-details__numberBlock__number--lastPrefixNumber { margin-right: 1.25em; } } @media (max-width: 480px) { .basketItem.dfl .ticket-details__numberBlock__number { font-size: 0.75em; height: 1.25em; width: 1.25em; line-height: 1.25em; margin-right: 0.0625em; } .basketItem.dfl .ticket-details__numberBlock__number--lastPrefixNumber { margin-right: 0.9375em; } } @media (max-width: 480px) { .basketItem.dfl .ticket-details__numberBlock__description--fullTicketNumber { width: 15.625em; } } @media (max-width: 600px) and (min-width: 480px) { .basketItem.dfl .ticket-details__numberBlock__description--fullTicketNumber .ticket-details__numberBlock__description__line { width: 7.25em; } } @media (max-width: 480px) { .basketItem.dfl .ticket-details__numberBlock__description--fullTicketNumber .ticket-details__numberBlock__description__line { width: 3.9375em; } } /*--- warenkorb.less END ---*/ /*--- warenkorb-bankdateneingabe.less START ---*/ .modal-content.edit-sepa__modal-content { margin-top: 10%; border-radius: 4px; overflow: hidden; } .modal-content .edit-sepa__close { border: none; } .modal-content .edit-sepa__close:before { display: none; } .modal-content .edit-sepa__close:after { content: ""; display: block; left: 0; top: -3px; width: 24px; height: 24px; background-size: 24px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/close-grau.svg') no-repeat; } .modal-content .edit-sepa__head { padding: 20px 20px 0; } .modal-content .edit-sepa__head .edit-sepa__headline { font-family: 'WebSans', Arial, sans-serif; font-size: 24px; line-height: 32px; font-weight: 400; } .modal-content .edit-sepa__body { background: #FFFFFF; padding: 15px 20px 20px; } .modal-content .edit-sepa__input__label { margin-top: 20px; } .modal-content .edit-sepa__actions button#btDeConfirm.active, .modal-content .edit-sepa__actions button#convertBankData.active { margin: 0; display: inline; margin-right: 10px; } @media screen and (max-width: 767px) { .modal-content .edit-sepa__actions button#btDeConfirm.active, .modal-content .edit-sepa__actions button#convertBankData.active { margin-bottom: 20px; } } .modal-content .edit-sepa__toggle { margin-top: 20px; text-decoration: none; color: #1C8AD9; } .modal-content .edit-sepa__toggle:before { display: none; } .modal-content .edit-sepa__input.error .edit-sepa__input__field { border: 1px solid #C00030 !important; background: #FFFFFF; } .modal-content .edit-sepa__input em { font-style: normal; } .modal-content .edit-sepa__input em.error { box-shadow: none; background-color: transparent; color: #C00030; padding: 0; padding-left: 30px; } .modal-content .edit-sepa__input em.error:before { display: none; } .modal-content .edit-sepa__input em.error:after { content: ""; position: absolute; display: block; left: 0; top: -3px; width: 24px; height: 24px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/error.svg') no-repeat; background-size: 24px; } .modal-content .edit-sepa__checkbox__input:checked + .edit-sepa__checkbox__decorator:before { content: ""; width: 24px; height: 24px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/checkbox-mark.svg') no-repeat; } .modal-content .edit-sepa__checkbox__decorator { height: 32px; width: 32px; background-color: #FFFFFF; border: 1px solid #b4b4b4; border-radius: 5px; margin-right: 0.3em; background-size: 80%; background-position: center; float: left; } .modal-content .edit-sepa__checkbox__label { padding-top: 5px; display: block; } /*--- warenkorb-bankdateneingabe.less END ---*/ /*--- warenkorb-gutschein.less START ---*/ #basketForm .voucher__action:empty { display: none; } #basketForm #submitVoucher, #basketForm .voucher__action--add { max-width: none; } @media (min-width: 768px) { #basketForm #submitVoucher, #basketForm .voucher__action--add { right: inherit; line-height: 38px; border: 1px solid #1C8AD9; padding-left: 20px; padding-right: 20px; width: auto; padding: 0px 20px; line-height: 40px; height: 40px; vertical-align: middle; border-radius: 4px; height: auto; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } #basketForm #submitVoucher:before, #basketForm .voucher__action--add:before { content: "Einlösen"; } #basketForm #submitVoucher:hover, #basketForm .voucher__action--add:hover { background: #197CC3 !important; color: #FFFFFF !important; background: none; text-decoration: none; } #basketForm #submitVoucher:hover a, #basketForm .voucher__action--add:hover a { color: #FFFFFF !important; } } @media screen and (max-width: 767px) { #basketForm #submitVoucher, #basketForm .voucher__action--add { display: block; height: 25px; width: 25px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/plus-grau.svg'); background-position: center; background-size: 100%; left: inherit; right: 13px; margin-top: 10px; cursor: pointer; } #basketForm #submitVoucher:hover, #basketForm .voucher__action--add:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/plus-blau.svg'); } #basketForm #submitVoucher .voucherCode, #basketForm .voucher__action--add .voucherCode { position: absolute; display: block; top: 35px; } } @media (max-width: 991px) and (min-width: 768px) { #basketForm #submitVoucher, #basketForm .voucher__action--add { right: inherit; left: 470px; } } @media screen and (min-width: 992px) { #basketForm #submitVoucher, #basketForm .voucher__action--add { left: 470px; } #basketForm #submitVoucher .voucherCode, #basketForm .voucher__action--add .voucherCode { left: 250px; right: inherit; } } @media (min-width: 420px) { #basketForm #submitVoucher, #basketForm .voucher__action--add { color: #1C8AD9; text-decoration: none; } #basketForm #submitVoucher:hover, #basketForm .voucher__action--add:hover { text-decoration: none; } #basketForm #submitVoucher:visited, #basketForm .voucher__action--add:visited, #basketForm #submitVoucher:active, #basketForm .voucher__action--add:active { color: #1C8AD9; } } @media screen and (max-width: 767px) { #basketForm .voucher__action--add { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-grau.svg'); height: 90%; } #basketForm .voucher__action--add:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-blau.svg'); } } #basketForm #voucherCode { max-width: none; border: 1px solid #8c8c91; border-radius: 3px; width: 280px; height: 40px; line-height: 40px; font-weight: 200; } @media screen and (max-width: 767px) { #basketForm #voucherCode { width: 100%; } } #basketForm .voucher { display: block; position: relative; padding-left: 77px; order: 1; } @media screen and (min-width: 768px) { #basketForm .voucher { justify-content: flex-start; } #basketForm .voucher:before { margin-right: 0 !important; } } @media (max-width: 767px) { #basketForm .voucher:before { left: 10px; } } @media screen and (min-width: 768px) { #basketForm .voucher:before { position: absolute; bottom: 0; left: 10px; top: 50%; margin-top: -25px; } } #basketForm .voucher + .voucher { border-top: 1px solid #DADADA; } @media screen and (min-width: 768px) { #basketForm .voucher__action--add, #basketForm .voucher__submit { position: absolute; right: 0; left: auto; top: 50%; margin-top: -21px; } } @media screen and (min-width: 768px) { #basketForm .voucher__action--add, #basketForm .voucher__submit { background: none; } } @media (min-width: 768px) { #basketForm .voucher__submit { left: auto !important; right: 0 !important; } } #basketForm .voucher--code { padding-right: 25px; } @media (min-width: 768px) { #basketForm .voucher--code { max-width: none; padding-right: 130px; } } #basketForm .voucher__input, #basketForm .voucher__description { flex: 1 0 490px; max-width: none; } #basketForm .voucher__description { padding: 0; } #basketForm .voucher__input__label { padding: 0; padding-right: 20px; } #basketForm .voucher__input__label, #basketForm .voucher__headline, #basketForm .voucher__description { font-family: 'WebSans', Arial, sans-serif !important; font-size: 16px !important; line-height: 24px; right: 6px; font-weight: 300; border: none; max-width: none; flex-basis: auto; } @media (min-width: 768px) { #basketForm .voucher__input__label, #basketForm .voucher__headline, #basketForm .voucher__description { font-family: 'WebSans', Arial, sans-serif !important; } } #basketForm .voucher__input__label, #basketForm .voucher__headline { font-weight: 400 !important; padding-right: 20px; text-align: left; } @media (min-width: 768px) { #basketForm .voucher__input__label, #basketForm .voucher__headline { font-size: 20px !important; } } #basketForm #basket_voucher { padding-left: 0; } #basketForm #basket_voucher:before { margin-left: 15px; } #basketForm #basket_voucher .basket-voucher__details { margin-left: 15px; } #basketForm #basket_voucher .basket-voucher__actions { background: none; } .basket-voucher__description__input, #basketForm .voucher:before, #basketForm #basket_voucher:before { background-size: 60px 60px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/gutschein.svg'); background-repeat: no-repeat; background-position: 0; padding-left: 60px; } @media (min-width: 768px) { .basket-voucher__description__input, #basketForm .voucher:before, #basketForm #basket_voucher:before { margin-right: 0; } } @media (min-width: 992px) { .basket-voucher__description__input, #basketForm .voucher:before, #basketForm #basket_voucher:before { margin-right: 0; } } .basket-voucher__headline { font-family: 'WebSans', Arial, sans-serif !important; font-size: 20px; font-weight: 400; line-height: 24px; } .basket-voucher__description { font-family: 'WebSans', Arial, sans-serif !important; font-weight: 200; color: #515151; font-size: 16px; line-height: 20px; } @media screen and (min-width: 992px) { #basket_voucher { padding-right: 70px; } } @media screen and (min-width: 768px) and (max-width: 991px) { #basket_voucher { padding-right: 50px; } } @media screen and (max-width: 766px) { #basket_voucher { padding-right: 15px; } } #basket_voucher .basket-voucher__price { font-family: 'WebSans', Arial, sans-serif !important; } @media screen and (min-width: 992px) { #basket_voucher .basket-voucher__price { flex-basis: 105px; } } @media screen and (min-width: 768px) and (max-width: 991px) { #basket_voucher .basket-voucher__price { flex-basis: 75px; } } @media screen and (max-width: 767px) { #basket_voucher .basket-voucher__actions { justify-content: flex-start; margin-left: 161px; } } #basket_voucher .basket-voucher__actions #deleteVoucher { flex-basis: 20px; } #basket_voucher .basket-voucher__actions #deleteVoucher:after { background: none; } /*--- warenkorb-gutschein.less END ---*/ /*--- aktuelleSpielscheine.less START ---*/ .serviceHotline, .serviceTime, .serviceFax { font-family: Verdana, Arial, Helvetica, sans-serif; } @media screen and (min-width: 768px) { .ticketDetails h2 { font-size: 36px; line-height: 36px; } .listItem .listItem__entrylabel { left: 245px; } .listItem .listItem__entrylabel, .listItem .listItem__status { top: 13px; width: auto; } } @media screen and (min-width: 992px) { .ticketDetails h2 { font-size: 36px; line-height: 36px; } .listItem .listItem__ticketname, .listItem .listItem__ticketname strong { font-size: 20px; line-height: 27px; font-weight: normal !important; } .listItem .listItem__entrylabel, .listItem .listItem__status { font-size: 16px; line-height: 25px; } .listItem .listItem__entrylabel { left: 350px; } .listItem .listItem__status { left: 550px; } } .listItem .listItem__ticketDetail { margin-top: 30px; } .listItem--duolotto.selected hr, .basketItem.duo.selected hr, .listItem--lottonormal.selected hr, .listItem--lottovollsystem.selected hr, .listItem--lottovewsystem.selected hr, .basketItem.lotto.selected hr { background-color: transparent !important; } .listItem--lottovollsystem:hover, .listItem--lottonormal:hover, .listItem--lottovewsystem:hover, .listItem--keno:hover, .listItem--club:hover, .listItem--duolotto:hover, .listItem--dflmega:hover, .listItem--dflsingle:hover, .listItem--gluecksspirale:hover, .listItem--eurojackpot:hover, .listItem--lottovollsystem.selected, .listItem--lottonormal.selected, .listItem--lottovewsystem.selected, .listItem--keno.selected, .listItem--club.selected, .listItem--duolotto.selected, .listItem--dflmega.selected, .listItem--dflsingle.selected, .listItem--gluecksspirale.selected, .listItem--eurojackpot.selected { color: #54565e; } @media screen and (max-width: 767px) { .listItem--lottovollsystem:hover .listItem__optionsbar, .listItem--lottonormal:hover .listItem__optionsbar, .listItem--lottovewsystem:hover .listItem__optionsbar, .listItem--keno:hover .listItem__optionsbar, .listItem--club:hover .listItem__optionsbar, .listItem--duolotto:hover .listItem__optionsbar, .listItem--dflmega:hover .listItem__optionsbar, .listItem--dflsingle:hover .listItem__optionsbar, .listItem--gluecksspirale:hover .listItem__optionsbar, .listItem--eurojackpot:hover .listItem__optionsbar, .listItem--lottovollsystem.selected .listItem__optionsbar, .listItem--lottonormal.selected .listItem__optionsbar, .listItem--lottovewsystem.selected .listItem__optionsbar, .listItem--keno.selected .listItem__optionsbar, .listItem--club.selected .listItem__optionsbar, .listItem--duolotto.selected .listItem__optionsbar, .listItem--dflmega.selected .listItem__optionsbar, .listItem--dflsingle.selected .listItem__optionsbar, .listItem--gluecksspirale.selected .listItem__optionsbar, .listItem--eurojackpot.selected .listItem__optionsbar { background-color: transparent; } } @media (max-width: 767px) { .listItem__ticketDetail__ticketDetailInfo__LinkList a, a[data-trackid="meinetippscheine.tippschein.historie"], .listItem__ticketDetail__ticketDetailInfo__LinkList > a { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } .listItem__ticketDetail__ticketDetailFooter a { float: left; } .listItem .product-table__content { background: #F4F4F4; } .listItem__ticketDetail__ticketDetailInfo, .listItem__ticketDetail__ticketDetailFooter { background: #F4F4F4; } .listItem:hover a.confirm.optionen, .listItem.selected a.confirm.optionen { border-color: #1C8AD9 !important; } @media (max-width: 767px) { .listItem { min-height: 180px !important; border-bottom: 1px solid #DADADA; padding-bottom: 20px; margin: 0; } .listItem__status { top: 80px; left: 70px; right: inherit; } .listItem__entrylabel { top: 40px; } } .listItem--scratchcard .listItem__option--group, .listItem--scratchcard .listItem__entry__button { flex-basis: 145px !important; } .listItem--scratchcard .listItem__option--action { flex-basis: 15px; } @media (min-width: 992px) { .listItem--scratchcard .listItem__option--action { flex-basis: 35px; } } [data-page^="/depot/ticketlist"] .listItem__productlogo { position: static !important; } .product-table__content .selectWrapper, .product-table__content__selection .selectWrapper { width: 200px; } @media screen and (min-width: 768px) { .product-table__content__selection { min-width: 200px; } } .listItem__ticketDetail__ticketDetailInfo__summary, .ticketDetails, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description, .ticketField, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber__superzahl { font: 400 14px / 22px Verdana, Arial, Helvetica, sans-serif; } body[data-page^="/depot/ticketlist"] .listItem__entry { background-color: #fff; } body[data-page^="/depot/ticketlist"] .listItem__entry__text + .listItem__entry__button { margin-right: 75px; } body[data-page^="/depot/ticketlist"] .listItem__entry__text + .listItem__entry__button--disabled { border-radius: 4px; font-family: 'WebSans', Arial, sans-serif; } @media (min-width: 768px) { body[data-page^="/depot/ticketlist"] .listItem__extras .listItem__extras { margin-left: 0; } } body[data-page^="/depot/ticketlist"] .listItem__extras__label { width: auto; } body[data-page^="/depot/ticketlist"] .listItem__head { position: relative; } body[data-page^="/depot/ticketlist"] .listItem__head [data-page*="/depot/ticketlist"] .listItem__optionsbar { position: static; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar { display: flex; position: static; } @media screen and (max-width: 767px) { body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar { justify-content: flex-end; } } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option { padding: 4px; } @media screen and (max-width: 991px) { body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option:nth-child(2) { padding-top: 8px; } } @media screen and (max-width: 767px) { body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option { flex: 0 0 58px; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option:nth-child(1) { margin-right: auto; } } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option:nth-child(2) { order: 3; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option > div.listItem__option__action-wrapper { position: relative; top: -3px; background: none; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--action .icon-trash { margin-left: 6px !important; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option a.icon-trash, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option a.listItem__button--details-show, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option a.listItem__button--details-hide { margin: 6px 0; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option a.listItem__button--details-show { height: 28px; background-size: 28px 28px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-plus-grau.svg') no-repeat center; } @media screen and (max-width: 991px) { body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option a.listItem__button--details-show { height: 20px; background-size: 20px; } } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option a.listItem__button--details-show:before { display: none; } @media screen and (max-width: 767px) { body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group { margin-left: 20px; } } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group.active .listItem__button.listItem__button--blank, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group.active .listItem__button.listItem__button--group { background-color: #1C8AD9 !important; border: 1px solid #1C8AD9 !important; color: #FFFFFF !important; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group.active .listItem__button.listItem__button--blank .listItem__button__decorator, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group.active .listItem__button.listItem__button--group .listItem__button__decorator, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group.active .listItem__button.listItem__button--blank .listItem__button__decorator:hover, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group.active .listItem__button.listItem__button--group .listItem__button__decorator:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-weiss.svg') !important; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group { font-family: 'WebSans', Arial, sans-serif; display: block !important; border-radius: 4px; float: none !important; font-size: 20px; font-weight: 500; height: auto; width: 130px; line-height: 22px; text-align: center; margin: 0 auto; margin-top: -10px; margin-bottom: 15px; padding: 8px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background-color: #FFFFFF !important; border: 1px solid #1C8AD9; color: #1C8AD9 !important; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank:not(.disabled):hover, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group:not(.disabled):hover { background-color: #1C8AD9 !important; border: 1px solid #1C8AD9 !important; color: #FFFFFF !important; } @media (min-width: 768px) { body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group { background-color: transparent !important; margin: 0 auto; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank:not(.disabled):hover, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group:not(.disabled):hover { background-color: #1C8AD9 !important; border: 1px solid #FFFFFF; color: #FFFFFF !important; } } @media screen and (max-width: 767px) { body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group { margin: 0; } } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank .listItem__button__decorator, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group .listItem__button__decorator { display: block; float: right; height: 24px; width: 20px; margin: 0; background-size: 100% !important; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-blau.svg') no-repeat center; } @media screen and (max-width: 991px) { body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank .listItem__button__decorator, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group .listItem__button__decorator { height: 20px; background-size: 20px; } } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank .listItem__button__decorator:before, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group .listItem__button__decorator:before, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank .listItem__button__decorator:after, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group .listItem__button__decorator:after { content: none; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank:hover .listItem__button__decorator, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group:hover .listItem__button__decorator { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-weiss2.svg'); } @media screen and (min-width: 768px) and (max-width: 991px) { body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group { width: auto; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank .listItem__button__decorator, body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--group .listItem__button__decorator { display: none; } } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__button.listItem__button--blank { visibility: hidden; z-index: -1; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__option__group { width: auto; transition: none; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__option__group * { transition: none; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__option__group.expanded { background-color: #FFFFFF; padding: 20px 0; border-top: 4px solid #1C8AD9; border-radius: 4px; margin-top: -4px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__option__group.expanded li.expanded { padding: 0; margin: 0; height: auto; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__option__group.expanded li.expanded a { color: #515151 !important; font-size: 16px; font-weight: 300; line-height: 40px; height: 40px; margin-top: 0px; padding: 0px 12px; font-family: 'WebSans', Arial, sans-serif; } body[data-page^="/depot/ticketlist"] .listItem__head .listItem__optionsbar .listItem__option--group .listItem__option__group.expanded li.expanded a:hover { text-decoration: none; background-color: #D6EAF8; } body[data-page^="/depot/ticketlist"] .listItem.selected .listItem__option a.listItem__button--details-hide, body[data-page^="/depot/ticketlist"] .listItem .listItem__ticketDetail__button-hide.icon-chevron-up { height: 28px; background-size: 28px 28px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-minus-grau.svg') no-repeat center; } @media screen and (max-width: 991px) { body[data-page^="/depot/ticketlist"] .listItem.selected .listItem__option a.listItem__button--details-hide, body[data-page^="/depot/ticketlist"] .listItem .listItem__ticketDetail__button-hide.icon-chevron-up { height: 20px; background-size: 20px; } } body[data-page^="/depot/ticketlist"] .listItem.selected .listItem__option a.listItem__button--details-hide:before, body[data-page^="/depot/ticketlist"] .listItem .listItem__ticketDetail__button-hide.icon-chevron-up:before { content: none; } body[data-page^="/depot/ticketlist"] .listItem.selected .listItem__option a.listItem__button--details-hide:before { display: none; } [data-page*="/depot/ticketlist_current"] .listItem { min-height: 5.625em; } [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovewsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber__superzahl, [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovollsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber__superzahl { margin-top: -10px; } @media (min-width: 768px) { [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovewsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber__superzahl, [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovollsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber__superzahl { margin-top: 8px; margin-right: 8px; } } @media (max-width: 300px) { [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovewsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber__superzahl, [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovollsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber__superzahl { margin-top: 18px; margin-right: 5px; } } [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovewsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber.number, [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovollsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber.number { margin-top: 5px; } @media (min-width: 768px) { [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovewsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber.number, [data-page*="/depot/ticketlist_current"] .listItem.listItem--lottovollsystem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__numberAfterDescription__ticketDetailNumber.number { margin-top: 7px; } } [data-page*="/depot/ticketlist_current"] .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__interest { float: left; } [data-page*="/depot/ticketlist_current"] .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem__interest a { display: block; white-space: normal; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content { border: none; padding-top: 40px; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .modal-close { background-color: none; top: 5px; right: 10px; z-index: 2; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .modal-close span { display: block; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .popinWindow__content__body { padding: 0px; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers--popup .winning-numbers__headline { margin: 0px; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers { margin: 0px; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__number { border: none; margin-right: 1vw; } @media (min-width: 768px) { [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__number { margin-right: 6px; } } @media (max-width: 767px) { [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__row { border-bottom: 1px solid #ccc; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__row [class*="col-"] { float: none; width: 100%; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__row [class*="col-xs-3"], [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__row [class*="col-xs-7"] { display: inline-block; float: none; margin-right: 3%; width: 40%; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__row [class*="col-xs-7"] { width: 54%; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__row .winning-numbers__label { padding-bottom: 2vw; } } @media (max-width: 480px) { [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__row { border-bottom: 1px solid #ccc; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__row [class*="col-"] { display: block; float: none; margin: 0%; width: 100%; } [data-page*="/depot/ticketlist_current"] .popinWindow__content.modal-content .winning-numbers__row .winning-numbers__label { padding-bottom: 1vw; } } [data-page*="/depot/ticketlist_current"] #ticket_table_paid .listItem.listItem--dwl .ticket-details { background-color: transparent; } [data-page*="/depot/ticketlist_current"] #ticket_table_paid .listItem.listItem--dwl .listItem__ticketDetail__ticketDetailInfo__summary { border-top: none; } @media (min-width: 768px) { .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber__superzahl { margin-top: 13px; } } @media (max-width: 767px) { .listItem__ticketDetail__ticketDetailInfo__summary__part1, .listItem__ticketDetail__ticketDetailInfo__summary__part2 { width: 100%; } .listItem__ticketDetail__ticketDetailInfo__summary__part1 span, .listItem__ticketDetail__ticketDetailInfo__summary__part2 span { width: 135px; } .listItem__ticketDetail__ticketDetailInfo__summary__part2--list strong { display: inline-block; width: 120px; } .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers, .listItem__ticketDetail__ticketDetailInfo__header { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .listItem__ticketDetail__ticketDetailInfo__summary__part1 { width: 50%; } } [data-page*="/depot/ticketlist"] .listItem { font-family: 'WebSans', Arial, sans-serif; color: #515151; } [data-page*="/depot/ticketlist"] .listItem h4 { font-family: 'WebSans', Arial, sans-serif; color: #515151; } [data-page*="/depot/ticketlist"] .listItem:hover, [data-page*="/depot/ticketlist"] .listItem.selected { background-color: #F3F3F3 !important; border-color: #DADADA !important; color: #54565e !important; } [data-page*="/depot/ticketlist"] .listItem .winning-numbers__label { font-size: 18px; line-height: 24px; width: 70px; } [data-page*="/depot/ticketlist"] .listItem .winning-numbers__number, [data-page*="/depot/ticketlist"] .listItem .winning-numbers__number--additional, [data-page*="/depot/ticketlist"] .listItem .winning-numbers__number--placeholder { font-size: 14px; line-height: 28px; height: 30px; margin-right: 2px; width: 30px; } [data-page*="/depot/ticketlist"] .listItem .winning-numbers__number--keno:nth-child(5n+6), [data-page*="/depot/ticketlist"] .listItem .winning-numbers__number--additional--keno:nth-child(5n+6), [data-page*="/depot/ticketlist"] .listItem .winning-numbers__number--placeholder--keno:nth-child(5n+6) { margin-left: 0; } @media (max-width: 480px) { [data-page*="/depot/ticketlist"] .pagingElement .arrowLeft { padding-right: 8px; } [data-page*="/depot/ticketlist"] .pagingElement .arrowLeft:before { content: ""; padding-left: 12px; } [data-page*="/depot/ticketlist"] .pagingElement .arrowRight { padding-left: 8px; } [data-page*="/depot/ticketlist"] .pagingElement .arrowRight:before { content: ""; padding-right: 12px; } [data-page*="/depot/ticketlist"] .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__interest.euro { font-size: 14px; padding-top: 12px; } } @media (max-width: 480px) { [data-page*="/depot/ticketlist"] .ticketFieldNumber--keno:nth-child(7) { margin-left: 10px; } } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"], #boxCnt_JackpotHunterSubscriptions [id*="hideSubscriptionLink_"] { display: none; float: right; margin: 10px 6px 0px 0px; } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"] img, #boxCnt_JackpotHunterSubscriptions [id*="hideSubscriptionLink_"] img { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-grau.svg'); background-repeat: no-repeat; background-size: 100%; background-position: center; display: none; height: 25px; width: 25px; position: relative; left: 0px; padding: 25px 0px 0px 0px; top: 0px; z-index: 100; } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"] img:hover, #boxCnt_JackpotHunterSubscriptions [id*="hideSubscriptionLink_"] img:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-blau.svg'); } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"]:before, #boxCnt_JackpotHunterSubscriptions [id*="hideSubscriptionLink_"]:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-minus-grau.svg'); display: block; height: 25px; width: 25px; position: absolute; left: 80px; margin-left: 0px; } @media (min-width: 768px) { #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"]:before, #boxCnt_JackpotHunterSubscriptions [id*="hideSubscriptionLink_"]:before { left: inherit; margin-left: -115px; } } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"]:hover:before, #boxCnt_JackpotHunterSubscriptions [id*="hideSubscriptionLink_"]:hover:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-minus-blau.svg'); } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"] { display: block; } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"] img { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg'); display: block; } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"] img:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-blau.svg'); } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"]:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-plus-grau.svg'); } #boxCnt_JackpotHunterSubscriptions [id*="showSubscriptionLink_"]:hover:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/lupe-plus-blau.svg'); } #boxCnt_JackpotHunterSubscriptions .icon-trash { top: 10px; } #boxCnt_JackpotHunterSubscriptions .listItem__optionsbar { height: 25px; } @media (min-width: 768px) { #boxCnt_JackpotHunterSubscriptions .listItem__optionsbar { height: 40px; } } body[data-page="/depot/ticketlist_current"] .listItem--dflsingle h5, body[data-page="/depot/ticketlist_current"] .listItem--dflmega h5, body[data-page="/product/fernsehlotterie/result"] .product-table--dfl h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; } .listItem--dflsingle .row.product-table__content .table .table__row__cell--header, .listItem--dflmega .row.product-table__content .table .table__row__cell--header { background-color: #DADADA; color: #515151; font-size: 20px; font-weight: bold; line-height: 28px; padding: 6px 20px; border-bottom: none; } .listItem--dflsingle .row.product-table__content .table .table__row__cell, .listItem--dflmega .row.product-table__content .table .table__row__cell { padding: 8px 20px; border: none; border-bottom: 1px solid #DADADA; font-size: 16px; line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; } .ticket-summary__group { width: 300px; } @media (min-width: 768px) { .ticket-summary__group { -webkit-box-flex: 0 0 300px; -webkit-flex: 0 0 300px; -moz-box-flex: 0 0 300px; -moz-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; } } .ticket-summary__label, .ticket-summary__group--dfl .ticket-summary__value { -webkit-box-flex: 0 0 120px; -webkit-flex: 0 0 120px; -moz-box-flex: 0 0 120px; -moz-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; } .ticket-summary__value, .ticket-summary__label--dfl { -webkit-box-flex: 0 0 180px; -webkit-flex: 0 0 180px; -moz-box-flex: 0 0 180px; -moz-flex: 0 0 180px; -ms-flex: 0 0 180px; flex: 0 0 180px; width: 180px; } @media (min-width: 768px) { .winning-numbers__list--keno .winning-numbers__number--keno:nth-child(10n+11) { margin-left: 80px; } } /*--- aktuelleSpielscheine.less END ---*/ /*--- spielscheinHistorie.less START ---*/ .listItem__optionsbar { top: 105px; } @media (min-width: 992px) { .listItem__productlogo { margin-left: 10px; } .listItem__ticketname { left: 82px; } } @media (min-width: 768px) { .listItem__entrylabel { left: 220px; } } .listItem__entrylabel span { width: auto; } .listItem__status { width: auto; } @media (min-width: 992px) { .listItem__status { left: 41.92308em; } } @media (min-width: 768px) { .listItem__optionsbar { background: transparent; left: inherit; right: 10px; } .listItem__optionsbar__icon.detailHideLink, .listItem__optionsbar__icon.detailShowLink { right: 0; left: inherit; top: 13px; } .listItem__optionsbar__option.confirm { width: auto; margin-right: 100px; } } .listItem__optionsbar { background: transparent; left: inherit; right: 10px; } .listItem__ticketDetail { margin: 0; } .listItem { margin-bottom: 0; } .listItem--lottonormal:hover, .listItem--duolotto:hover, .listItem--duolotto.selected, .listItem--gluecksspirale:hover, .listItem--eurojackpot:hover { background-color: #F4F4F4; } .listItem--lottonormal:hover, .listItem--duolotto:hover, .listItem--duolotto.selected, .listItem--gluecksspirale:hover, .listItem--eurojackpot:hover { color: #54565e; } .listItem--duolotto.selected, .listItem--lottonormal.selected, .listItem--lottovollsystem:hover, .listItem--lottovollsystem.selected, .listItem--lottovewsystem:hover, .listItem--lottovewsystem.selected, .listItem--gluecksspirale.selected, .listItem--eurojackpot.selected, .listItem.selected hr { background-color: #F4F4F4 !important; color: #54565e; } .listItem__ticketDetail__ticketDetailInfo__LinkList a { position: static; display: block; float: left; width: auto !important; padding: 0 20px; font-size: 16px; margin: 10px 15px !important; } .listItem__optionsbar__icon { background-color: transparent; } @media (min-width: 768px) { .listItem__optionsbar { position: absolute; top: 1em; height: auto; } } .listItem__optionsbar__icon { height: 30px; width: 30px; } .listItem:first-child { border-top: 1px solid #DADADA; } .listItem { border-bottom: 1px solid #DADADA; } .listItem__ticketDetail--detailHideLink.icon-chevron-up { float: right; padding: 0; padding-right: 22px; margin-top: -15px; margin-left: 0; } .listItem__ticketDetail--detailHideLink.icon-chevron-up:before { content: ""; display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-grau.svg') no-repeat; width: 22px; height: 22px; padding-left: 22px; } .listItem__ticketDetail--detailHideLink.icon-chevron-up:hover:before { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-blau.svg') no-repeat; } @media (min-width: 768px) { .listItem__optionsbar { width: 16em; } } @media (max-width: 767px) { .product-table__content__selection .selection-form__select { font-size: 16px !important; height: 40px !important; } } .listItem { font-size: 16px; } .listItem__ticketDetail__ticketDetailFooter { overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { .listItem__ticketDetail__ticketDetailInfo__LinkList { display: block; } .listItem__ticketDetail__ticketDetailInfo__link { -webkit-box-flex: unset; -webkit-flex: unset; -moz-box-flex: unset; -moz-flex: unset; -ms-flex: unset; flex: unset; max-width: 264px; } } @media (min-width: 992px) { .listItem__ticketDetail__ticketDetailInfo__link { max-width: 264px; } } @media (max-width: 767px) { .listItem__ticketDetail__ticketDetailInfo__LinkList { padding-left: 0; padding-right: 0; } .listItem__ticketDetail__ticketDetailFooter { overflow: hidden; text-align: center; } .listItem__ticketDetail__ticketDetailFooter--first { margin-bottom: 30px; } } @media (min-width: 767px) { .listItem__ticketDetail__ticketDetailFooter { padding-left: 20px; } } @media (max-width: 767px) { .listItem__ticketDetail__ticketDetailInfo__gameNumbers__description img { height: auto; width: 85px; } } @media (max-width: 767px) { .product-table__content__selection { width: 100%; } .product-table__content__selection .selectWrapper { width: 100%; } } .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.lotto, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.ejp { width: 45px; height: 45px; float: left; margin-right: 3px; } [data-page*="/depot/ticketlist"] .listItem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description { width: 100%; margin-top: 0px; } @media (min-width: 768px) { [data-page*="/depot/ticketlist"] .listItem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description { width: 130px; } } @media screen and (max-width: 767px) { [data-page*="/depot/ticketlist"] .listItem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber__superzahl { width: 100%; } [data-page*="/depot/ticketlist"] .listItem .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber__superzahl ~ .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber { margin-top: 0; } } [data-page*="/depot/ticketlist"] .listItem .winning-numbers__label { width: 100%; display: block; margin-bottom: 3px; } .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.lotto, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.ejp, .listItem.listItem--duolotto .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description { width: 35px; height: 50px; margin-right: 10px; } @media screen and (max-width: 767px) { .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.lotto, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description.ejp, .listItem.listItem--duolotto .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description { width: 30px; height: 45px; } } @media (max-width: 767px) { .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription, .listItem__ticketDetail__ticketDetailInfo__gameNumbers__description { width: 100%; display: block; padding-bottom: 0; *zoom: 1; } .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description:after, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription:after, .listItem__ticketDetail__ticketDetailInfo__gameNumbers__description:after { clear: both; } .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description:before, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription:before, .listItem__ticketDetail__ticketDetailInfo__gameNumbers__description:before, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__description:after, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription:after, .listItem__ticketDetail__ticketDetailInfo__gameNumbers__description:after { content: " "; display: table; } .listItem__ticketDetail__ticketDetailInfo__gameNumbers__numberAfterDescription.last { padding-left: 0; } .listItem__ticketDetail__ticketDetailInfo__LinkList > a { width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; } .listItem__ticketDetail__ticketDetailInfo__LinkList { width: 100%; } .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber__superzahl { clear: left; } .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber__superzahl, .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber { margin-top: 10px; } .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber__superzahl:nth-child(6), .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription__ticketDetailNumber:nth-child(6) { margin-left: 0; } .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers, .listItem__ticketDetail__ticketDetailInfo__gameNumbers { height: auto; overflow: hidden; padding-bottom: 10px; } .listItem__ticketDetail__ticketDetailInfo__gameNumbers__numberAfterDescription { padding-bottom: 20px; overflow: hidden; float: left; } .listItem__ticketDetail__ticketDetailInfo__gameNumbers__interest { display: block; position: static; width: auto; text-align: left; padding-top: 3px; font-weight: 700; color: #23a23b; padding-left: 132px; float: left; width: 100%; padding: 0 0 10px; } } @media (max-width: 767px) and screen and (max-width: 767px) { .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbers__numberAfterDescription { width: 190px; } } @media (min-width: 768px) { .listItem__ticketDetail__ticketDetailInfo__LinkList { margin: 0 -15px; padding: 0; } } body[data-page="/depot/ticketlist_historical"] .product-table__content h2.strong, body[data-page="/depot/ticketlist_current"] .product-table__content h2.strong { font-size: 16px; line-height: 25px; } @media (min-width: 768px) { body[data-page="/depot/ticketlist_historical"] .product-table__content h2.strong, body[data-page="/depot/ticketlist_current"] .product-table__content h2.strong { font-size: 20px; line-height: 27px; } } body[data-page="/depot/ticketlist_historical"] .table .table__header.table__row div { height: auto; padding: 3px 10px !important; background-color: #DADADA; color: #515151; border-bottom: none; } body[data-page="/depot/ticketlist_historical"] .table .table__row:not(.table__header) > div { padding: 20px !important; background: transparent; border-bottom: 1px solid #DADADA; font-family: 'WebSans', Arial, sans-serif; font-size: 16px; line-height: 24px; } body[data-page="/depot/ticketlist_historical"] .ticket-details__numberBlock__description--dwl { color: #5cb82a; background-color: transparent; } body[data-page="/depot/ticketlist_historical"] .expandResults .expand { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg') no-repeat; } body[data-page="/depot/ticketlist_historical"] .expandResults .fold { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-grau.svg') no-repeat; } body[data-page="/depot/ticketlist_historical"] .expandResults .expand, body[data-page="/depot/ticketlist_historical"] .expandResults .fold { float: right; padding-right: 30px; background-position: right; margin-top: 10px; } /*--- spielscheinHistorie.less.less END ---*/ /*--- auszahlen.less START ---*/ @media (max-width: 767px) { div.amount-panel, div.bankdata-panel, div.payout-panel { margin-left: 0; margin-right: 0; } } div.amount-panel { font-family: 'WebSans', Arial, sans-serif; border-radius: 4px; } span.title, .serviceHeader h2 { font: 400 20px / 27px 'WebSans', Arial, sans-serif; } @media (min-width: 768px) { .serviceHeader h2 { font: 400 32px / 42px 'WebSans', Arial, sans-serif; } } span.amount { font: 400 16px / 25px 'WebSans', Arial, sans-serif; } #lkPostIdent { padding-right: 0; } @media screen and (min-width: 1200px) { .contentbox .row div.parent .bankdata-panel, .contentbox .row div.parent .payout-panel { height: 295px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .contentbox .row div.parent .bankdata-panel, .contentbox .row div.parent .payout-panel { height: 320px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .contentbox .row div.parent .bankdata-panel, .contentbox .row div.parent .payout-panel { height: 360px; } } @media screen and (min-width: 1200px) { div.amount-panel { margin: 0 0 23px 0; } } @media screen and (min-width: 992px) and (max-width: 1199px) { div.amount-panel { margin: 0 0 35.5px 0; } } .amount-panel span.title, #payIn .paymentBox #edit_direct_debit, #payIn .paymentBox #edit_credit_card { font: 400 16px / 25px 'WebSans', Arial, sans-serif; } .amount-panel span.amount { font: 400 14px / 22px 'WebSans', Arial, sans-serif; } @media (min-width: 768px) { .amount-panel span.title { font: 400 20px / 27px 'WebSans', Arial, sans-serif; } .amount-panel span.amount { font: 400 16px / 25px 'WebSans', Arial, sans-serif; } } div.bankdata-panel { background: #F3F3F3; } div.bankdata-panel.bankdata-available { background-color: #E2F2D9; border: none; border-radius: 4px; } div.parent { height: auto; } .footerBoxes.service .serviceHeader { display: block; position: static; } .footerBoxes.service .serviceHotline, .footerBoxes.service .serviceTime, .footerBoxes.service .serviceFax { position: static; display: block; float: none; font: 400 16px / 25px Verdana, Arial, Helvetica, sans-serif; } .bankdata-panel.bankdata-available img { width: 60px; height: 60px; } .bankdata-panel.bankdata-available img.hook { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/alright.svg') no-repeat; background-size: 60px; width: 60px; height: 60px; padding-left: 60px; left: 25px; top: 10px; } #payout .input--text { width: 100%; } #payout #payBackSubmit { width: 100%; } /*--- auszahlen.less END ---*/ /*--- einzahlen.less START ---*/ .contentbox h2, .pay-in__block__headline { font: 400 20px / 27px 'WebSans', Arial, sans-serif; } #changePaymentCardContent iframe { width: 100%; } #payIn .payment-option { border: none; } #payIn .payment-option__edit__button:after { content: ''; display: none; } #payIn .payment-option__edit__label { font-family: 'WebSans', Arial, sans-serif; color: #1C8AD9; font-size: 16px; font-weight: 400; margin-right: 0; } @media (max-width: 767px) { #payIn .pay-in { margin: 0; } } #payIn .pay-in__block { background-color: #F3F3F3; } #payIn .pay-in__block button { width: 100%; } #payIn .pay-in__block input#amount { width: 100%; } #payIn .favoriteDirectDebit, #payIn .favoriteCreditCard { border: none !important; padding-left: 5px; padding-right: 5px; } @media (min-width: 768px) { #payIn .favoriteCreditCard.preferred { background-position: center 15px, center 40px; background-size: 65px 20px, 70px 43px; } #payIn .favoriteDirectDebit.preferred { background-position: center 15px, center 55px; background-size: 36px 35px, 78px 28px; } } #payIn .active.preferred { background-color: #f1f1f2; border-radius: 4px; } #payIn .favoriteDirectDebit.active.preferred.preferredBorder, #payIn .favoriteCreditCard.active.preferred.preferredBorder { border: none; background-color: #E2F2D9; border-radius: 4px; padding-left: 5px; padding-right: 5px; } @media (min-width: 768px) { #payIn .favoriteDirectDebit.active.preferred.preferredBorder { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/alright.svg'), url('//js.ui-portal.de/test/lotto24/img/webde/icon/ec.svg'), url('//js.ui-portal.de/test/lotto24/img/webde/icon/sepa.svg'); background-position: 30px 50px, center 15px, center 55px; background-size: 45px 45px, 36px 35px, 78px 28px; } #payIn .favoriteCreditCard.active.preferred.preferredBorder { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/alright.svg'), url('//js.ui-portal.de/test/lotto24/img/webde/icon/visa.svg'), url('//js.ui-portal.de/test/lotto24/img/webde/icon/mastercard.svg'); background-position: 30px 50px, center 15px, center 40px; background-size: 45px 45px, 65px 20px, 70px 43px; } #payIn .paymentBox #txtDebit, #payIn .paymentBox #txtCreditCard { padding-top: 25px; } } @media (max-width: 991px) and (min-width: 768px) { #payIn .favoriteDirectDebit, #payIn .favoriteCreditCard { height: 335px; } } @media (min-width: 992px) { #payIn .favoriteDirectDebit, #payIn .favoriteCreditCard { height: 301px; } } #payIn .paymentBox > div { position: relative !important; } #payIn .paymentBox__note { font-family: Verdana, Arial, Helvetica, sans-serif; } #payIn .paymentBox #txtDebit, #payIn .paymentBox .MandateCreationText, #payIn .paymentBox__note { position: static; } #payIn .paymentBox #txtDebit div, #payIn .paymentBox #txtCreditCard div, #payIn .paymentBox #edit_direct_debit, #payIn .paymentBox #edit_credit_card { width: auto; } #payIn .paymentEdit { width: 87px; right: 0; top: 20px; position: absolute; } @media all and (min-width: 768px) { #payIn .paymentEdit { width: 100%; position: absolute; top: inherit; bottom: 15px; left: 0px; right: 0px; text-align: center; } } #payIn .paymentEdit .addNew, #payIn .paymentEdit .addNew:hover, #payIn .paymentEdit .edit, #payIn .paymentEdit .edit:hover { background: none; } #payIn .paymentEdit .addNew, #payIn .paymentEdit .edit { position: relative; text-align: center; width: auto; background-image: none; } #payIn .paymentEdit #edit_credit_card, #payIn .paymentEdit #edit_direct_debit { position: static; } #payIn .paymentEdit a { padding-right: 0; } #payIn .paymentEdit a span { padding-left: 10px; line-height: 20px; vertical-align: top; color: #1C8AD9; } #payIn .paymentEdit a:hover span { text-decoration: underline; } #payIn .paymentEdit .edit:before { content: "Bearbeiten"; display: inline-block; width: 120px; height: 25px; line-height: 25px; background: none; padding-left: 35px; } @media (max-width: 767px) { #payIn .paymentEdit .edit:before { content: ""; width: 25px; float: right; padding-right: 10px; } } #payIn .paymentEdit .edit:after { right: 10px; left: inherit; } @media screen and (min-width: 768px) { #payIn .paymentEdit .edit:after { right: 152px; } } @media screen and (min-width: 992px) { #payIn .paymentEdit .edit:after { left: 80px; } } @media screen and (min-width: 1200px) { #payIn .paymentEdit .edit:after { left: 110px; } } #payIn .paymentEdit .edit:hover:before { background-image: none; text-decoration: underline; } #payIn .paymentEdit .addNew:before { content: ""; display: inline-block; float: right; margin-right: 10px; width: 20px; height: 20px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/plus-grau.svg') center center no-repeat; background-size: 24px; } #payIn .paymentEdit .addNew:hover:before { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/plus-blau.svg') center center no-repeat; background-size: 24px; } @media (min-width: 768px) { #payIn .paymentEdit .addNew:before { content: "Hinzufügen"; display: inline-block; float: none; line-height: 20px; margin-left: -80px; padding-left: 50px; } #payIn .paymentEdit .addNew:hover:before { text-decoration: underline; } } @media (max-width: 991px) and (min-width: 768px) { #payIn #txtDebit, #payIn .txtCreditCard { width: 100%; padding: 0 10px; } } #payIn .favoriteDirectDebit label, #payIn .favoriteCreditCard label, #payIn .logoCreditCard, #payIn .logoDirectDebit, #payIn .voucherHdl { font: 400 20px / 22px 'WebSans', Arial, sans-serif; } #payIn #txtDebit, #payIn #txtCreditCard { font-size: 14px; line-height: 22px; } #payIn #txtDebit .MandateCreationText { font-size: 12px; line-height: 20px; } /*--- einzahlen.less END ---*/ /*--- spielerdaten.less START ---*/ #parent input { width: 100%; } select#creditCardType { margin-top: 0; } @media (min-width: 768px) { body[data-page="/profile/player"] .col-xs-12.col-sm-6.infoText { margin-top: 40px; } } /*--- spielerdaten.less END ---*/ /*--- kontoauszug.less START ---*/ .payInOutBox h2 { font-size: 20px; line-height: 32px; } @media (min-width: 768px) and (max-width: 992px) { .payInOutBox .confirm, .payInOutBox .middle, .payInOutBox .submit { font-size: 20px; line-height: 40px; } } #transactionTable .inner-table-row .compact, #transactionTable .inner-table-row div { font-size: 14px; line-height: 22px; } @media (min-width: 992px) { #transactionTable .inner-table-row .compact, #transactionTable .inner-table-row div { font-size: 16px; line-height: 25px; } } #transactionTable .inner-table-row:last-child { background: #F3F3F3; line-height: 25px; margin-top: -5px; } @media (max-width: 767px) { #transactionTable .inner-table-header + .inner-table-row { border-top: 1px solid #DADADA !important; } } @media (max-width: 767px) { .debitValue, .prizeValue { padding-top: 5px; } } /*--- kontoauszug.less END ---*/ /*--- registrierung.less START ---*/ #customer .form-1col { margin: 0px; } @media (min-width: 768px) { #customer .form-1col { width: auto; } #customer .form-1col fieldset { width: 640px; } } #customer .form-1col__legend--input-set { font-family: 'WebSans', Arial, sans-serif; color: #515151; font-size: 16px; font-weight: 300; } #customer .form-1col .form-1col__field.error-postalcode .form-1col__label--inline-postalcode .form-1col__element { border-color: #C00030 !important; background-color: #F7D1D1 !important; } #customer .input-radio__decorator { display: block; } #customer .input-radio__element:checked ~ .input-radio__decorator::before { margin: 5px; } #customer .input-hint { color: #6a6a6a; margin-left: 0; font: 400 14px / 22px Verdana, Arial, Helvetica, sans-serif; padding-top: 5px; } #customer .input-hint--error { position: initial; background-color: #FFFFFF; color: #D40000; padding: 10px 0px; border: none; box-shadow: none; margin-top: 0px; } #customer .input-hint--error:before { content: none; } #customer .input--tel, #customer .input--text, #customer .input--email, #customer .input--password, #customer select { width: 100%; } #customer label[for="rCStreet"] .multiline { font-size: 16px; line-height: 25px; } #customer .contentbox .row:nth-child(3) legend { display: none; } #customer #rCGender, #customer .selectWrapper.selectWrapper--reg-day select, #customer .selectWrapper.selectWrapper--reg-month select, #customer .selectWrapper.selectWrapper--reg-year select { margin-top: 0; } #customer .selectWrapper--reg-day { width: 30%; margin-right: 3%; } #customer .selectWrapper--reg-month { width: 34%; margin-right: 3%; } #customer .selectWrapper--reg-year { width: 30%; } @media (min-width: 768px) { #customer .selectWrapper--reg-day { width: 20%; margin-right: 5%; } #customer .selectWrapper--reg-month { width: 38%; margin-right: 3%; } #customer .selectWrapper--reg-year { width: 34%; } } @media (min-width: 992px) { #customer .selectWrapper--reg-day { width: 17%; margin-right: 3%; } #customer .selectWrapper--reg-month { width: 43%; margin-right: 2%; } #customer .selectWrapper--reg-year { width: 35%; } } #btRegistrieren1 { margin-top: 20px; } @media (min-width: 1200px) { em { margin-left: 0; } } #registerForm .stayLoggedInInfo img.infoIcon { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/info.svg') no-repeat, none; width: 32px; height: 32px; padding-left: 32px; } #registerForm input { width: 100%; } #registerForm label[for="stayLoggedIn"] { padding-left: 35px; width: auto; margin-left: 0; } #registerForm .stayLoggedInInfo:after { clear: both; display: block; content: ""; } #registerForm #btLogin1 { display: block; float: right !important; } #registerForm #lkPwdForgotten { line-height: 40px; float: left; } #registerForm .input-hint { float: left; } .loginInfoText { background-color: transparent; padding: 30px 30px 0px 30px; } .loginInfo { background: none; } .loginInfo h5 { position: relative; } .loginInfo h5:before { content: ""; position: absolute; left: 0; top: -5px; width: 32px; height: 32px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/icon.svg') no-repeat scroll 30px 30px / 45px 45px transparent; background-size: 160px 1200px; background-position: 0px -1080px; } body[data-page="/register/register"] .infoBox, body[data-page="/register/registrationCorrection"] .infoBox { font-family: 'WebSans', Arial, sans-serif; font-weight: 200; font-size: 16px; line-height: 25px; } body[data-page="/register/register"] .infoBox:not([class^="--schufa"]), body[data-page="/register/registrationCorrection"] .infoBox:not([class^="--schufa"]) { min-height: inherit; } body[data-page="/register/register"] .infoBox__newsletter, body[data-page="/register/registrationCorrection"] .infoBox__newsletter { padding-left: 45px; } @media (max-width: 480px) { body[data-page="/register/register"] .infoBox input + label, body[data-page="/register/registrationCorrection"] .infoBox input + label { height: inherit !important; } } @media (min-width: 768px) { body[data-page="/register/register"] .infoBox, body[data-page="/register/registrationCorrection"] .infoBox { min-height: 320px; } body[data-page="/register/register"] .infoBox.infoBox--schufa:nth-child(2), body[data-page="/register/registrationCorrection"] .infoBox.infoBox--schufa:nth-child(2) { height: auto; min-height: inherit; } } @media (min-width: 992px) { body[data-page="/register/register"] .infoBox, body[data-page="/register/registrationCorrection"] .infoBox { min-height: 250px; } } @media (min-width: 1200px) { body[data-page="/register/register"] .infoBox, body[data-page="/register/registrationCorrection"] .infoBox { min-height: 200px; } } body[data-page="/register/register"] .infoBox input + label, body[data-page="/register/registrationCorrection"] .infoBox input + label { font-family: 'WebSans', Arial, sans-serif; font-weight: 200; color: #515151; font-size: 16px; line-height: 25px; margin-left: 44px; width: auto; height: auto !important; } body[data-page="/register/register"] input[type="checkbox"] ~ label, body[data-page="/register/registrationCorrection"] input[type="checkbox"] ~ label, body[data-page="/register/register"] input[type="checkbox"]:checked ~ label, body[data-page="/register/registrationCorrection"] input[type="checkbox"]:checked ~ label { height: auto !important; } body[data-page="/register/register"] input[type="checkbox"] ~ label:before, body[data-page="/register/registrationCorrection"] input[type="checkbox"] ~ label:before, body[data-page="/register/register"] input[type="checkbox"]:checked ~ label:before, body[data-page="/register/registrationCorrection"] input[type="checkbox"]:checked ~ label:before { float: left; margin: 3px 4px 3px -44px !important; vertical-align: 0px !important; } body[data-page="/register/register"] input[type="checkbox"]:checked ~ label:after, body[data-page="/register/registrationCorrection"] input[type="checkbox"]:checked ~ label:after { left: -37px !important; } body[data-page="/register/register"] .userschufacheckbox, body[data-page="/register/registrationCorrection"] .userschufacheckbox { margin-left: 44px; line-height: 40px; } @media (min-width: 768px) { body[data-page="/register/register"] #customer .selectWrapper--reg-day, body[data-page="/register/registrationCorrection"] #customer .selectWrapper--reg-day { margin-right: 2.5%; width: 25%; } body[data-page="/register/register"] #customer .selectWrapper--reg-month, body[data-page="/register/registrationCorrection"] #customer .selectWrapper--reg-month { margin-right: 2.5%; width: 40%; } body[data-page="/register/register"] #customer .selectWrapper--reg-year, body[data-page="/register/registrationCorrection"] #customer .selectWrapper--reg-year { width: 30%; } } body[data-page="/register/register"] .selectWrapper--formfield, body[data-page="/register/registrationCorrection"] .selectWrapper--formfield { width: 100%; } body[data-page="/register/register"] .formfield.hidden-xs, body[data-page="/register/registrationCorrection"] .formfield.hidden-xs { display: none; } body[data-page="/register/register"] label[for='rCCity'], body[data-page="/register/registrationCorrection"] label[for='rCCity'] { display: block; } body[data-page="/register/register"] .zip.input--tel, body[data-page="/register/registrationCorrection"] .zip.input--tel { margin-right: 2.5%; width: 30% !important; } body[data-page="/register/register"] .town.input--text, body[data-page="/register/registrationCorrection"] .town.input--text { width: 67.5% !important; } body[data-page="/register/register"] #customer .input-hint, body[data-page="/register/registrationCorrection"] #customer .input-hint { clear: both; } body[data-page="/register/register"] .formfield em, body[data-page="/register/registrationCorrection"] .formfield em { font: 400 14px / 22px Verdana, Arial, Helvetica, sans-serif; font-style: normal; } body[data-page="/register/register"] .formfield em.error[for="birthday"], body[data-page="/register/registrationCorrection"] .formfield em.error[for="birthday"] { display: none !important; } body[data-page="/register/register"] .alert h5, body[data-page="/register/registrationCorrection"] .alert h5 { padding-bottom: 8px; } body[data-page="/register/register"] .alert p, body[data-page="/register/registrationCorrection"] .alert p { padding-left: 5px; } body[data-page="/register/register"] .contentbox.cartInLogin, body[data-page="/register/registrationCorrection"] .contentbox.cartInLogin { border: 1px solid #DADADA; border-left: none; border-right: none; margin-top: 32px; padding: 20px; } @media (min-width: 768px) { body[data-page="/register/register"] .contentbox.cartInLogin, body[data-page="/register/registrationCorrection"] .contentbox.cartInLogin { padding-top: 28px; } } body[data-page="/register/register"] .contentbox.cartInLogin .col-xs-12, body[data-page="/register/registrationCorrection"] .contentbox.cartInLogin .col-xs-12 { position: relative; } body[data-page="/register/register"] #customer, body[data-page="/register/registrationCorrection"] #customer { margin-bottom: 30px; } body[data-page="/register/register"] #customer #rCGivenNames + .contentbox, body[data-page="/register/registrationCorrection"] #customer #rCGivenNames + .contentbox { width: 100% !important; } @media screen and (min-width: 768px) { body[data-page="/register/register"] #customer div.contentbox, body[data-page="/register/registrationCorrection"] #customer div.contentbox { padding: 0; padding-left: 30px; padding-right: 30px; width: calc((100% / 12) * 8); } } body[data-page="/register/register"] #customer div.contentbox .row .formfield .input-hint.error, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .input-hint.error, body[data-page="/register/register"] #customer div.contentbox .row .formfield em.error, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield em.error, body[data-page="/register/register"] #customer div.contentbox .row .formfield .input-hint.errorpostalcode, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .input-hint.errorpostalcode, body[data-page="/register/register"] #customer div.contentbox .row .formfield em.errorpostalcode, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield em.errorpostalcode, body[data-page="/register/register"] #customer div.contentbox .row .formfield .input-hint.errorcity, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .input-hint.errorcity, body[data-page="/register/register"] #customer div.contentbox .row .formfield em.errorcity, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield em.errorcity { position: static; background: none !important; padding: 0; box-shadow: none; margin-top: 0; } body[data-page="/register/register"] #customer div.contentbox .row .formfield .input-hint.error:before, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .input-hint.error:before, body[data-page="/register/register"] #customer div.contentbox .row .formfield em.error:before, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield em.error:before, body[data-page="/register/register"] #customer div.contentbox .row .formfield .input-hint.errorpostalcode:before, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .input-hint.errorpostalcode:before, body[data-page="/register/register"] #customer div.contentbox .row .formfield em.errorpostalcode:before, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield em.errorpostalcode:before, body[data-page="/register/register"] #customer div.contentbox .row .formfield .input-hint.errorcity:before, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .input-hint.errorcity:before, body[data-page="/register/register"] #customer div.contentbox .row .formfield em.errorcity:before, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield em.errorcity:before { display: inline-block; position: relative; top: 7px; left: 0; margin-right: 10px; border: none; content: ""; width: 24px; height: 24px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/icon-m.png') no-repeat; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/icon.svg') no-repeat none; background-size: 120px 900px; background-position: 0px -870px; } body[data-page="/register/register"] #customer div.contentbox .row .formfield .input-hint.errorpostalcode, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .input-hint.errorpostalcode, body[data-page="/register/register"] #customer div.contentbox .row .formfield em.errorpostalcode, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield em.errorpostalcode, body[data-page="/register/register"] #customer div.contentbox .row .formfield .input-hint.errorcity, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .input-hint.errorcity, body[data-page="/register/register"] #customer div.contentbox .row .formfield em.errorcity, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield em.errorcity { width: 100%; } body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress label, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress label, body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress input, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress input { float: left; } body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress input:last-child, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress input:last-child { margin-left: 0; } body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCPostalCode"], body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCPostalCode"], body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress input.zip.input--tel, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress input.zip.input--tel { width: 29.33333333% !important; margin-right: 6%; } @media screen and (min-width: 768px) { body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCPostalCode"], body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCPostalCode"], body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress input.zip.input--tel, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress input.zip.input--tel { width: calc(((((100% / 31) * 3) * 2) + (100% / 31))) !important; margin-right: calc((100% / 31)); } } body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress input.input--text.town, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress input.input--text.town, body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCCity"], body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCCity"] { width: 64.66666667% !important; } @media screen and (min-width: 768px) { body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress input.input--text.town, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress input.input--text.town, body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCCity"], body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCCity"] { width: calc(((((100% / 31) * 3) * 6) + ((100% / 31) * 5))) !important; } } body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCCity"], body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress label[for="rCCity"] { margin-left: 0; } body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress + em.error, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress + em.error { width: 100%; } body[data-page="/register/register"] #customer div.contentbox .row .formfield .primaryAddress + em.error + em.error, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .primaryAddress + em.error + em.error { width: 100%; } body[data-page="/register/register"] #customer div.contentbox .row .formfield .birthdate_wrapper > span, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .birthdate_wrapper > span { width: 29.33333333% !important; padding: 0; } @media screen and (min-width: 768px) { body[data-page="/register/register"] #customer div.contentbox .row .formfield .birthdate_wrapper > span, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .birthdate_wrapper > span { width: calc(((((100% / 31) * 3) * 2) + (100% / 31))) !important; } } body[data-page="/register/register"] #customer div.contentbox .row .formfield .birthdate_wrapper > span + span, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .birthdate_wrapper > span + span { margin-left: 6%; } @media screen and (min-width: 768px) { body[data-page="/register/register"] #customer div.contentbox .row .formfield .birthdate_wrapper > span + span, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .birthdate_wrapper > span + span { margin-left: calc((100% / 31)); } } body[data-page="/register/register"] #customer div.contentbox .row .formfield .birthdate_wrapper .input-hint.error, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .birthdate_wrapper .input-hint.error, body[data-page="/register/register"] #customer div.contentbox .row .formfield .birthdate_wrapper em.error, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .birthdate_wrapper em.error { display: block !important; width: 100%; float: left; margin-top: 10px; } body[data-page="/register/register"] #customer div.contentbox .row .formfield.gender_wrapper, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield.gender_wrapper, body[data-page="/register/register"] #customer div.contentbox .row .formfield .gender_wrapper, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .gender_wrapper { margin-bottom: 15px; padding: 0; } body[data-page="/register/register"] #customer div.contentbox .row .formfield.gender_wrapper label.gender, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield.gender_wrapper label.gender, body[data-page="/register/register"] #customer div.contentbox .row .formfield .gender_wrapper label.gender, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .gender_wrapper label.gender { float: left; width: auto; } body[data-page="/register/register"] #customer div.contentbox .row .formfield.gender_wrapper label.gender.FEMALE, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield.gender_wrapper label.gender.FEMALE, body[data-page="/register/register"] #customer div.contentbox .row .formfield .gender_wrapper label.gender.FEMALE, body[data-page="/register/registrationCorrection"] #customer div.contentbox .row .formfield .gender_wrapper label.gender.FEMALE { margin-right: 20px; } body[data-page="/register/register"] .cartInLogin__basketItemCount, body[data-page="/register/registrationCorrection"] .cartInLogin__basketItemCount { background-color: #ac2829; background-image: none; border-radius: 4px; color: #FFFFFF; display: block; font-size: 11px; line-height: 16px; font-weight: normal; margin: 0px 0 0 22px; padding: 0; position: absolute; width: auto; min-width: 16px; height: 16px; top: -3px; text-align: center; z-index: 1; } body[data-page="/register/register"] .cartInLogin__basketContainItems, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainItems, body[data-page="/register/register"] .cartInLogin__basketContainsText, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainsText, body[data-page="/register/register"] .cartInLogin__basketAmount, body[data-page="/register/registrationCorrection"] .cartInLogin__basketAmount { font-weight: normal; font-family: 'WebSans', Arial, sans-serif; } body[data-page="/register/register"] .cartInLogin__basketContainsText, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainsText, body[data-page="/register/register"] .cartInLogin__basketAmount, body[data-page="/register/registrationCorrection"] .cartInLogin__basketAmount { font-size: 20px; line-height: 25px; } body[data-page="/register/register"] .cartInLogin__basketContainItems, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainItems { font-size: 16px; } body[data-page="/register/register"] .cartInLogin__basketContainsText, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainsText { padding: 0px 0px 0px 51px; position: relative; } body[data-page="/register/register"] .cartInLogin__basketContainsText:before, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainsText:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/cart_grau.svg'); background-repeat: no-repeat; background-size: 35px; background-position: 0px 0px; content: ''; display: block; float: left; height: 35px; left: 0; margin-right: 16px; position: absolute; width: 35px; } @media (max-width: 991px) and (min-width: 768px) { body[data-page="/register/register"] .cartInLogin__basketContainsText .cartInLogin__basketContainsText, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainsText .cartInLogin__basketContainsText { font-size: 16px; } } @media (min-width: 768px) { body[data-page="/register/register"] .cartInLogin__basketContainsText, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainsText { padding-right: 200px; } } body[data-page="/register/register"] .cartInLogin__basketContainItems, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainItems { display: block; padding: 0px 0px 0px 51px; } @media (min-width: 768px) { body[data-page="/register/register"] .cartInLogin__basketContainItems, body[data-page="/register/registrationCorrection"] .cartInLogin__basketContainItems { padding-right: 200px; } } body[data-page="/register/register"] .cartInLogin__basketAmount, body[data-page="/register/registrationCorrection"] .cartInLogin__basketAmount { padding-left: 51px; } @media (min-width: 768px) { body[data-page="/register/register"] .cartInLogin__basketAmount, body[data-page="/register/registrationCorrection"] .cartInLogin__basketAmount { bottom: 0; position: absolute; right: 20px; } } @media screen and (min-width: 768px) { body[data-page="/register/register"] #btLogin1, body[data-page="/register/registrationCorrection"] #btLogin1 { margin-right: 15px; } } /*--- registrierung.less END ---*/ /*--- notifications.less START ---*/ @media (min-width: 768px) { body[data-page="/profile/notifications"] .trenner.oben { margin: 15px 0; } } @media screen and (max-width: 767px) { body[data-page="/profile/notifications"] .myNotification .myNotification__box { height: auto; padding-bottom: 10px; } body[data-page="/profile/notifications"] .myNotification input[type="checkbox"] ~ label, body[data-page="/profile/notifications"] .myNotification input[type="checkbox"]:checked ~ label { min-height: 45px; height: auto !important; } } .myNotification input { width: 100%; } .myNotification .myNotification__mobil, .myNotification .myNotification__email { padding: 0; margin-left: 0; margin-right: 0; } @media screen and (min-width: 768px) { .myNotification > .col-sm-5, .myNotification > .col-sm-7 { width: 50%; } .myNotification .myNotification__mobil, .myNotification .myNotification__email { position: static; margin-top: 30px; width: 100%; } } .myNews .myNews__notificationBox .selectWrapper { width: 100%; } .myNews__notificationBox__text, .myNews__notificationBox__text span:nth-child(2) { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25px; } .myNews__notificationBox__text span:nth-child(1) { font-family: 'WebSans', Arial, sans-serif; font-size: 24px; } .myNews .myNews__notificationBox { padding-bottom: 32px; } @media (max-width: 767px) { .myNews .myNews__notificationBox { height: 430px; } .myNews .myNews__notificationBox--short { height: 260px; } } @media (max-width: 991px) and (min-width: 768px) { .myNotification { height: 200px; } } @media (min-width: 768px) { .myNews .myNews__notificationBox { height: 515px; } } @media (min-width: 992px) { .myNotification { min-height: 200px; } } .myNotification__logo { display: none; } #notificationData .myNotification__logo { display: inline-block; margin-left: 50px; } @media (min-width: 768px) { .myNotification__email { right: 10px; } .myNotification__mobil { left: 20px; } .myNotification__mobil, .myNotification__email { width: 365px; } } @media (min-width: 992px) { .myNotification__mobil, .myNotification__email { width: 465px; } } @media (max-width: 767px) { .myNews__notificationBox__checkboxes { display: inline-block; position: absolute; bottom: 0px; left: 15px; } } @media (max-width: 991px) and (min-width: 768px) { .myWinningNumber__notificationBox { height: 150px; margin-bottom: 20px; } } @media (min-width: 768px) { .myWinningNumber__notificationBox__checkboxes { margin: 0px 0px 0px 70px; } .myWinningNumber__notificationBox__productHead { margin: 15px 0px 0px 70px; } } @media (max-width: 767px) { .myWinningNumber__notificationBox__logo { height: 45px; width: 45px; margin: 5px 0 0 0px; } } .myWinningNumber__notificationBox__logo { margin-left: 5px; } .myWinningNumber__notificationBox__logo--ejp, .myWinningNumber__notificationBox__logo--lotto, .myWinningNumber__notificationBox__logo--gls { background-size: 40px; } .myWinningNumber__notificationBox__productHead { margin: 15px 0px 0px 65px; } .myWinningNumber__notificationBox__checkboxes { margin: 0px 0px 0px 65px; } @media (min-width: 768px) { .myWinningNumber__notificationBox__productHead { margin: 15px 0px 0px 65px; } .myWinningNumber__notificationBox__checkboxes { margin: 0px 0px 0px 65px; } } .myWinningNumber { padding-bottom: 20px; } .myNews__notificationBox, .myNews__notificationBox--short, .myWinningNumber__notificationBox { background: #F3F3F3; border-radius: 4px; } @media (min-width: 992px) { .myWinningNumber__notificationBox { height: 140px; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; } } .icon-Jackpot-Alarm:before, .icon-WoechentlicheNews:before, .icon-Highlights:before, .icon-gewinnbenachrichtigungen:before { content: ""; background-repeat: no-repeat; background-size: 100%; display: block; width: 80px; height: 80px; margin: 0 auto; } .icon-Jackpot-Alarm:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/benachrichtigungen/jackpotalarm-grau.svg'); } .icon-WoechentlicheNews:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/benachrichtigungen/news_grau.svg'); } .icon-Highlights:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/benachrichtigungen/vip-grau.svg'); } .icon-gewinnbenachrichtigungen:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/benachrichtigungen/jackpotalarm-grau.svg'); } #notificationData .row.myNotification { background-color: #F3F3F3; } .contentbox.subscriptions { padding: 20px; } .contentbox.subscriptions .col-xs-3.logo { width: 80px; height: 80px; } .contentbox.subscriptions .formHead .logo { padding: 0px; margin-left: 15px; margin-right: 0px; } .contentbox.subscriptions .formHead h5 { word-wrap: normal; word-break: normal; font-weight: normal; color: #515151; } .contentbox.subscriptions .question h4 { font-weight: normal; color: #515151; } .contentbox.subscriptions .question p, .contentbox.subscriptions .formHead p { line-height: 22px; } .contentbox.subscriptions > .row:nth-child(2) { display: none; } /*--- notifications.less END ---*/ /*--- avs.less START ---*/ @media (min-width: 768px) { .postidentBlockContainer__borderRight { border-right: 10px solid white; } .postidentBlockContainer__borderLeft { border-left: 10px solid white; } } .postidentBlockContainer__borderRight .postidentBlock, .postidentBlockContainer__borderLeft .postidentBlock, body[data-page="/register/avsInfo"] .avs-code, body[data-page="/register/avsInfo"] .account-data { position: relative; } .postidentBlockContainer__borderRight .postidentBlock:before, .postidentBlockContainer__borderLeft .postidentBlock:before, body[data-page="/register/avsInfo"] .avs-code:before, body[data-page="/register/avsInfo"] .account-data:before { display: block; position: absolute; background: #ffd800; color: #333333; width: 50px; height: 50px; border-radius: 50px; text-align: center; font-size: 30px; font-family: 'WebSans', Arial, sans-serif; line-height: 25px; padding: 12px 0 0; top: 15px; left: 15px; } .postidentBlockContainer__borderRight .postidentBlock:before, .postidentBlockContainer__borderLeft .postidentBlock:before, body[data-page="/register/avsInfo"] .avs-code:before, body[data-page="/register/avsInfo"] .account-data:before { content: "1."; } .postidentBlockContainer__borderLeft .postidentBlock:before, body[data-page="/register/avsInfo"] .avs-code:before { content: "2."; } @media (max-width: 992px) { #btPostIdent { height: auto; } } .postidentBlock__image { border: none; } .postidentBlockContainer.postidentBlockContainer__borderLeft img, .postidentBlockContainer.postidentBlockContainer__borderRight img { display: block; -moz-box-sizing: border-box; box-sizing: border-box; width: 253px; height: 253px; padding-left: 253px; background-size: contain; margin: 0 auto; } @media (min-width: 992px) { .postidentBlockContainer.postidentBlockContainer__borderLeft img, .postidentBlockContainer.postidentBlockContainer__borderRight img { width: 409px; height: 270px; padding-left: 409px; } } .postidentBlockContainer.postidentBlockContainer__borderRight img { background: url('//js.ui-portal.de/test/lotto24/img/webde/misc/postident_step1_460x300.png') no-repeat center; } .postidentBlockContainer.postidentBlockContainer__borderLeft img { background: url('//js.ui-portal.de/test/lotto24/img/webde/misc/postident_step2_460x300.png') no-repeat center; } .postidentBlock { padding: 15px; width: auto; } @media (min-width: 768px) and (max-width: 992px) { .postidentBlock { height: 510px; } } @media (min-width: 992px) { .postidentBlock { height: 490px; } } @media (min-width: 768px) { .avs-code, .account-data { height: 490px; } } @media (min-width: 992px) { .avs-code, .account-data { height: 540px; } } .account-data__account-data-text, .avs-code__av-code-text { font-size: 14px; line-height: 22px; } h3.postidentBlock__headline { margin-bottom: 0; font-size: 20px; line-height: 27px; font-family: 'WebSans', Arial, sans-serif; } .postidentBlock__textblock { font-size: 16px; line-height: 25px; } .avs-code__confirm { width: auto; } @media (max-width: 767px) { .avs-code__confirm { width: 100%; } } .avs-code__av-code-img { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/avs/avs_step2_460x300.png'); background-repeat: no-repeat; background-position: 50% 0px; height: 200px; width: 283px; border: none; margin-bottom: 0; background-size: contain; } @media (min-width: 768px) { .avs-code__av-code-img { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/avs/avs_step2_460x300.png'); background-repeat: no-repeat; background-position: 50% 0px; height: 200px; width: 340px; border: none; margin-bottom: 0; background-size: contain; } } @media (min-width: 768px) and (max-width: 991px) { .avs-code__av-code-img { margin-bottom: 20px; } } @media (min-width: 992px) { .avs-code__av-code-img { height: 245px; } } .account-data.account-data--available { border: none; background: #E2F2D9; border-radius: 4px; } @media (min-width: 768px) { .account-data__icons { margin: 0 auto; padding-top: 120px; float: none; height: 200px; } } @media (max-width: 991px) { .account-data__icons { margin-bottom: 20px; } } @media (min-width: 992px) { .account-data__icons { height: 245px; } } @media (max-width: 767px) { .account-data__icons { height: auto; } } @media (min-width: 768px) { .account-data__alright--available { top: 135px; right: inherit; left: 30px; } } @media (min-width: 768px) { .account-data__account-data-details { position: relative; } .account-data__account-data-details--available { position: absolute; top: 15px; left: 100px; text-align: left; font-family: 'WebSans', Arial, sans-serif; clear: both; margin-bottom: 20px; } .account-data__account-data-details__headline { margin: 0; } } @media (min-width: 768px) { .account-data__edit-link { margin: 0; } .account-data__edit-link:before { display: none !important; } } @media (min-width: 992px) { .account-data__alright--available { top: 170px; right: inherit; left: 30px; } .account-data__account-data-details--available { clear: both; margin-bottom: 20px; } } .account-data__account-data-text, .avs-code__av-code-text { font-size: 14px; line-height: 22px; } .avs-code h3, .account-data h3 { margin-bottom: 0; font-size: 20px; line-height: 27px; font-family: 'WebSans', Arial, sans-serif; } .account-data__account-data-details, .account-data__account-data-details__headline { font-size: 15px; line-height: 24px; } .postidentHeader { font-family: 'WebSans', Arial, sans-serif; font-size: 20px; line-height: 27px; } @media (min-width: 768px) { .postidentHeader { font-size: 36px; } } .account-data.account-data--available .alright-icon { display: none; } body[data-page="/register/avsInfo"] .account-data.account-data--available:before { content: ""; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/alright.svg') transparent; background-size: 60px; background-position: -5px; } .avs-code, .account-data { margin-left: 0; margin-right: 0; padding: 15px; } @media (min-width: 768px) and (max-width: 991px) { .avs-code, .account-data { min-height: 545px; } } @media (min-width: 992px) { .avs-code, .account-data { min-height: 560px; } } @media (min-width: 992px) { .avs-code__confirm { margin-top: 0px; } } @media (min-width: 768px) { body[data-page="/register/avsInfo"] .account-data__confirm, body[data-page="/register/avsInfo"] .avs-code__confirm { position: absolute; bottom: 15px; left: 15px; } } /*--- avs.less END ---*/ /*--- bestellbestaetigung.less START ---*/ .myNews .myNews__notificationBox.purchaseSucceeded { height: auto !important; } .trustedshops__text { font: 400 14px / 22px Verdana, Arial, Helvetica, sans-serif; } /*--- bestellbestaetigung.less END ---*/ /*--- kontakt.less START ---*/ body[data-page="/common/contact"] .form-1col { width: 100%; } @media (max-width: 767px) { body[data-page="/common/contact"] .form-1col { margin: 0; } } body[data-page="/common/contact"] .form-1col a.form-1col__subtitle__new-line { display: inline-block; } @media (min-width: 768px) { body[data-page="/common/contact"] .form-1col .formfield { width: 50%; } body[data-page="/common/contact"] .form-1col .formfield:nth-child(3), body[data-page="/common/contact"] .form-1col .formfield:nth-child(4) { width: 100%; } } body[data-page="/common/contact"] .form-1col .input-hint--error { position: relative; top: 0; left: 0; right: initial; background-color: #FFFFFF; border: none; box-shadow: none; color: #D40000; font-size: 16px; margin: 0; padding: 5px 0px; } @media (max-width: 767px) { body[data-page="/common/contact"] .form-1col .input-hint--error:before { content: none; display: none; } } body[data-page="/common/contact"] .form-1col .form-1col__element > .form-1col__element__select { padding-left: 10px !important; padding-right: 10px !important; width: 100%; } body[data-page="/common/contact"] .form-1col button#submit-button { float: right; } /*--- kontakt.less END ---*/ /*--- fees.less START ---*/ body[data-page="/common/fees"] .product-table { margin-top: 15px; position: relative; } body[data-page="/common/fees"] .product-table.product-table--gls:before { top: 125px; } body[data-page="/common/fees"] .product-table.product-table--dfl:before { top: 105px; } @media (min-width: 768px) { body[data-page="/common/fees"] .product-table .ticket-header__banner__img { margin-bottom: 0; margin-top: 0; } body[data-page="/common/fees"] .product-table .jackpot { margin-right: 0px; margin-top: 0px; } body[data-page="/common/fees"] .product-table .jackpot.jackpot--dfl { margin-top: 15px; } } @media (min-width: 992px) { body[data-page="/common/fees"] .product-table .ticket-header__banner__img { margin-top: 0; } body[data-page="/common/fees"] .product-table .jackpot--dfl .jackpot__text { line-height: 24px; } } body[data-page="/common/fees"] .product-table .ticket-header { margin: 0; margin-bottom: 50px; border-bottom: 1px solid #DADADA; padding-bottom: 20px; } body[data-page="/common/fees"] .product-table.product-table--gls .product-logo--gls img.ticket-header__banner__img { padding-top: 70px; } @media (min-width: 992px) { body[data-page="/common/fees"] .product-table.product-table--gls .product-logo--gls img.ticket-header__banner__img { padding-top: 90px; } } body[data-page="/common/fees"] .product-table.product-table--gls .product-logo--gls .product-logo__jackpot { background-color: #c6071c; border-radius: 4px; color: white; font-weight: 400; margin-top: 25px; margin-right: 0px; width: 33%; font-family: "WebSans", Arial, sans-serif; font-size: 3.2em; text-align: center; padding-top: 5px; line-height: 41px; } body[data-page="/common/fees"] .product-table.product-table--gls .product-logo--gls .product-logo__jackpot:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(219, 0, 3, 0) #c90713 rgba(219, 0, 3, 0) rgba(219, 0, 3, 0); border-image: none; border-style: solid; border-width: 10px; content: " "; height: 0; margin-top: -10px; pointer-events: none; position: absolute; right: 33%; top: 9%; width: 0; } body[data-page="/common/fees"] .product-table.product-table--gls .product-logo--gls .product-logo__jackpot .product-logo__jackpot__label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 23px; } body[data-page="/common/fees"] .product-table.product-table--dfl .ticket-header__banner__img { box-sizing: border-box; background: url("//js.ui-portal.de/test/lotto24/img/webde/logo/DFL.svg") no-repeat; background-size: 220px; width: 220px; height: 73px; padding-left: 220px; } body[data-page="/common/fees"] .product-table.product-table--dwl { background: none; padding-bottom: 0; } body[data-page="/common/fees"] .product-table.product-table--dwl:before { top: 120px; } body[data-page="/common/fees"] .product-table.product-table--dwl .ticket-header__banner__jackpot { background-color: #c6071c; border-radius: 4px; color: white; font-weight: 400; margin-top: 25px; margin-right: 0px; width: 33%; font-family: "WebSans", Arial, sans-serif; font-size: 3.2em; text-align: center; padding-top: 5px; line-height: 41px; } body[data-page="/common/fees"] .product-table.product-table--dwl .ticket-header__banner__img { box-sizing: border-box; background: url("//js.ui-portal.de/test/lotto24/img/DeutscheWeihnachtslotterie_515151.svg") no-repeat; width: 302px; height: 89px; padding-left: 302px; } body[data-page="/common/fees"] .product-table.product-table .product-table__content--fees { margin: 0; } body[data-page="/common/fees"] .product-table__content.product-table__content--fees { padding: 0px 0px 40px 0px; background-color: #FFFFFF; } body[data-page="/common/fees"] .container.dropshadow .row { margin-bottom: 30px; margin-top: 10px; } body[data-page="/common/fees"] .container.dropshadow .row h3 { margin-bottom: 20px; } body[data-page="/common/fees"] .last-row { margin-bottom: 30px; } body[data-page="/common/fees"] .last-row .product-table__content__hint--small { display: block; font: 400 14px / 22px Verdana, Arial, Helvetica, sans-serif; } body[data-page="/common/fees"] .last-row a[href="#top"] { margin-bottom: 15px; } body[data-page="/common/fees"] .last-row .product-table a.further { font: 400 14px / 22px Verdana, Arial, Helvetica, sans-serif; display: block; float: left; margin-top: 15px; } body[data-page="/common/fees"] .last-row .inner-table-header { font-family: 'WebSans', Arial, sans-serif; } @media (max-width: 767px) { body[data-page="/common/fees"] .last-row h1 { font-size: 26px; line-height: 32px; } body[data-page="/common/fees"] .last-row .product-table__content h2.strong, body[data-page="/common/fees"] .last-row h2.strong { font-size: 20px; line-height: 27px; } body[data-page="/common/fees"] .last-row .jackpot.jackpot--empty { padding-left: 0; margin-left: 0; } body[data-page="/common/fees"] .last-row .jackpot.jackpot--empty span { font-size: 16px; } } @media (min-width: 768px) { body[data-page="/common/fees"] .last-row h1 { font-size: 56px; line-height: 56px; } body[data-page="/common/fees"] .last-row .product-table__content h2.strong, body[data-page="/common/fees"] .last-row h2.strong { font: 36px / 42px 'WebSans', Arial, sans-serif; } body[data-page="/common/fees"] .last-row .inner-table-header { font: 400 20px / 32px 'WebSans', Arial, sans-serif; } } @media (min-width: 768px) { body[data-page="/common/fees"] .last-row a.further--arrow:not(.confirm):not(.cancel):not(.optionen) { padding-right: 30px; } } body[data-page="/common/fees"] .last-row .last-row { margin-top: 0px; margin-bottom: 0px; } body[data-page="/common/fees"] .last-row .row div > h2, body[data-page="/common/fees"] .last-row .row + h3 { margin-top: 32px; margin-bottom: 12px; } body[data-page="/common/fees"] .last-row .confirm.further--arrow { margin: 12px 0px 24px 0px; } body[data-page="/common/fees"] .last-row .product-logo--gls img.ticket-header__banner__img { background-size: auto 80px; padding-top: 80px; width: 285px; } body[data-page="/common/fees"] .last-row .footerBoxes.service .serviceHeader > h2 { margin-top: 0px; } body[data-page="/common/fees"] .last-row .row.product-table:last-child { padding-bottom: 0px; } @media (min-width: 768px) { body[data-page="/common/fees"] .last-row .row.product-table { margin-bottom: 0px; } } .inner-table-row, .inner-table-header { height: auto; overflow: hidden; } @media (max-width: 767px) { .inner-table-row, .table__row__cell:not(.table__row__cell--header) { white-space: inherit; height: auto; overflow: hidden; font-size: 12px; line-height: 1.6; } .inner-table-header.align-middle { padding: 0 5px; } } .table { display: block; } /*--- fees.less END ---*/ /*--- zahlungsdaten.less START ---*/ @media (min-width: 768px) { body[data-page="/profile/payment"] .contentbox h2 { font-size: 36px; line-height: 42px; font-weight: 500; } } body[data-page="/profile/payment"] .payment-selection__method { background-color: #F3F3F3; border-radius: 4px; } body[data-page="/profile/payment"] .payment-selection__decorators { border: none; } body[data-page="/profile/payment"] .payment-method { padding: 10px; border: 1px solid #dadada; border-width: 1px 0px; margin: 0px; } body[data-page="/profile/payment"] .payment-method ~ .payment-method { border-top: 1px solid transparent; } body[data-page="/profile/payment"] .payment-method ~ .payment-method:hover { border-top: 1px solid transparent; } body[data-page="/profile/payment"] .payment-method ~ .payment-method ~ div { margin-top: 15px; } body[data-page="/profile/payment"] .payment-method:hover { padding: 10px; border: 1px solid #dadada; border-width: 1px 0px; } body[data-page="/profile/payment"] .payment-method__name { font-size: 18px; line-height: 24px; font-weight: 200; } @media (min-width: 768px) { body[data-page="/profile/payment"] .payment-method__name { flex: 0 0 140px; } } body[data-page="/profile/payment"] .payment-method__info { font-family: 'WebSans', Arial, sans-serif; line-height: 1.66666em; font-weight: 200; } body[data-page="/profile/payment"] .payment-method__edit { -webkit-box-flex: 0 0 32px; -webkit-flex: 0 0 32px; -moz-box-flex: 0 0 32px; -moz-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; } @media (min-width: 992px) { body[data-page="/profile/payment"] .payment-method__edit { -webkit-box-flex: 0 0 190px; -webkit-flex: 0 0 190px; -moz-box-flex: 0 0 190px; -moz-flex: 0 0 190px; -ms-flex: 0 0 190px; flex: 0 0 190px; } } body[data-page="/profile/payment"] .payment-method__logo { -webkit-box-flex: 0 0 65px; -webkit-flex: 0 0 65px; -moz-box-flex: 0 0 65px; -moz-flex: 0 0 65px; -ms-flex: 0 0 65px; flex: 0 0 65px; } body[data-page="/profile/payment"] .payment-method__logo:after, body[data-page="/profile/payment"] .payment-method__logo:before { content: none; } body[data-page="/profile/payment"] .payment-method__logo.payment-method__logo--direct-debit { background-size: 25px 25px, 50px 18px; background-position: 25px 10px, 13px 40px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/ec.svg'), url('//js.ui-portal.de/test/lotto24/img/webde/icon/sepa.svg'); width: 50px; height: 60px; background-repeat: no-repeat; } body[data-page="/profile/payment"] .payment-method__logo.payment-method__logo--credit-card { background-size: 40px 12px, 40px 24px; background-position: 13px 15px, 15px 30px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/visa.svg'), url('//js.ui-portal.de/test/lotto24/img/webde/icon/mastercard.svg'); width: 50px; height: 60px; background-repeat: no-repeat; } body[data-page="/profile/payment"] .payment-method__edit__button .payment-method__edit__label { font-family: 'WebSans', Arial, sans-serif; color: #1C8AD9; margin-right: 10px; } body[data-page="/profile/payment"] .payment-method__edit__button .payment-method__edit__label:hover { text-decoration: underline; } body[data-page="/profile/payment"] .payment-method__edit__button:after { content: ""; width: 32px; height: 32px; background: transparent url('//js.ui-portal.de/test/lotto24/img/webde/icon/edit-web-default.svg') no-repeat 0px 4px; background-size: 24px 24px; } body[data-page="/profile/payment"] .payment-method__edit__button.payment-method__edit__button--edit:after, body[data-page="/profile/payment"] .payment-method__edit__button.payment-method__edit__button--addNew:after { content: ""; } body[data-page="/profile/payment"] .payment-method__edit__button.payment-method__edit__button--edit:hover:after { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/edit-web-hover.svg'); background-size: 24px 24px; } body[data-page="/profile/payment"] .payment-method__edit__button.payment-method__edit__button--addNew:after { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/circle-plus-web-grey.svg'); background-size: 24px 24px; } body[data-page="/profile/payment"] .payment-method__edit__button.payment-method__edit__button--addNew:hover:after { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/circle-plus-web-blue.svg'); background-size: 24px 24px; } body[data-page="/profile/payment"] .payment-actions__link { width: auto; } body[data-page="/profile/payment"] #notification, body[data-page="/profile/payment"] #player { margin: 0px 0px 10px 0px; } body[data-page="/profile/payment"] #player { margin-right: 10px; } /*--- zahlungsdaten.less END ---*/ /*--- header.less START ---*/ .content-wrapper .container:first-child > .row { background-color: #FFFFFF; } @media (min-width: 480px) { .content-wrapper .container:first-child > .row { border-top: 4px solid #ffd800; } } @media screen and (min-width: 768px) and (max-width: 991px) { .content-wrapper .container:first-child > .row { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .content-wrapper .container:first-child .row { height: 96px; } } @media (min-width: 480px) and (max-width: 767px) { .content-wrapper .container:first-child .row > div:nth-child(-n+3) { position: absolute; } } @media (max-width: 767px) { .content-wrapper .container:first-child .row { height: 72px; } .content-wrapper .container:first-child .row > div:nth-child(-n+3) { width: 100%; left: 0; top: 0; min-height: 0; height: 0; margin: 0; padding: 0; } } @media (max-width: 479px) { .content-wrapper .container:first-child .row { height: 48px; background-color: #ffd800; } .content-wrapper .container:first-child > .row:first-child { background-color: #ffd800; } } @media (max-width: 479px) and (max-width: 479px) { .content-wrapper .container:first-child:before { content: 'WEB.DE'; font-family: 'WebSans', Arial, sans-serif; color: #000000 !important; position: absolute; left: 0px; right: 0px; width: 100%; font-size: 20px; height: 48px; font-weight: bold; line-height: 48px; text-align: center; } } @media (min-width: 768px) { .content-wrapper .container:first-child .row-hotline-partner { top: -4px; font-size: 11px; color: #717171; } .content-wrapper .container:first-child .row-hotline-partner .hotline__number { color: #717171; } } @media (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner { min-height: 60px; margin-top: -1px !important; border-top: 0px; border-top: 1px solid #DADADA; font-size: 10px; padding: 5px 20px 10px 20px !important; color: #717171; background-color: transparent; } .content-wrapper .container:first-child .row-hotline-partner .hotline__number { color: #717171; } .content-wrapper .container:first-child .row-hotline-partner .hotline { display: block; text-align: right; line-height: 15px; position: relative; top: 28px; } } @media (max-width: 767px) and (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner .hotline__number { display: none; } } @media (max-width: 479px) { .content-wrapper .container:first-child .row-hotline-partner { background-color: transparent; border-top: 0px; } .content-wrapper .container:first-child .row-hotline-partner .hotline { top: 2px; } } @media (max-width: 340px) { .content-wrapper .container:first-child .row-hotline-partner { font-size: 9px; } } .content-wrapper .container:first-child .row-hotline-partner .contact { position: absolute; right: 125px; top: 7px; } @media (min-width: 480px) and (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner .contact { top: 18px; } } @media (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner .contact { right: 70px; } } .content-wrapper .container:first-child .row-hotline-partner .contact a:before { content: ''; display: block; position: absolute; top: -27px; left: 16px; width: 27px; height: 27px; background-size: 100%; margin: 0; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/kontakt-default.svg'); } @media (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner .contact a:before { top: 5px; } } @media (max-width: 479px) { .content-wrapper .container:first-child .row-hotline-partner .contact a:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/kontakt-schwarz.svg'); } } .content-wrapper .container:first-child .row-hotline-partner .contact a:hover:before, .content-wrapper .container:first-child .row-hotline-partner .contact a:focus:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/kontakt-hover.svg'); } .content-wrapper .container:first-child .row-hotline-partner .contact a .icon-mail { display: none; } .content-wrapper .container:first-child .row-hotline-partner .contact a, .content-wrapper .container:first-child .row-hotline-partner .contact a:link, .content-wrapper .container:first-child .row-hotline-partner .contact a:visited { color: #717171; text-decoration: none; } @media (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner .contact a, .content-wrapper .container:first-child .row-hotline-partner .contact a:link, .content-wrapper .container:first-child .row-hotline-partner .contact a:visited { color: transparent; } } .content-wrapper .container:first-child .row-hotline-partner .contact a:hover { color: #1C8AD9; text-decoration: none; } @media (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner .contact a:hover { color: transparent; } } .content-wrapper .container:first-child .row-hotline-partner .contact.hidden-xs { display: block !important; } .content-wrapper .container:first-child .row-hotline-partner .hotline { position: absolute; right: 180px; top: -11px; color: transparent; } .content-wrapper .container:first-child .row-hotline-partner .hotline__number { font-family: 'WebSans', Arial, sans-serif; font-size: 20px; font-weight: 200; color: #717171; } .content-wrapper .container:first-child .row-hotline-partner .hotline__number:after { content: "|"; margin-left: 5px; } .content-wrapper .container:first-child .row-hotline-partner .partner { position: absolute; top: -55px; right: 15px; color: #333333; } .content-wrapper .container:first-child .row-hotline-partner .partner .l24 { background-size: 20px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/l24-icon.svg'); display: inline-block; width: 20px; height: 20px; position: relative; margin-right: 10px; top: 4px; } @media screen and (min-width: 768px) and (max-width: 991px) { .content-wrapper .container:first-child .row-hotline-partner .partner .l24 { margin-right: 22px; } } @media (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner .partner .l24 { background-size: 15px; width: 15px; height: 15px; margin-right: 0px; top: 3px; } } .content-wrapper .container:first-child .row-hotline-partner .partner .partner__logo { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/logo-lottopartner-grey.svg'); background-size: 62px 16px; padding-top: 16px; } @media (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner .partner { display: block; text-align: right; line-height: 15px; } .content-wrapper .container:first-child .row-hotline-partner .partner .partner__logo { width: 62px; } .content-wrapper .container:first-child .row-hotline-partner .partner:after { content: 'LOTTO'; display: inline-block; } .content-wrapper .container:first-child .row-hotline-partner .partner .partner__logo { visibility: hidden; position: absolute; } } @media (min-width: 480px) and (max-width: 767px) { .content-wrapper .container:first-child .row-hotline-partner .partner { position: absolute; top: 128px; right: 20px; } } @media (max-width: 479px) { .content-wrapper .container:first-child .row-hotline-partner .partner { position: absolute; top: 104px; right: 20px; } } @media (max-width: 479px) { .content-wrapper .container:first-child .company-logo__link-home { display: block; height: 30px; position: absolute; right: 0; left: 0; width: 210px; padding-top: 0px; top: -15px; overflow: hidden; } } @media (max-width: 350px) { .content-wrapper .container:first-child .company-logo__link-home { width: 150px; } } @media (min-width: 768px) { .content-wrapper .container:first-child .company-logo__image { margin: 0px; } } .content-wrapper .container:first-child .company-logo { float: left; } .content-wrapper .container:first-child .company-logo__image { background: url('//js.ui-portal.de/test/lotto24/img/webde/logo/webde-logo-2019.svg') no-repeat 0 0; background-size: 56px; width: 56px; height: 56px; padding-top: 56px; } @media (max-width: 767px) { .content-wrapper .container:first-child .company-logo__image { background-size: 57px; margin-left: 6px; margin-top: 5px; } .content-wrapper .container:first-child .company-logo__image:after { top: 0; } } @media (max-width: 479px) { .content-wrapper .container:first-child .company-logo__image { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .content-wrapper .container:first-child .company-logo { top: 5px; } } .content-wrapper .container:first-child .company-logo :after { font-family: 'WebSans', Arial, sans-serif; content: 'Lotto'; display: block; color: #FFFFFF; color: #717171; line-height: 60px; position: absolute; left: 80px; font-weight: 300; top: 2px; font-size: 24px; } @media (max-width: 479px) { .content-wrapper .container:first-child .company-logo :after { display: none; } } @media (min-width: 768px) { .content-wrapper .container:first-child .company-logo :after { font-size: 32px; line-height: 70px; left: 111px; font-weight: 100; font-size: 40px; line-height: 56px; left: 81px; } } .content-wrapper .container:first-child .company-logo__link-lotto { display: none; } @media (min-width: 768px) { .content-wrapper .container:first-child .company-logo { height: auto; left: 5px; top: 10px; top: 16px; } } @media (max-width: 767px) { .content-wrapper body[data-page^="/product/fernsehlotterie"] .content-wrapper .container:first-child .row-hotline-partner .partner:after { content: ''; display: none; } } @media (min-width: 768px) and (max-width: 991px) { .content-wrapper body[data-page^="/product/fernsehlotterie"] .content-wrapper .container:first-child .row-hotline-partner .partner { top: 0px; right: 305px; } } .content-wrapper .menuButton { margin-left: 20px; margin-top: 18px; } .content-wrapper .menuButton .icon-options-kreis { margin-left: 0px; } @media (min-width: 768px) { .content-wrapper .menuButton { height: 34px; width: 34px; } } @media (max-width: 767px) { .content-wrapper .menuButton { height: 34px; width: 34px; } } @media (max-width: 479px) { .content-wrapper .menuButton { margin-top: 6px; } } @media (min-width: 768px) { .content-wrapper .basket-link { top: 30px; right: 0; z-index: 1001; } } @media (max-width: 767px) { .content-wrapper .basket-link { right: 15px; } } @media (min-width: 480px) and (max-width: 767px) { .content-wrapper .basket-link { top: 24px; } } @media (max-width: 479px) { .content-wrapper .basket-link { top: 12px; } } @media (min-width: 768px) { .content-wrapper .basket-link:hover .basket-link__label, .content-wrapper .hover.basket-link .basket-link__label, .content-wrapper .basket-link:active .basket-link__label { background-image: none; } } .content-wrapper .menu__item--mymenu { top: -64px; } .content-wrapper .basket-link span.hidden-xs, .content-wrapper .menu__item--mymenu span.hidden-xs, .content-wrapper .basket-link span.menuicon-further-text, .content-wrapper .menu__item--mymenu span.menuicon-further-text { display: block; font-size: 9px; line-height: 9px; text-align: center; color: #717171; } .content-wrapper .basket-link:hover > a:first-child, .content-wrapper .menu__item--mymenu:hover > a:first-child { background-image: none; } .content-wrapper .basket-link:hover span.hidden-xs, .content-wrapper .menu__item--mymenu:hover span.hidden-xs, .content-wrapper .basket-link:hover span.menuicon-further-text, .content-wrapper .menu__item--mymenu:hover span.menuicon-further-text, .content-wrapper .basket-link.open span.menuicon-further-text, .content-wrapper .menu__item--mymenu.open span.menuicon-further-text { color: #1C8AD9; } .content-wrapper .basket-link__label, .content-wrapper .menu__item--mymenu .menu__item__link { background-image: none; } .content-wrapper .icon-cartnavi:before, .content-wrapper .icon-usernavi:before, .content-wrapper .icon-user2-kreis:before, .content-wrapper .icon-cart-kreis, .content-wrapper .icon-options-kreis:before { display: none !important; } .content-wrapper .basket-link__counter { background-color: #D40000; border-radius: 4px; color: #FFFFFF; display: block; font-size: 11px; line-height: 16px; margin: -5px 0 0 16px; padding: 0; position: absolute; width: auto; min-width: 16px; height: 16px; top: -3px; text-align: center; z-index: 1; } @media (min-width: 768px) { .content-wrapper .basket-link__counter { margin: 0px 0 0 40px; } } .content-wrapper .menu__item--more .icon-options-kreis { background-image: none; display: none !important; } .content-wrapper .menuicon, .content-wrapper .home-icon, .content-wrapper .icon-options-kreis, .content-wrapper .icon.icon-cartnavi, .content-wrapper .icon-user2-kreis { background-repeat: no-repeat; background-position: center; background-size: 100%; display: inline-block !important; margin: -4px 9px 0px -2px; padding: 0px; height: 32px; width: 32px; } @media (min-width: 768px) { .content-wrapper .menuicon, .content-wrapper .home-icon, .content-wrapper .icon-options-kreis, .content-wrapper .icon.icon-cartnavi, .content-wrapper .icon-user2-kreis { display: none !important; } } @media (min-width: 768px) { .content-wrapper .icon-options-kreis, .content-wrapper .icon.icon-cartnavi, .content-wrapper .icon-user2-kreis { display: block !important; margin: 0px 13px 5px 13px; float: none; } } .content-wrapper .menu__item__link .menuicon-further { margin-bottom: 3px; } .content-wrapper .home-icon { height: 24px; width: 24px; margin-top: 2px; position: relative; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/home-grau.svg'); } @media (min-width: 768px) { .content-wrapper .home-icon:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/home-blau-hover.svg'); } } @media (max-width: 767px) { .content-wrapper .home-icon { margin-top: 12px; } } @media (min-width: 768px) { .content-wrapper .home-icon { display: block !important; float: left; position: relative; margin-right: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .content-wrapper .home-icon:after { right: -8px; } } .content-wrapper .home-icon:after { border-right: 1px solid #C2C2C2; content: ''; display: block; height: 20px; position: absolute; right: -14px; top: 2px; } @media (max-width: 767px) { .content-wrapper .home-icon:after { right: -11px; } } .content-wrapper .icon-options-kreis { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/hamburger-default.svg'); } @media (min-width: 768px) { .content-wrapper .icon-options-kreis:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/hamburger-hover.svg'); } } @media (max-width: 479px) { .content-wrapper .icon-options-kreis { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/hamburger-schwarz.svg'); } } .content-wrapper .icon.icon-cartnavi { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/cart-default.svg'); } .basket-link:hover .content-wrapper .icon.icon-cartnavi { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/cart-hover.svg'); } @media (min-width: 768px) { [data-page="/basket/basket"] .content-wrapper .icon.icon-cartnavi { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/cart-hover.svg'); } [data-page="/basket/basket"] .content-wrapper .icon.icon-cartnavi + span, [data-page="/basket/basket"] .content-wrapper .icon.icon-cartnavi + span + span { color: #1C8AD9; } } @media (max-width: 479px) { .content-wrapper .icon.icon-cartnavi { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/cart_schwarz.svg'); } } .content-wrapper .icon-user2-kreis { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/mein_konto-blau.svg'); } @media (min-width: 768px) { .content-wrapper .icon-user2-kreis { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/mein_konto-default.svg'); } [data-page^="register."] .content-wrapper .icon-user2-kreis, [data-page^="/depot/"] .content-wrapper .icon-user2-kreis, [data-page^="/profile/"] .content-wrapper .icon-user2-kreis, [data-page^="/payment/"] .content-wrapper .icon-user2-kreis { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/mein_konto-hover.svg'); } [data-page^="register."] .content-wrapper .icon-user2-kreis + span, [data-page^="/depot/"] .content-wrapper .icon-user2-kreis + span, [data-page^="/profile/"] .content-wrapper .icon-user2-kreis + span, [data-page^="/payment/"] .content-wrapper .icon-user2-kreis + span, [data-page^="register."] .content-wrapper .icon-user2-kreis + span + span, [data-page^="/depot/"] .content-wrapper .icon-user2-kreis + span + span, [data-page^="/profile/"] .content-wrapper .icon-user2-kreis + span + span, [data-page^="/payment/"] .content-wrapper .icon-user2-kreis + span + span { color: #1C8AD9; } .menu__item--mymenu:hover .content-wrapper .icon-user2-kreis { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/mein_konto-hover.svg'); } } .content-wrapper .menuicon.menuicon--lotto { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/lotto-blau.svg'); } .content-wrapper .menuicon.menuicon--ejp { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/ejp-blau.svg'); } .content-wrapper .menuicon.menuicon--gls { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/gls-blau.svg'); } .content-wrapper .menuicon.menuicon--keno { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/keno-blau.svg'); } .content-wrapper .menuicon.menuicon--lotteryClub { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/spielgemeinschaften-blau.svg'); } .content-wrapper .menuicon.menuicon--duolotto { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/duolotto-blau.svg'); } @media (min-width: 768px) and (max-width: 991px) { .content-wrapper ul.menu .menu__item:first-child a.menu__item__link.menu__item__link--nosubmenu, .content-wrapper ul.menu .menu__item.menu__item--contact a.menu__item__link.menu__item__link--nosubmenu { margin: 0px 10px; } } @media (min-width: 768px) { .content-wrapper .menu__item--mymenu:active a.menu__item__link, .content-wrapper .basket-link:active a.basket-link__label { background-image: none; } } @media (min-width: 768px) { .content-wrapper .menu__item--mymenu a.menu__item__link { height: 34px !important; padding: 0px !important; } } @media (max-width: 767px) { .content-wrapper .menu__item--mymenu span.menuicon-further-text { color: #515151; font-size: 16px; line-height: 30px; text-align: left; } .content-wrapper .menu__item--mymenu:hover span.menuicon-further-text, .content-wrapper .menu__item--mymenu.open span.menuicon-further-text { color: #1C8AD9; } .content-wrapper .menu__item--mymenu span.icon-usernavi { display: none !important; } } .content-wrapper ul.menu .menu__item--mymenu .menu__item__submenu { margin-top: -1px !important; padding: 20px 0px; } .content-wrapper ul.menu .menu__item--mymenu .menu__item__submenu .icon { display: none; } .content-wrapper .basket-link { font-size: 16px; line-height: 1.75em; } .content-wrapper .basket-link:hover .icon.icon-cartnavi { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/cart-hover.svg'); } .content-wrapper .basket-summary { font-family: 'WebSans', Arial, sans-serif; font-size: 16px; line-height: 1.75em; } .content-wrapper .basket-summary__price { margin-bottom: 0px; } @media (min-width: 768px) { .content-wrapper .basket-summary { font-size: 0.8em; } } @media (min-width: 992px) { .content-wrapper .basket-summary { font-size: 16px; } } .content-wrapper .menu__item--mymenu .menu__item__submenu, .content-wrapper .basket-summary { right: 0px; width: 300px; border-radius: 4px; background-color: #FFFFFF; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 1px solid #DADADA; } .content-wrapper .menu__item--mymenu .menu__item__submenu:before { left: auto; right: 20px; width: 20px; height: 10px; top: -9px; border-left-width: 10px; border-right-width: 10px; border-bottom-width: 10px; border-bottom-color: #FFFFFF; } .content-wrapper .menu__item--mymenu .menu__item__submenu:after, .content-wrapper .basket-summary:after { content: ""; position: absolute; width: 13px; height: 13px; background: #FFFFFF; top: -6px; right: 25px; box-shadow: -1px -1px 7px -2px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .content-wrapper .menu__item--mymenu .menu__item__submenu li:first-child:before, .content-wrapper .basket-summary .basket-summary__list:before { content: ''; width: 30px; height: 15px; z-index: 9; position: absolute; top: 0px; right: 15px; background: #FFFFFF; display: none; } @media (min-width: 768px) { .content-wrapper .menu__item--mymenu .menu__item__submenu li:first-child:before, .content-wrapper .basket-summary .basket-summary__list:before { display: block; } } .content-wrapper .basket-summary .myBasketData .pull-right { float: none !important; } .content-wrapper .basket-summary a.confirm.middle { position: relative; margin-top: 40px; } .content-wrapper .basket-summary:before { display: block; width: 300px; position: absolute; left: 0px; top: auto; bottom: 75px; height: 9px; background: transparent url('//js.ui-portal.de/test/lotto24/img/webde/misc/zickzack.png') no-repeat left top; border: none; } @media (min-width: 992px) { .content-wrapper .basket-summary:before { bottom: 80px; } } .content-wrapper .with-menu .menu:before { display: none; } .content-wrapper ul.menu { border: 0px; text-align: left; display: block; margin-bottom: 0px; position: relative; min-height: inherit; background-color: #F3F3F3; height: 48px; } @media (min-width: 768px) { .content-wrapper ul.menu:after, .content-wrapper ul.menu:before { content: ''; position: absolute; top: 0; bottom: 0; right: 100%; background: #F3F3F3; width: 9600px; } } @media (min-width: 768px) { .content-wrapper ul.menu:after { left: 100%; background: #F3F3F3; } } @media (min-width: 768px) { .content-wrapper ul.menu { top: 0px; } } @media (max-width: 767px) { .content-wrapper ul.menu { position: absolute; min-height: auto; background-color: #FFFFFF; bottom: 0px; border-right: 1px solid #DADADA; height: auto; } .content-wrapper ul.menu .menuicon { margin-left: 0px; } .content-wrapper ul.menu .open .menuicon { margin-left: 1px; } .content-wrapper ul.menu .open .icon-user2-kreis { margin-left: -1px; } } @media (max-width: 767px) { .content-wrapper ul.menu { border-top: 4px solid #ffd800; margin-top: -4px; } } .content-wrapper ul.menu .menu__item { font-family: 'WebSans', Arial, sans-serif; font-weight: 200; background-image: none; display: block; float: left; } .content-wrapper ul.menu .menu__item:nth-last-child(2), .content-wrapper ul.menu .menu__item:nth-last-child(3) { color: red; } @media screen and (min-width: 768px) and (max-width: 1199px) { .content-wrapper ul.menu .menu__item:nth-last-child(2) ul, .content-wrapper ul.menu .menu__item:nth-last-child(3) ul { right: 0; } } .content-wrapper ul.menu .menu__item--mymenu { font-family: 'WebSans', Arial, sans-serif; } .content-wrapper ul.menu .menu__item--mymenu.hover .menu__item__link { background-image: none; } @media screen and (min-width: 768px) and (max-width: 991px) { .content-wrapper ul.menu .menu__item--mymenu { right: 15px; } } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item { padding: 0px; margin: 0px; height: 48px; } .content-wrapper ul.menu .menu__item .menu__item__link--login .menuicon-further-text, .content-wrapper ul.menu .menu__item .menu__item__link span:nth-child(3).menuicon-further-text { font-family: Verdana, Arial, Helvetica, sans-serif; } } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item[data-ng-class]:not(.menu__item--mymenu) .menu__item__submenu { display: none; visibility: hidden; } } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item[data-ng-class]:not(.menu__item--mymenu):hover > a, .content-wrapper ul.menu .menu__item[data-ng-class]:not(.menu__item--mymenu):focus > a, .content-wrapper ul.menu .menu__item[data-ng-class]:not(.menu__item--mymenu):active > a { border-top-left-radius: 4px; border-top-right-radius: 4px; z-index: 402; background-color: #1C8AD9; } } @media (max-width: 767px) { .content-wrapper ul.menu .menu__item:hover .menu__item__link { background-color: #D6EAF8; } } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item:hover .menu__item__link[data-trackid="menu.kontakt"] { border-bottom: 4px solid #1C8AD9; } } @media (max-width: 767px) { .content-wrapper ul.menu .menu__item:nth-child(n+7) .menu__item__link { padding-left: 20px; } .content-wrapper ul.menu .menu__item:nth-child(n+7) .menu__item__link .menuicon-further { display: none !important; } .content-wrapper ul.menu .menu__item:nth-child(n+1) a.menu__item__link { height: 48px; padding: 20px; } .content-wrapper ul.menu .menu__item:first-child a.menu__item__link { height: 68px; } .content-wrapper ul.menu .menu__item.open a.menu__item__link { color: #1C8AD9 !important; background-color: #F3F3F3; border-left: 4px solid #1C8AD9; border-bottom: 0px; padding-left: 15px; } .content-wrapper ul.menu .menu__item.open a.menu__item__link:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .content-wrapper ul.menu .menu__item.open .menu__item__submenu { background-color: #F3F3F3; margin-top: 0px; margin-left: 0px; width: 100%; } .content-wrapper ul.menu .menu__item.open .menu__item__submenu__item__link:before { display: none; } .content-wrapper ul.menu .menu__item.open .menu__item__submenu__item__link { font-size: 16px; background-color: #F3F3F3; } .content-wrapper ul.menu .menu__item.open.menu__item--mymenu ul.menu__item__submenu { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; } .content-wrapper ul.menu .menu__item.open.menu__item--mymenu ul.menu__item__submenu:after { display: none; } .content-wrapper ul.menu .menu__item.open.menu__item--mymenu ul.menu__item__submenu .menu__item__submenu__item--seperator { margin-bottom: 0; } .content-wrapper ul.menu .menu__item.open.menu__item--mymenu ul.menu__item__submenu .menu__item__submenu__item--seperator:before { display: none; } } @media (max-width: 479px) { .content-wrapper ul.menu .menu__item:first-child a.menu__item__link { height: 48px; margin-top: -4px; padding: 12px 20px; } } .content-wrapper ul.menu .menu__item a.menu__item__link { position: relative; font-weight: 200; font-size: 0.83333333em; line-height: 30px; height: 48px; padding: 9px 0px; margin: 0px 12px; } @media (min-width: 768px) and (max-width: 991px) { .content-wrapper ul.menu .menu__item a.menu__item__link { font-size: 0.66666667em; } } @media (max-width: 767px) { .content-wrapper ul.menu .menu__item a.menu__item__link { padding: 5px 0px; height: 40px; margin: 0px; position: relative; background-color: #FFFFFF; border-bottom: 1px solid #DADADA; } } .content-wrapper ul.menu .menu__item a.menu__item__link:visited, .content-wrapper ul.menu .menu__item a.menu__item__link:link, .content-wrapper ul.menu .menu__item a.menu__item__link:hover, .content-wrapper ul.menu .menu__item a.menu__item__link:focus { outline: 0; } .content-wrapper ul.menu .menu__item a.menu__item__link:visited, .content-wrapper ul.menu .menu__item a.menu__item__link:link { color: #333333; } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item a.menu__item__link.menu__item__link--nosubmenu { margin: 0px 20px; } } .content-wrapper ul.menu .menu__item--contact a.menu__item__link.menu__item__link--nosubmenu { margin-left: 10px; } @media (max-width: 767px) { .content-wrapper ul.menu .menu__item--contact a.menu__item__link.menu__item__link--nosubmenu { margin-left: 0px; } } .content-wrapper ul.menu .menu__item .js-logoutLink { display: none !important; } .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item__link--avs, .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item .confirm { font-family: 'WebSans', Arial, sans-serif; display: block !important; border-radius: 4px; float: none !important; font-size: 20px; font-weight: 500; height: inherit; line-height: 22px; width: 87%; text-align: center; margin: 0 auto; margin-top: -10px; margin-bottom: 15px; padding: 8px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item__link--avs.js-logoutLink, .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item .confirm.js-logoutLink { margin: 0 auto; } .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item__link--avs { background-color: #F3F3F3 !important; border: 1px solid #1C8AD9; color: #1C8AD9 !important; } .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item__link--avs:hover { background-color: #1C8AD9 !important; border: 1px solid #1C8AD9 !important; color: #FFFFFF !important; } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item__link--avs { font-family: 'WebSans', Arial, sans-serif; background-color: #FFFFFF !important; margin: 0 auto; } .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item__link--avs:hover { background-color: #1C8AD9 !important; border: 1px solid #FFFFFF; color: #FFFFFF !important; } } .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item .confirm { margin-top: 15px !important; } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item ul.menu__item__submenu .menu__item__submenu__item .confirm { margin-top: 0px !important; } } .content-wrapper ul.menu .menu__item .customerInfo { padding-left: 20px; } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item.menu__item--dfl:after { text-transform: uppercase; font-size: 9px; color: #515151; background-color: #ffd800; position: absolute; display: block; line-height: 10px; top: 4px; right: 4px; padding: 0px 4px; border-radius: 2px; z-index: 402; } .content-wrapper ul.menu .menu__item .menu__item__link__new { display: none; } } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item a.menu__item__link:not([class*="menu__item__link--"]) { padding: 9px 34px 9px 11px; margin: 0; } .content-wrapper ul.menu .menu__item a.menu__item__link:not([class*="menu__item__link--"]):before { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg') no-repeat; background-size: 100%; background-position: center; position: absolute; display: block; left: inherit; content: ''; top: 16px; right: 11px; height: 16px; width: 16px; margin-top: 0px; } .content-wrapper ul.menu .menu__item:hover a.menu__item__link:not([class*="menu__item__link--"]):before, .content-wrapper ul.menu .menu__item:focus a.menu__item__link:not([class*="menu__item__link--"]):before, .content-wrapper ul.menu .menu__item:active a.menu__item__link:not([class*="menu__item__link--"]):before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-weiss.svg'); } @supports (-ms-ime-align:auto) { .content-wrapper ul.menu .menu__item ul.menu .menu__item a.menu__item__link:not([class*="menu__item__link--"]):before, .content-wrapper ul.menu .menu__item ul.menu .menu__item:hover a.menu__item__link:not([class*="menu__item__link--"]):before, .content-wrapper ul.menu .menu__item ul.menu .menu__item:focus a.menu__item__link:not([class*="menu__item__link--"]):before, .content-wrapper ul.menu .menu__item ul.menu .menu__item:active a.menu__item__link:not([class*="menu__item__link--"]):before { background-size: 16px 16px !important; background-position: 0px 0px; } } .content-wrapper ul.menu .menu__item.menu__item--mymenu a.menu__item__link { margin-right: 0 !important; } .content-wrapper ul.menu .menu__item.menu__item--mymenu a.menu__item__link--login { margin-right: 2px !important; } .content-wrapper ul.menu .menu__item.menu__item--mymenu a.menu__item__link:hover { background-image: none; } .content-wrapper ul.menu .menu__item.menu__item--mymenu a.menu__item__link:before { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .content-wrapper ul.menu .menu__item a.menu__item__link:not([class*="menu__item__link--"]) { padding: 9px 24px 9px 7px; } .content-wrapper ul.menu .menu__item a.menu__item__link:not([class*="menu__item__link--"]):before { right: 6px; } } .content-wrapper ul.menu .menu__item .customerInfo { font-size: 0.8em; line-height: 1.6em; } .content-wrapper ul.menu .menu__item .customerInfo__name { font-size: 1.2em; } @media (min-width: 768px) and (max-width: 991px) { .content-wrapper ul.menu .menu__item .customerInfo__name { font-size: 1em; } } @media (max-width: 767px) { .content-wrapper ul.menu .menu__item a.menu__item__link { font-family: 'WebSans', Arial, sans-serif; color: #515151 !important; font-size: 16px; } .content-wrapper ul.menu .menu__item a.menu__item__link--login .icon-user2-kreis { margin: 0px 10px 0px 0px; } .content-wrapper ul.menu .menu__item a.menu__item__link--login .icon-usernavi { display: none !important; } .content-wrapper ul.menu .menu__item a.menu__item__link--login .menuicon-further-text { line-height: inherit; position: absolute; font-size: inherit; text-align: left; color: inherit; left: 60px; top: 20px; } .content-wrapper ul.menu .menu__item a.menu__item__link:before { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau2.svg') no-repeat; background-size: 100%; background-position: center; position: absolute; display: block; left: inherit; content: ''; top: 26px; right: 20px; height: 20px; width: 20px; margin: 0px; } .content-wrapper ul.menu .menu__item a.menu__item__link--nosubmenu:before, .content-wrapper ul.menu .menu__item a.menu__item__link--login:before { display: none; } .content-wrapper ul.menu .menu__item:first-child .menu__item__link:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/close-grau.svg'); } .content-wrapper ul.menu .menu__item:first-child:hover .menu__item__link:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/close-blau.svg'); } .content-wrapper ul.menu .menu__item:hover a.menu__item__link:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-blau2.svg'); } .content-wrapper ul.menu .menu__item a.menu__item__link[data-test-id="FernsehlotterieMenuLink"]:after { text-transform: uppercase; font-size: 9px; color: #515151; background-color: #ffd800; position: absolute; display: block; line-height: 10px; padding: 0px 4px; border-radius: 2px; top: 25px; right: 58px; } .content-wrapper ul.menu .menu__item .menu__item__link__new { display: none; } } .content-wrapper ul.menu .menu__item__submenu { background-color: #FFFFFF; border-radius: 4px; border-top-left-radius: 0px; margin-left: 0px; margin-top: -4px; margin-bottom: 0px; width: 300px; } .content-wrapper ul.menu .menu__item__submenu:before { display: none; } @media (min-width: 768px) and (max-width: 991px) { .content-wrapper ul.menu .menu__item__submenu { font-size: 0.7em; } } @media (min-width: 768px) { .content-wrapper ul.menu .menu__item__submenu { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 1px solid #DADADA; } } .content-wrapper ul.menu .menu__item__submenu .menu__item__submenu__item__link { color: #333333 !important; font-size: 16px; line-height: 40px; height: 40px; margin-top: 0px; padding: 0px 0px 0px 12px; } @media (min-width: 768px) and (max-width: 991px) { .content-wrapper ul.menu .menu__item__submenu .menu__item__submenu__item__link { font-size: 0.8125em; padding: 0px 0px 0px 8px; } } .content-wrapper ul.menu .menu__item__submenu .menu__item__submenu__item__link:hover { color: #333333 !important; background-color: #D6EAF8; } .content-wrapper ul.menu .menu__item__submenu .menu__item__submenu__item__link:visited, .content-wrapper ul.menu .menu__item__submenu .menu__item__submenu__item__link:link, .content-wrapper ul.menu .menu__item__submenu .menu__item__submenu__item__link:hover, .content-wrapper ul.menu .menu__item__submenu .menu__item__submenu__item__link:focus { outline: 0; } .content-wrapper ul.menu .menu__item--mymenu .menu__item__submenu__item__link { padding-left: 20px; } .content-wrapper ul.menu .menu__item--mymenu .menu__item__submenu { border-top-left-radius: 4px; } .content-wrapper ul.menu .menu__item__submenu--ejp .menu__item__submenu__item__jackpot { background-color: #8E5B26; color: #F7EA99 !important; margin-left: 8px; margin-right: 8px; border-radius: 4px; } .content-wrapper ul.menu .menu__item__submenu--ejp .menu__item__submenu__item__jackpot:hover { background-color: #72491E; } .content-wrapper ul.menu .menu__item__submenu--lotto .menu__item__submenu__item__jackpot { background-color: #C90713; margin-left: 8px; margin-right: 8px; border-radius: 4px; } .content-wrapper ul.menu .menu__item__submenu--lotto .menu__item__submenu__item__jackpot:hover { background-color: #A1060F; } @media (min-width: 768px) and (max-width: 991px) { .content-wrapper ul.menu .menu__item__submenu--ejp .menu__item__submenu__item__jackpot, .content-wrapper ul.menu .menu__item__submenu--lotto .menu__item__submenu__item__jackpot { font-size: 0.8125em; padding: 0 0 0 8px; } .content-wrapper ul.menu .menu__item__submenu--ejp .jackpotTeaserEuroJackpot .menu__item__submenu__item__jackpot, .content-wrapper ul.menu .menu__item__submenu--lotto .jackpotTeaserLotto .menu__item__submenu__item__jackpot { margin-top: 8px; } } @media (max-width: 767px) { .content-wrapper ul.menu .menu__item__submenu--ejp .jackpotTeaserEuroJackpot .menu__item__submenu__item__jackpot, .content-wrapper ul.menu .menu__item__submenu--lotto .jackpotTeaserLotto .menu__item__submenu__item__jackpot { font-size: 16px; padding-left: 4px; margin: 0px; } .content-wrapper ul.menu .menu__item__submenu--ejp .jackpotTeaserEuroJackpot, .content-wrapper ul.menu .menu__item__submenu--lotto .jackpotTeaserLotto { padding-left: 8px; padding-right: 8px; } } @media (min-width: 992px) { .content-wrapper ul.menu .menu__item.menu__item--dfl::after { right: 10px; } } .content-wrapper .background-row-hotline-partner { display: none; } /*--- header.less END ---*/ /*--- navi.less START ---*/ @media (max-width: 767px) { #contentArea { margin-top: -15px; padding-top: 25px; background-color: #FFFFFF; } } @media (min-width: 1025px) { .content-wrapper #contentArea { min-height: 780px; } } body:after { content: ""; background-color: #F3F3F3; width: 100%; height: 48px; position: absolute; top: 96px; z-index: -1; } nav { position: relative; background-color: #F3F3F3; height: 48px; font-family: 'WebSans', Arial, sans-serif; font-size: 16px; color: #515151; margin-left: -15px; margin-right: -15px; } @media (max-width: 767px) { nav { margin-top: 0px; } } @media (min-width: 768px) and (max-width: 991px) { nav { padding-left: 15px; padding-right: 15px; } } @media (min-width: 480px) and (max-width: 767px) { nav { padding-left: 25px; padding-right: 25px; } } @media (max-width: 479px) { nav { padding-left: 10px; padding-right: 10px; } } nav .navi { display: block; height: auto; margin: 0 auto; width: 100%; top: 0; border-top: none; } @media (max-width: 767px) { nav .navi .home-icon ~ .visible-xs { display: none !important; } } @media (min-width: 768px) { nav .navi { padding: 0 5px; } } @media (max-width: 767px) { nav .navi__item { width: auto; } } nav .navi__item:not(.navi__item--meinlotto):not(.navi__item--seperated) .navi__item__link:after { content: ''; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg') no-repeat; background-size: 100%; background-position: center; position: absolute; display: block; left: inherit; right: 0; top: 15px; height: 20px; width: 20px; margin-top: 0px; } @media (max-width: 479px) { nav .navi__item:not(.navi__item--meinlotto):not(.navi__item--seperated) .navi__item__link:after { top: 19px; height: 14px; width: 14px; } } @media (min-width: 480px) and (max-width: 767px) { nav .navi__item--seperated { width: 42px; } } @media (max-width: 479px) { nav .navi__item--seperated { width: 35px; } } nav .navi__item--seperated .navi__item__link, nav .navi__item--seperated .navi__item__link:link { padding-left: 0; padding-right: 0; margin: 0px; } @media (min-width: 768px) { nav .navi__item--seperated .navi__item__link, nav .navi__item--seperated .navi__item__link:link { margin: 0px 14px; margin-left: 20px; } } nav .navi__item--meinlotto { float: right; } nav .navi__item--meinlotto .navi__item__link { margin-right: 8px; margin-left: 0px; } @media (min-width: 768px) { nav .navi__item--meinlotto .navi__item__link { margin-left: 20px; margin-right: 20px; } nav .navi__item--meinlotto .navi__item__link:first-child { padding-right: 32px; } nav .navi__item--meinlotto .navi__item__link[href^="javascript"] { padding-right: 20px; } } nav .navi__item--meinlotto .navi__item__link span.naviicon-further-text:after { content: ''; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/mein_konto-grau.svg') no-repeat; background-size: 100%; background-position: center; position: absolute; display: block; left: inherit; top: 0; right: -38px; height: 32px; width: 32px; margin-top: 0px; } @media (min-width: 480px) and (min-width: 768px) { nav .navi__item--meinlotto .navi__item__link span.naviicon-further-text:after { top: -6px; } } @media (max-width: 479px) { nav .navi__item--meinlotto .navi__item__link span.naviicon-further-text:after { width: 20px; height: 20px; top: 14px; right: -8px; } } nav .navi__item--meinlotto .navi__item__link span:hover.naviicon-further-text:after { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/navigation/mein_konto-hover.svg') no-repeat; background-size: cover; } nav .navi__item--meinlotto .navi__item__link[data-test-id="navi_meinlotto"] span.naviicon-further-text:after, nav .navi__item--meinlotto.open .navi__item__link[data-test-id="navi_meinlotto"] span.naviicon-further-text:after { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-weiss.svg') no-repeat; right: -26px; background-size: 20px 20px; height: 20px; width: 20px; margin-top: 8px; } @media (max-width: 767px) { nav .navi__item--meinlotto .navi__item__link[data-test-id="navi_meinlotto"] span.naviicon-further-text:after, nav .navi__item--meinlotto.open .navi__item__link[data-test-id="navi_meinlotto"] span.naviicon-further-text:after { right: -10px; } } @media (max-width: 479px) { nav .navi__item--meinlotto .navi__item__link[data-test-id="navi_meinlotto"] span.naviicon-further-text:after, nav .navi__item--meinlotto.open .navi__item__link[data-test-id="navi_meinlotto"] span.naviicon-further-text:after { background-position: center; position: absolute; display: block; left: inherit; top: 19px; margin-top: 0px; background-size: 100% !important; height: 14px; width: 14px; right: 0px; } } nav .navi__item--meinlotto .navi__item__link[data-test-id="navi_meinlotto"] span:hover.naviicon-further-text:after, nav .navi__item--meinlotto.open .navi__item__link[data-test-id="navi_meinlotto"] span:hover.naviicon-further-text:after { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-weiss.svg') no-repeat; background-size: 20px 20px; } @media (max-width: 767px) { nav .navi__item--meinlotto .navi__item__link[data-test-id="navi_meinlotto"] span:hover.naviicon-further-text:after, nav .navi__item--meinlotto.open .navi__item__link[data-test-id="navi_meinlotto"] span:hover.naviicon-further-text:after { background-size: 16px 16px; } } nav .navi__item--meinlotto .navi__item__link[data-test-id="navi_meinlotto"] span.naviicon-further-text:after { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg') no-repeat; background-size: 20px 20px; } nav .navi__item--meinlotto .navi__item__link[data-test-id="navi_meinlotto"] span:hover.naviicon-further-text:after { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg') no-repeat; background-size: 20px 20px; } nav .navi__item__link, nav .navi__item__link:link, nav .navi__item__link:visited { font-family: 'WebSans', Arial, sans-serif; position: relative; width: auto; font-weight: 200; font-size: 16px; color: #515151 !important; line-height: inherit; height: 48px; margin: 0px 7px; padding: 0px; } @media (min-width: 768px) { nav .navi__item__link, nav .navi__item__link:link, nav .navi__item__link:visited { margin: 0px 20px; padding: 16px 16px 16px 0px; } } nav .navi__item__link > span, nav .navi__item__link:link > span, nav .navi__item__link:visited > span { line-height: inherit; } nav .navi__item__link > span.naviicon-further-text, nav .navi__item__link:link > span.naviicon-further-text, nav .navi__item__link:visited > span.naviicon-further-text { position: relative; margin-right: 8px; } @media (max-width: 479px) { nav .navi__item__link > span.naviicon-further-text, nav .navi__item__link:link > span.naviicon-further-text, nav .navi__item__link:visited > span.naviicon-further-text { margin-right: 0; } } @media (min-width: 480px) and (max-width: 767px) { nav .navi__item__link > span.naviicon-further-text:after, nav .navi__item__link:link > span.naviicon-further-text:after, nav .navi__item__link:visited > span.naviicon-further-text:after { top: 7px; right: -12px; } } @media (max-width: 767px) { nav .navi__item__link .naviicon-further-text { font-size: 13px; display: inline-block; padding: 17px 18px 17px 0px; } nav .navi__item__link .naviicon-further-text span { display: none; } } @media (max-width: 767px) and (max-width: 479px) { nav .navi__item__link .naviicon-further-text { padding-right: 16px; } } @media (min-width: 768px) { nav .navi__item:first-child .navi__item__link { padding: 9px 0; } } nav .navi__item:not(:first-child):not(.open):hover .navi__item__link { border-bottom: 4px solid #1C8AD9; } nav .navi__item:not(:first-child).open .navi__item__link, nav .navi__item:not(:first-child).open .navi__item__link:hover { background: transparent; color: #ffffff !important; } @media (max-width: 767px) { nav .navi__item:not(:first-child).open .navi__item__link, nav .navi__item:not(:first-child).open .navi__item__link:hover { display: inline-block; margin-left: 8px; margin-right: 8px; } } nav .navi__item:not(:first-child).open .navi__item__link:before, nav .navi__item:not(:first-child).open .navi__item__link:hover:before { content: ""; display: block; height: 100%; background: #1C8AD9; border-top-left-radius: 4px; border-top-right-radius: 4px; position: absolute; top: 0; left: 0; border-top: 2px solid #F3F3F3; } @media (min-width: 768px) { nav .navi__item:not(:first-child).open .navi__item__link:before, nav .navi__item:not(:first-child).open .navi__item__link:hover:before { width: calc(100% + 40px); margin: 0 -20px; } } @media (max-width: 767px) { nav .navi__item:not(:first-child).open .navi__item__link:before, nav .navi__item:not(:first-child).open .navi__item__link:hover:before { width: calc(100% + 16px); margin: 0 -8px; } } nav .navi__item:not(:first-child).open .navi__item__link:hover, nav .navi__item:not(:first-child).open .navi__item__link:hover:hover { color: #FFFFFF !important; } nav .navi__item:not(:first-child).open .navi__item__link:not(.navi__item--meinlotto):not(.navi__item--seperated):after, nav .navi__item:not(:first-child).open .navi__item__link:hover:not(.navi__item--meinlotto):not(.navi__item--seperated):after { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-weiss.svg') !important; } nav .navi__item__subnavi { top: 44px; left: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 4px solid #1C8AD9; } nav .navi__item span.naviicon-further { display: none; } nav .navi .navi__item__subnavi { width: 100%; } nav .navi .navi__item__subnavi .close.icon-circle-cross.visible-xs:before { content: ""; display: block; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/iconicon/funktionsicons/close-grau.svg'); width: 24px; height: 24px; background-size: 24px 24px; position: absolute; top: 24px; right: 16px; } nav .navi .navi__item__subnavi .product__box__header--headline.close { text-indent: -1000px; } @media (min-width: 768px) { nav .navi .navi__item__subnavi--spielen, nav .navi .navi__item__subnavi--ergebnisse { padding: 20px 0px; background-color: #FFFFFF; } } @media (min-width: 768px) { nav .navi .navi__item__subnavi .product__box:nth-child(1) .product__box__content, nav .navi .navi__item__subnavi .product__box:nth-child(2) .product__box__content, nav .navi .navi__item__subnavi .product__box:nth-child(3) .product__box__content { height: 280px; } } @media (min-width: 992px) { nav .navi .navi__item__subnavi .product__box:nth-child(4) .product__box__content { height: 280px; } } nav .navi .navi__item__subnavi .product__box { margin: 0px; } @media (min-width: 768px) { nav .navi .navi__item__subnavi .product__box { width: 250px; } } @media (min-width: 992px) { nav .navi .navi__item__subnavi .product__box { width: 242px; } } @media (min-width: 1200px) { nav .navi .navi__item__subnavi .product__box { width: 292px; } } @media (max-width: 767px) { nav .navi .navi__item__subnavi .product__box { border-bottom: 1px solid #DADADA; } nav .navi .navi__item__subnavi .product__box.subopen { background-color: #F3F3F3 !important; } nav .navi .navi__item__subnavi .product__box.subopen .product__box__header { background-color: #F3F3F3; border: none; } nav .navi .navi__item__subnavi .product__box.subopen .product__box__header--headline, nav .navi .navi__item__subnavi .product__box.subopen .product__box__header--subline { color: #1C8AD9; } nav .navi .navi__item__subnavi .product__box.subopen .product__box__header:before { content: ""; height: 72px; width: 4px; background-color: #1C8AD9; position: absolute; top: 0px; left: 0px; } nav .navi .navi__item__subnavi .product__box.subopen .product__box__content__item { border: none; } nav .navi .navi__item__subnavi .product__box.subopen .product__box__content__item__link { margin-left: 0px; padding: 0px 0px 0px 20px; } } nav .navi .navi__item__subnavi .product__box .product__box__header { background-color: #FFFFFF; padding-bottom: 10px; cursor: default; } nav .navi .navi__item__subnavi .product__box .product__box__header.naviClose:hover { background-color: #FFFFFF; } @media (max-width: 767px) { nav .navi .navi__item__subnavi .product__box .product__box__header { cursor: pointer; height: 72px; } nav .navi .navi__item__subnavi .product__box .product__box__header:hover { background-color: #D6EAF8; } } @media (min-width: 768px) { nav .navi .navi__item__subnavi .product__box .product__box__header { margin: 0px 10px; border-bottom: 1px solid #DADADA; } } nav .navi .navi__item__subnavi .product__box__header--headline, nav .navi .navi__item__subnavi .product__box__header--subline, nav .navi .navi__item__subnavi .product__box__content__item__link { font-size: 16px; line-height: 16px; color: #515151; font-weight: normal; font-weight: 100; } @media screen and (max-width: 1199px) { nav .navi .navi__item__subnavi .product__box__header--headline, nav .navi .navi__item__subnavi .product__box__header--subline, nav .navi .navi__item__subnavi .product__box__content__item__link { font-size: 15px; } } @media (max-width: 767px) { nav .navi .navi__item__subnavi .product__box__header--headline { top: 20px; left: 60px; width: auto; } nav .navi .navi__item__subnavi .product__box__header--headline.naviClose { display: none; } nav .navi .navi__item__subnavi .product__box__header--subline { position: absolute; top: 38px; left: 60px; } } @media (min-width: 768px) { nav .navi .navi__item__subnavi .product__box__header--headline { top: 0px; } nav .navi .navi__item__subnavi .product__box__header--subline { top: 18px; } } nav .navi .navi__item__subnavi .product__box__header--subline { font-size: 14px; line-height: 14px; } nav .navi .navi__item__subnavi .product__box__content { padding: 0px; height: 160px; } nav .navi .navi__item__subnavi .product__box__content__item { height: 40px; padding: 0px; } nav .navi .navi__item__subnavi .product__box__content__item__link { display: block; padding: 0px 10px; line-height: 40px; } nav .navi .navi__item__subnavi .product__box__content__item__link:hover { color: #515151 !important; background-color: #D6EAF8; } nav .navi .navi__item__subnavi .product__box__header--icon { top: 0px; left: 10px; background-image: url('//js.ui-portal.de/test/lotto24/img/32x32/LOTTO_32x32.svg'); background-repeat: no-repeat; background-size: 32px 32px; } @media (max-width: 767px) { nav .navi .navi__item__subnavi .product__box__header--icon { top: 20px; left: 20px; } } nav .navi .navi__item__subnavi .product__box__header--icon.ejp, nav .navi .navi__item__subnavi .product__box__header--icon.sg, nav .navi .navi__item__subnavi .product__box__header--icon.dfl, nav .navi .navi__item__subnavi .product__box__header--icon.gls, nav .navi .navi__item__subnavi .product__box__header--icon.duo, nav .navi .navi__item__subnavi .product__box__header--icon.keno, nav .navi .navi__item__subnavi .product__box__header--icon.rbl { background-position: 0px; } nav .navi .navi__item__subnavi .product__box__header--icon.ejp { background-image: url('//js.ui-portal.de/test/lotto24/img/32x32/EuroJackpot_32x32.svg'); } nav .navi .navi__item__subnavi .product__box__header--icon.sg { background-image: url('//js.ui-portal.de/test/lotto24/img/32x32/Spielgemeinschaften_32x32.svg'); } nav .navi .navi__item__subnavi .product__box__header--icon.dfl { background-image: url('//js.ui-portal.de/test/lotto24/img/32x32/DFL_32x32.svg'); } nav .navi .navi__item__subnavi .product__box__header--icon.gls { background-image: url('//js.ui-portal.de/test/lotto24/img/32x32/GluecksSpirale_32x32.svg'); } nav .navi .navi__item__subnavi .product__box__header--icon.duo { background-image: url('//js.ui-portal.de/test/lotto24/img/32x32/DUOLOTTO_32x32.svg'); } nav .navi .navi__item__subnavi .product__box__header--icon.keno { background-image: url('//js.ui-portal.de/test/lotto24/img/32x32/KENO_32x32.svg'); } nav .navi .navi__item__subnavi .product__box__header--icon.dwl { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/dwl_48x48.svg'); } nav .navi .navi__item__subnavi .product__box__header--icon.rbl { background-image: url('//js.ui-portal.de/test/lotto24/img/48x48/rubbellose_48x48.svg'); } nav .navi .navi__item__subnavi .product__box__content__result { margin: 10px; padding: 16px; background-color: #F3F3F3; font-size: 16px; line-height: 24px; font-weight: 100; } @media (max-width: 767px) { nav .navi .navi__item__subnavi .product__box__content__result { margin: 0px; padding: 0px 20px; color: #515151; } nav .navi .navi__item__subnavi .product__box__content__result--frame { background-color: #F3F3F3; margin-top: 10px; } } nav .navi .navi__item__subnavi .product__box__content__result a.quota, nav .navi .navi__item__subnavi .product__box__content__result a.play { width: 100%; margin: 0px 0px 15px 0px; font-size: 16px !important; line-height: 32px !important; height: 32px !important; min-height: 32px; } @media (min-width: 768px) { nav .navi .navi__item__subnavi .product__box__content__result a.quota, nav .navi .navi__item__subnavi .product__box__content__result a.play { width: 197px; margin: 0 16px; } } @media (min-width: 992px) { nav .navi .navi__item__subnavi .product__box__content__result a.quota, nav .navi .navi__item__subnavi .product__box__content__result a.play { width: 189px; } } @media (min-width: 1200px) { nav .navi .navi__item__subnavi .product__box__content__result a.quota, nav .navi .navi__item__subnavi .product__box__content__result a.play { width: 239px; } } @media (max-width: 767px) { nav .navi .navi__item__subnavi .product__box__content__result a.quota { margin-top: 15px; } } nav .navi .navi__item__subnavi .product__box__content__result span.dfltext { background-color: transparent; } nav .navi .navi__item__subnavi--ergebnisse .product__box__content__result__numbers--round { font-size: 14px; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; } nav .navi .navi__item__subnavi--ergebnisse .product__box__content__result b a { font-size: 14px; } @media (max-width: 767px) { nav .navi .navi__item__subnavi--ergebnisse .product__box__content__result__numbers--square { margin-top: 1px; } nav .navi .navi__item__subnavi--ergebnisse .product__box__content__result__numbers ul { margin: -24px 0 0 95px; } } @media (min-width: 768px) { nav .navi .navi__item__subnavi--ergebnisse .product__box__content__result { height: 405px; } nav .navi .navi__item__subnavi--ergebnisse .product__box__content__result a.quota { top: 360px; } nav .navi .navi__item__subnavi--ergebnisse .product__box__content__result a.play { top: 405px; } nav .navi .navi__item__subnavi--ergebnisse .product__box__content__result__numbers--square { margin-right: 2px; } } @media (min-width: 1200px) { nav .navi .navi__item__subnavi--ergebnisse .product__box__content__result__numbers--square { margin-right: 5px; } } nav .navi .navi__item__subnavi { background-color: #FFFFFF; color: #515151; } @media (min-width: 768px) and (max-width: 991px) { nav .navi .navi__item__subnavi > ul > li:nth-child(n+4) { margin-top: 20px; } } @media (min-width: 992px) { nav .navi .navi__item__subnavi > ul > li:nth-child(n+5) { margin-top: 20px; } } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto { background-color: #FFFFFF; padding: 0px; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__header { color: #515151; background-color: #F2F8FD; margin: 0px; padding: 10px; } @media (max-width: 767px) { nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__header { height: 120px; padding: 10px 20px; } } @media (min-width: 768px) { nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__header { height: 70px; } } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__header .naviMylotto__header--name, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__header .naviMylotto__header--balance { color: #515151; margin: 10px 0px; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__header .naviMylotto__header--name { font-weight: 200; } @media (min-width: 768px) { nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content { margin: 40px 10px 0px; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__headBox { background-color: #FFFFFF; border-bottom: 1px solid #C2C2C2; padding-left: 0px; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__settings__submenu, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__tickets__submenu { margin: 40px 0px 0px -10px; } } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__settings__submenu__item__link, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__tickets__submenu__item__link { color: #515151; padding: 0px 10px; font-weight: 200; height: 40px; line-height: 40px; font-size: 16px; width: auto; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__settings__submenu__item__link .icon, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__tickets__submenu__item__link .icon { display: none; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__settings__submenu__item__link .icon:before, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__tickets__submenu__item__link .icon:before { content: none; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__settings__submenu__item__link:hover, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__tickets__submenu__item__link:hover { background-color: #F3F3F3; color: #515151 !important; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__settings--logout { border: 1px solid #1C8AD9; -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; font-weight: 400; line-height: 24px; padding: 0px 15px 0px 15px; margin-left: 0px; height: 40px !important; line-height: 40px !important; color: #1C8AD9 !important; width: 300px; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__settings--logout:hover { color: #FFFFFF !important; border-color: #166EAE !important; background-color: #166EAE !important; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content .naviMylotto__content__settings--logout:active { color: #FFFFFF !important; border-color: #1C8AD9 !important; background-color: #1C8AD9 !important; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__settings__submenu__item__link:hover, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__tickets__submenu__item__link:hover, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__header--balance a:hover { color: #515151 !important; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__tickets, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__settings { font-family: 'WebSans', Arial, sans-serif; font-weight: 400; } @media (min-width: 768px) { nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__tickets, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__settings { width: 350px; } } @media (min-width: 992px) { nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__tickets, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__settings { width: 460px; } } @media (min-width: 1200px) { nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__tickets, nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .naviMylotto__content__settings { width: 540px; } } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .icon-telefon-kreis::before { content: ''; background: url(//js.ui-portal.de/test/lotto24/img/gmx/icon/kontakt.svg); width: 42px; height: 42px; display: block; background-size: 42px; } nav .navi .navi__item__subnavi .navi__item__subnavi--meinlotto .icon-brief-kreis::before { content: ''; background: url(//js.ui-portal.de/test/lotto24/img/gmx/icon/email.svg); width: 42px; height: 42px; display: block; background-size: 42px; } nav .navi .navi__item__subnavi .naviMylotto__header__avs { background-color: #1C8AD9; padding: 10px; height: auto; min-height: 52px; } @media (min-width: 768px) { nav .navi .navi__item__subnavi .naviMylotto__header__avs { width: 100%; } } nav .navi .navi__item__subnavi .naviMylotto__header__avs--name, nav .navi .navi__item__subnavi .naviMylotto__header__avs--toVerify { margin: 0px; padding: 0px; font-size: 16px; } nav .navi .navi__item__subnavi .naviMylotto__header__avs--name { line-height: 32px; } nav .navi .navi__item__subnavi .naviMylotto__header__avs--name .icon-avs-18-plus { display: none !important; } nav .navi .navi__item__subnavi .naviMylotto__header__avs--toVerify { border: 1px solid; -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; font-weight: 400; line-height: 24px; padding: 3px 15px 3px 15px; min-height: 32px; text-align: center; } nav .navi .navi__item__subnavi .naviMylotto__header__avs--toVerify:hover { color: #333333; border-color: #F3F3F3; background-color: #F3F3F3; } nav .navi .navi__item__subnavi .naviMylotto__header__avs--toVerify span { font-size: 25px; margin-left: 10px; line-height: 34px; float: right; display: none; } @media (max-width: 767px) { /* Fix for Down Arrow - this way it only rotate the content itself */ .navi__item__subnavi--ergebnisse .subopen .product__box__header--mobileIcon.icon-down, .navi__item__subnavi--spielen .subopen .product__box__header--mobileIcon.icon-down { -webkit-transform: unset !important; transform: unset !important; -webkit-transition: unset !important; transition: unset !important; } .product__box__header .icon-down:before, .product__box__header.naviClose .icon-circle-cross:before { content: ''; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg'); background-repeat: no-repeat; background-size: 100%; background-position: center; position: absolute; display: block; left: inherit; top: 27px; right: 10px; height: 20px; width: 20px; margin-top: 0px; transition: transform 0.2s linear; } .product__box__header.naviClose .icon-circle-cross:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/close-grau.svg'); } .subopen .product__box__header .icon-down:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; } } /*--- navi.less END ---*/ /*--- ticket.less START ---*/ body .productHTML { border-radius: 4px; } @media (max-width: 767px) { body .productHTML a.middle, body .productHTML .ticket-options .confirm.middle { font-size: 20px; line-height: 40px; height: 40px; } } body:not([data-page^="/product/gluecksspirale"]) .productHTML { padding: 10px 0px; } body[data-page*="/product/"] .productHTML { background-color: #FFDF00; } body[data-page^="/product/gluecksspirale"] .productHTML { background-color: #C6071C; } body[data-page^="/product/eurojackpot"] .productHTML { background-color: #BC852E; } body[data-page^="/product/duolotto"] .productHTML { background-color: #E4730A; } body[data-page^="/product/fernsehlotterie"] .productHTML { background-color: #0073BE; } body[data-page*="/product/"] form > .row:not(.fieldBlock), body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) { margin-bottom: 10px; } body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-7, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-7 { width: 50%; } body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-2, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-2 { width: 100%; padding: 0px 5px; } body[data-page*="/product/"] form .systemOptions .state, body[data-page^="/product/lottonormal/quicktipp"] form .systemOptions .state { background-color: transparent; } @media (min-width: 1199px) { body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-2, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-2 { width: 25%; padding: 0px 5px; } } @media (min-width: 768px) and (max-width: 992px) { body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-7, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-7 { width: 40%; } body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-2, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-2 { width: 35%; padding: 0px 5px; } } @media (min-width: 768px) { body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-7, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-7 { width: 40%; } body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-2, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-2 { width: 35%; padding: 0px 5px; } } @media (max-width: 767px) { body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-2, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-2 { width: 48%; padding: 0px 5px; position: absolute; right: 0; } body[data-page*="/product/"] form .fieldBlock, body[data-page^="/product/lottonormal/quicktipp"] form .fieldBlock { padding-right: 0px; } body[data-page*="/product/"] form .systemOptions, body[data-page^="/product/lottonormal/quicktipp"] form .systemOptions { width: 46vw; float: left; height: 22.5vw; } } @media (max-width: 380px) { body[data-page*="/product/"] form .systemOptions, body[data-page^="/product/lottonormal/quicktipp"] form .systemOptions { height: 26.5vw; } } @media (min-width: 704px) and (max-width: 767px) { body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-7, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-7 { width: 65%; } body[data-page*="/product/"] form > .row:not(.fieldBlock) > .col-sm-2, body[data-page^="/product/lottonormal/quicktipp"] form > .row:not(.fieldBlock) > .col-sm-2 { width: 35%; padding: 0px 5px; } } @media (max-width: 380px) { body[data-page*="/product/"] form .fieldBlock .selectWrapper select, body[data-page^="/product/lottonormal/quicktipp"] form .fieldBlock .selectWrapper select { background-position: 97% center; background-position: -webkit-calc(96%) center; background-position: right 4px center; font-size: 12px !important; text-indent: 5px !important; } } @media (min-width: 1200px) { body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .ticketField { margin: 15px; width: 222px; } } @media (max-width: 1199px) and (min-width: 992px) { body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .ticketField { margin: 12px; width: 189px; } body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .selectWrapper select { font-size: 12px !important; text-indent: 5px !important; } } @media (max-width: 991px) and (min-width: 768px) { body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .ticketField { margin: 0; width: 100%; padding: 10px 30px 10px 30px; } body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]):not([data-page$="olympia"]) .selectWrapper select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px !important; text-indent: 5px !important; background-position: 97% center; background-position: -webkit-calc(96%) center; background-position: right 4px center; } } @media (max-width: 767px) { .ticketField { padding: 0px 1px; margin: 0px 0px 2px 0px; } body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .ticketField { height: auto; background: transparent; padding: 10px; overflow: hidden; float: left; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .ticketField { padding: 0px 4px; } body[data-page^="/product/eurojackpot"] .ticketField { padding: 0px 6px; } } @media (min-width: 768px) { body[data-page*="/product/"] .content-wrapper .container.dropshadow, body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]), body[data-page^="/product/duolotto/quicktipp"] .content-wrapper .container.dropshadow { max-width: inherit; } } body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .systemOptions .state { text-align: left; padding-left: 15px; } @media (max-width: 380px) { body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .systemOptions .state { font-size: 12px; padding-left: 10px; } } @media (max-width: 767px) { body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .systemOptions .state { font-size: 3vw; } } .ticket-header__banner__img { margin-top: 6px; margin-bottom: 0px; margin-left: 5px; } .ticket-header__banner__img[title*="DuoLotto"] { margin-top: 0px; margin-bottom: 2vw; } @media (min-width: 1200px) { .ticket-header__banner__img[title*="DuoLotto"] { margin-bottom: 0px; } } .ticket-header.ticket-header--gls img.ticket-header__logo { width: 146px; height: 44px; vertical-align: text-bottom; } @media (min-width: 420px) { .ticket-header.ticket-header--gls img.ticket-header__logo { width: 197px; height: 68px; } } @media (min-width: 1200px) { .ticket-header.ticket-header--gls img.ticket-header__logo { width: 256px; height: 87px; } } .ticket-header.ticket-header--dfl img.ticket-header__logo { margin-bottom: 15px; } body[data-page^="/product/lottonormal/quicktipp"] .row.headline, body[data-page^="/product/duolotto/quicktipp"] .row.headline, body[data-page^="/product/lottovollsystem"] .row .system-headline, body[data-page^="/product/lottoteilsystem"] .row .system-headline, body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .row.headline { font-family: 'WebSans', Arial, sans-serif; color: #db0003; font-size: 24px; margin-top: 10px; background-color: transparent; } @media (max-width: 767px) { body[data-page^="/product/lottonormal/quicktipp"] .row.headline, body[data-page^="/product/duolotto/quicktipp"] .row.headline, body[data-page^="/product/lottovollsystem"] .row .system-headline, body[data-page^="/product/lottoteilsystem"] .row .system-headline, body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .row.headline { padding-left: 10px; } } body[data-page^="/product/lottonormal/quicktipp"] .row.headline .circle-question, body[data-page^="/product/duolotto/quicktipp"] .row.headline .circle-question, body[data-page^="/product/lottovollsystem"] .row .system-headline .circle-question, body[data-page^="/product/lottoteilsystem"] .row .system-headline .circle-question, body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .row.headline .circle-question, body[data-page^="/product/lottonormal/quicktipp"] .row.headline .system-headline__icon, body[data-page^="/product/duolotto/quicktipp"] .row.headline .system-headline__icon, body[data-page^="/product/lottovollsystem"] .row .system-headline .system-headline__icon, body[data-page^="/product/lottoteilsystem"] .row .system-headline .system-headline__icon, body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .row.headline .system-headline__icon { background-size: 32px 32px; width: 32px; height: 32px; background-color: transparent; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/question-grau.svg'); background-position: center; } body[data-page^="/product/lottonormal/quicktipp"] .row.headline .circle-question:hover, body[data-page^="/product/duolotto/quicktipp"] .row.headline .circle-question:hover, body[data-page^="/product/lottovollsystem"] .row .system-headline .circle-question:hover, body[data-page^="/product/lottoteilsystem"] .row .system-headline .circle-question:hover, body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .row.headline .circle-question:hover, body[data-page^="/product/lottonormal/quicktipp"] .row.headline .system-headline__icon:hover, body[data-page^="/product/duolotto/quicktipp"] .row.headline .system-headline__icon:hover, body[data-page^="/product/lottovollsystem"] .row .system-headline .system-headline__icon:hover, body[data-page^="/product/lottoteilsystem"] .row .system-headline .system-headline__icon:hover, body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .row.headline .system-headline__icon:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/question-blau.svg'); } @media (max-width: 767px) { body[data-page^="/product/lottonormal/quicktipp"] .row.headline .circle-question, body[data-page^="/product/duolotto/quicktipp"] .row.headline .circle-question, body[data-page^="/product/lottovollsystem"] .row .system-headline .circle-question, body[data-page^="/product/lottoteilsystem"] .row .system-headline .circle-question, body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .row.headline .circle-question, body[data-page^="/product/lottonormal/quicktipp"] .row.headline .system-headline__icon, body[data-page^="/product/duolotto/quicktipp"] .row.headline .system-headline__icon, body[data-page^="/product/lottovollsystem"] .row .system-headline .system-headline__icon, body[data-page^="/product/lottoteilsystem"] .row .system-headline .system-headline__icon, body[data-page^="/product/lotto"]:not([data-page$="normal/"]):not([data-page$="normal"]) .row.headline .system-headline__icon { background-size: 100%; } } body[data-page^="/product/duolotto/quicktipp"] .row.headline { color: #FFFFFF; } .selectedField { border-radius: 4px; background-color: #FFFFFF; border: 1px solid #E96668; } body[data-page^="/product/eurojackpot"] .selectedField { border-color: #8E5B26; } body[data-page^="/product/keno"] .selectedField { border-color: #b560a7; } .fast-number { color: #E96668; border: 1px solid rgba(233, 102, 104, 0.4); } .fast-number.fast-number--last { border-right: 1px solid rgba(233, 102, 104, 0.4) !important; } .fast-number--checked:before { margin-top: -1px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/checkbox-mark.svg'); } .selectedField .fieldnumber, .fieldnumber { font-family: 'WebSans', Arial, sans-serif; font-weight: normal; z-index: 20; color: rgba(233, 102, 104, 0.3); } .ticketField .countdown-numberBlock:hover { box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .ticketField .icon-trash { top: -10px; right: 9px; } } .ticketField .numberBlock { background-color: #FFFFFF; padding: 0.25em; padding-bottom: 0.14285714em; border: 1px solid rgba(233, 102, 104, 0.4); border-radius: 4px; margin: 0px; } body[data-page*="/product/"] .icon-trash:before { content: '' !important; position: absolute; width: 16px; height: 16px; display: block; left: 2px; top: 2px; background-size: 15px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-grau.svg'); } @media (max-width: 767px) { body[data-page*="/product/"] .icon-trash:before { width: 100%; height: 100%; background-size: 2.4vw; top: 0; left: 0; background-position: 1px 1px; background-size: 2.55vw; } } @media (max-width: 479px) { body[data-page*="/product/"] .icon-trash:before { background-position: 0 1px; } } /* body[data-page*="/product/eurojackpot"] { .icon-trash:before { @media (max-width: 767px) { left: 4px; } } }*/ body[data-page^="/product/duolotto"] .icon-trash:before { margin-top: 1px; } .ticket-body__button { background-color: #FFFFFF; } body[data-page^="/product/gluecksspirale"] .ticket-body__number__alter, body[data-page^="/product/fernsehlotterie"] .ticket-body__number__alter { background-repeat: no-repeat; background-position: center; background-color: #FFFFFF; } body[data-page^="/product/gluecksspirale"] .ticket-body__number__alter, body[data-page^="/product/fernsehlotterie"] .ticket-body__number__alter { height: 28px; background-size: 28px 28px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-grau.svg'); } body[data-page^="/product/gluecksspirale"] .ticket-body__number__alter:hover, body[data-page^="/product/fernsehlotterie"] .ticket-body__number__alter:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-blau.svg'); } @media screen and (max-width: 991px) { body[data-page^="/product/gluecksspirale"] .ticket-body__number__alter, body[data-page^="/product/fernsehlotterie"] .ticket-body__number__alter { height: 20px; background-size: 20px; } } body[data-page^="/product/gluecksspirale"] .ticket-body__number__alter--down, body[data-page^="/product/fernsehlotterie"] .ticket-body__number__alter--down { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg'); } body[data-page^="/product/gluecksspirale"] .ticket-body__number__alter--down:hover, body[data-page^="/product/fernsehlotterie"] .ticket-body__number__alter--down:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-blau.svg'); } @media (max-width: 380px) { body[data-page^="/product/gluecksspirale"] .ticket-body__button, body[data-page^="/product/fernsehlotterie"] .ticket-body__button { letter-spacing: -0.03em; } } @media (max-width: 380px) { body[data-page^="/product/gluecksspirale"] .ticket-body__button__icon, body[data-page^="/product/fernsehlotterie"] .ticket-body__button__icon { top: 0.2em; margin-right: 0.1em; } } @media (max-width: 767px) { body[data-page^="/product/gluecksspirale"] .ticket-body__button__icon, body[data-page^="/product/fernsehlotterie"] .ticket-body__button__icon { top: 0.3em; } } body[data-page^="/product/gluecksspirale"] .selected-number__button, body[data-page^="/product/fernsehlotterie"] .selected-number__button { position: relative; } @media (min-width: 1199px) { body[data-page^="/product/gluecksspirale"] .selected-number__button.icon-sync, body[data-page^="/product/fernsehlotterie"] .selected-number__button.icon-sync { top: 0.2em; } } @media (min-width: 992px) { body[data-page^="/product/gluecksspirale"] .selected-number__button.icon-sync, body[data-page^="/product/fernsehlotterie"] .selected-number__button.icon-sync { top: 0px; } } @media (min-width: 768px) { body[data-page^="/product/gluecksspirale"] .selected-number__button.icon-sync, body[data-page^="/product/fernsehlotterie"] .selected-number__button.icon-sync { top: 0px; } } @media (max-width: 767px) { body[data-page^="/product/gluecksspirale"] .selected-number__button.icon-trash, body[data-page^="/product/fernsehlotterie"] .selected-number__button.icon-trash { top: 0px; left: 0px; } } body[data-page^="/product/gluecksspirale"] .icon-circle-plus, body[data-page^="/product/fernsehlotterie"] .icon-circle-plus, body[data-page^="/product/gluecksspirale"] .icon-trash, body[data-page^="/product/fernsehlotterie"] .icon-trash, body[data-page^="/product/gluecksspirale"] .icon-sync, body[data-page^="/product/fernsehlotterie"] .icon-sync { color: transparent; } body[data-page^="/product/gluecksspirale"] .icon-circle-plus:before, body[data-page^="/product/fernsehlotterie"] .icon-circle-plus:before, body[data-page^="/product/gluecksspirale"] .icon-trash:before, body[data-page^="/product/fernsehlotterie"] .icon-trash:before, body[data-page^="/product/gluecksspirale"] .icon-sync:before, body[data-page^="/product/fernsehlotterie"] .icon-sync:before { color: transparent; display: inline-block; width: 32px; height: 32px; background-size: 32px; background-repeat: no-repeat; background-position: center; } @media (min-width: 768px) and (max-width: 992px) { body[data-page^="/product/gluecksspirale"] .icon-circle-plus:before, body[data-page^="/product/fernsehlotterie"] .icon-circle-plus:before, body[data-page^="/product/gluecksspirale"] .icon-trash:before, body[data-page^="/product/fernsehlotterie"] .icon-trash:before, body[data-page^="/product/gluecksspirale"] .icon-sync:before, body[data-page^="/product/fernsehlotterie"] .icon-sync:before { width: 24px; height: 24px; background-size: 24px; } } @media (max-width: 767px) { body[data-page^="/product/gluecksspirale"] .icon-circle-plus, body[data-page^="/product/fernsehlotterie"] .icon-circle-plus, body[data-page^="/product/gluecksspirale"] .icon-trash, body[data-page^="/product/fernsehlotterie"] .icon-trash, body[data-page^="/product/gluecksspirale"] .icon-sync, body[data-page^="/product/fernsehlotterie"] .icon-sync { width: 4vw; height: 4vw; background-size: 4vw; } body[data-page^="/product/gluecksspirale"] .icon-circle-plus:before, body[data-page^="/product/fernsehlotterie"] .icon-circle-plus:before, body[data-page^="/product/gluecksspirale"] .icon-trash:before, body[data-page^="/product/fernsehlotterie"] .icon-trash:before, body[data-page^="/product/gluecksspirale"] .icon-sync:before, body[data-page^="/product/fernsehlotterie"] .icon-sync:before { width: 4vw; height: 4vw; background-size: 4vw; } } body[data-page^="/product/gluecksspirale"] .icon-circle-plus:before, body[data-page^="/product/fernsehlotterie"] .icon-circle-plus:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/plus-grau.svg'); } body[data-page^="/product/gluecksspirale"] .icon-circle-plus:hover:before, body[data-page^="/product/fernsehlotterie"] .icon-circle-plus:hover:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/plus-blau.svg'); } body[data-page^="/product/gluecksspirale"] .icon-sync:before, body[data-page^="/product/fernsehlotterie"] .icon-sync:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/tippschein/zufallszahlen-grau.svg'); } body[data-page^="/product/gluecksspirale"] .icon-sync:hover:before, body[data-page^="/product/fernsehlotterie"] .icon-sync:hover:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/tippschein/zufallszahlen-blau.svg'); } body[data-page^="/product/gluecksspirale"] .icon-trash:before, body[data-page^="/product/fernsehlotterie"] .icon-trash:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-grau.svg'); } body[data-page^="/product/gluecksspirale"] .icon-trash:hover:before, body[data-page^="/product/fernsehlotterie"] .icon-trash:hover:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-blau.svg'); } body[data-page^="/product/gluecksspirale"] .selected-number__char, body[data-page^="/product/fernsehlotterie"] .selected-number__char { border-radius: 4px; } @media (max-width: 767px) { body[data-page*="/product/"] .selected-number__button.icon-trash, body[data-page*="/product/"] .selected-number__button.icon-sync { position: relative; top: 2.5vw; } body[data-page*="/product/"] .selected-number__button.icon-trash:before, body[data-page*="/product/"] .selected-number__button.icon-sync:before { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; } } @media (max-width: 767px) { .fast-number { border: 1px solid rgba(233, 102, 104, 0.4); font-weight: 200; } .fast-number .fast-number--last { border-right: 1px solid rgba(233, 102, 104, 0.4); } .row.fieldBlock { margin-bottom: 5px; } } @-moz-document url-prefix() { @media (max-width: 767px) { .selectedFieldBlock .previous, .selectedFieldBlock .next { margin-left: 0; margin-right: 0; } } @media (max-width: 520px) { .selectedFieldBlock .fast-number { width: 9.2vw; } } @media (max-width: 520px) { .selectedFieldBlock .fast-number { width: 9vw; } } @media (max-width: 360px) { .selectedFieldBlock .fast-number { width: 8.8vw; } } } body[data-page^="/product/eurojackpot"] .countdown-numberBlock { border-color: #8E5B26; padding: 3px; } body[data-page^="/product/eurojackpot"] .selectedField .fieldnumber, body[data-page^="/product/eurojackpot"] .fieldnumber, body[data-page^="/product/eurojackpot"] .countdown-numberBlock .separator, body[data-page^="/product/eurojackpot"] .selectedField .separator { color: rgba(142, 91, 38, 0.3); } body[data-page^="/product/eurojackpot"] .selectedField .fast-number, body[data-page^="/product/eurojackpot"] .fast-number { color: #8E5B26; border: 1px solid rgba(142, 91, 38, 0.4) !important; } body[data-page^="/product/eurojackpot"] .selectedField .fast-number .fast-number--last, body[data-page^="/product/eurojackpot"] .fast-number .fast-number--last { border-right: 1px solid rgba(142, 91, 38, 0.4) !important; } body[data-page^="/product/eurojackpot"] .fast-number { margin-bottom: 2px; margin-right: 2px; width: 23px; } @media (min-width: 992px) and (max-width: 1199px) { body[data-page^="/product/eurojackpot"] .fast-number { width: 18%; } } @media (min-width: 768px) and (max-width: 991px) { body[data-page^="/product/eurojackpot"] .fast-number { width: 17.4%; } } @media (max-width: 767px) { body[data-page^="/product/eurojackpot"] .fast-number { width: 20%; margin-right: 0px; } } @media (max-width: 767px) { body[data-page^="/product/eurojackpot"] .selectedField .fast-number { width: 19%; } } .fieldNavigation { visibility: hidden; } @media (max-width: 1200px) { .ticket-options--lottoquicktipp, .ticket-options--duolottoquicktipp { font-size: 0.814em !important; } } @media (min-width: 992px) and (max-width: 1198px) { .ticket-options--lottoquicktipp, .ticket-options--duolottoquicktipp { font-size: 0.814em !important; } } @media (max-width: 991px) { .ticket-options--lottoquicktipp, .ticket-options--duolottoquicktipp { font-size: 0.73em !important; } } @media (max-width: 767px) { .ticket-options--lottoquicktipp, .ticket-options--duolottoquicktipp { font-size: 3.7vw !important; } } .ticket-options--duolottoquicktipp { margin: 0px 11px; } @media (min-width: 992px) and (max-width: 1198px) { .ticket-options--duolottoquicktipp { margin: 0px 8px; } } .ticket-options { background-color: #F4F4F4; border-radius: 4px; } @media (max-width: 480px) { .ticket-options { font-size: 3.7vw; } } .ticket-options h6 { font-size: 1em; color: #262626; } .ticket-options .ticket-options__row .ticket-options__row__col--last { width: 49%; } .ticket-options .ticket-options__row .ticket-options__row__col, .ticket-options .ticket-options__row .ticket-options__row__col--last { position: relative; } @media (max-width: 767px) { .ticket-options .ticket-options__row .ticket-options__row__col, .ticket-options .ticket-options__row .ticket-options__row__col--last { width: 49%; float: none; vertical-align: top; margin: 0px; padding: 0px; float: left; } } .ticket-options .ticket-options__row__checkbox { padding-left: 0px; } .ticket-options .ticket-options__row__checkbox, .ticket-options .ticket-options__row__radiobutton, .ticket-options .ticket-options__row__random-numbers__button, .ticket-options .ticket-options__row__checkbox__wrapper__label, .ticket-options .ticket-options__row__ticket-number__char__number { border: 0px; border-radius: 4px; background-color: transparent; } .ticket-options.ticket-options--gls .ticket-options__row__ticket-number__char__number { background-color: #FFFFFF; height: 2.3em; line-height: 2.3em; border-radius: 4px; } .ticket-options.ticket-options--gls .ticket-options__row__ticket-number__markers__spiel77, .ticket-options.ticket-options--gls .ticket-options__row__ticket-number__markers__super6 { top: 3em; } @media (max-width: 767px) { .ticket-options .ticket-options__row__checkbox, .ticket-options .ticket-options__row__duration { height: 2.9em; margin-bottom: 0em; } } @media (max-width: 767px) { .ticket-options .ticket-options__row__checkbox { width: 8.8em; } } @media (max-width: 767px) { .ticket-options .ticket-options__row__checkbox:hover, .ticket-options .ticket-options__row__radiobutton:hover { background-color: transparent; } } .ticket-options .ticket-options__row__checkbox__wrapper__label { margin-left: 2.5em; line-height: 2.3em; height: 2.1em; } @media (max-width: 767px) { .ticket-options .ticket-options__row__checkbox__wrapper__label { margin-left: 3.5em; font-size: 3.4vw; width: 5em; line-height: 2.7em; } } .ticket-options .ticket-options__row__radiobutton, .ticket-options .ticket-options__row__random-numbers__button { border: 1px solid #999999; height: 1.8em; width: 2em; margin-right: 0.2em; margin-top: 0.18em; font-family: 'WebSans', Arial, sans-serif; font-size: 1.3em; line-height: 1.8em; color: #999999; } .ticket-options .ticket-options__row__radiobutton:not(.ticket-options__row__radiobutton):hover, .ticket-options .ticket-options__row__random-numbers__button:not(.ticket-options__row__radiobutton):hover { background-color: #717171; color: #FFFFFF; } @media (min-width: 768px) and (max-width: 992px) { .ticket-options .ticket-options__row__radiobutton, .ticket-options .ticket-options__row__random-numbers__button { width: 1.5em; } } @media (max-width: 767px) { .ticket-options .ticket-options__row__radiobutton, .ticket-options .ticket-options__row__random-numbers__button { width: 1.6em; } } .ticket-options .ticket-options__row__checkbox__wrapper__box { height: 2.4em; width: 2.4em; background-color: #FFFFFF; border: 1px solid #b4b4b4; border-radius: 5px; margin-right: 0.3em; background-size: 80%; background-position: center; } .ticket-options .ticket-options__row__radiobutton__mark { height: 1.5em; width: 1.5em; background-size: 1.8em 1.78em; background-position: -0.1em -0.1em; margin-left: 0.15em; margin-top: 0.05em; } @media (min-width: 768px) and (max-width: 992px) { .ticket-options .ticket-options__row__radiobutton__mark { margin-left: 0.12em; margin-top: 0.2em; height: 1em; width: 1em; background-size: 1.2em 1.2em; } } @media (max-width: 767px) { .ticket-options .ticket-options__row__radiobutton__mark { margin-left: 0; margin-top: 0; height: 1.75em; width: 1.55em; background-size: 1.4em; background-position: center; } } .ticket-options .ticket-options__row__radiobutton--active .ticket-options__row__radiobutton__mark, .ticket-options .ticket-options__row__checkbox__wrapper--active .ticket-options__row__radiobutton__mark, .ticket-options .ticket-options__row__radiobutton--active .ticket-options__row__checkbox__wrapper__box, .ticket-options .ticket-options__row__checkbox__wrapper--active .ticket-options__row__checkbox__wrapper__box { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/checkbox-mark.svg'); } .ticket-options .ticket-options__row__radiobutton--active.ticket-options__row__checkbox__wrapper__box, .ticket-options .ticket-options__row__checkbox__wrapper--active.ticket-options__row__checkbox__wrapper__box { background-color: transparent; } .ticket-options .ticket-options__row__random-numbers__button--luckynumber { background-image: none; width: 7.9em !important; padding: 0px; } @media (min-width: 768px) and (max-width: 992px) { .ticket-options .ticket-options__row__random-numbers__button--luckynumber { width: 6.2em !important; } } @media (max-width: 767px) { .ticket-options .ticket-options__row__random-numbers__button--luckynumber { width: 6.5em !important; } } .ticket-options .ticket-options__row__link--jphwithoutabo { margin-top: 4em; } @media (min-width: 380px) { .ticket-options .ticket-options__row__link--jphwithoutabo { margin-top: 3.9em; } } @media (min-width: 480px) { .ticket-options .ticket-options__row__link--jphwithoutabo { margin-top: 3.6em; } } @media (min-width: 768px) { .ticket-options .ticket-options__row__link--jphwithoutabo { margin-top: 3.4em; } } @media (min-width: 992px) { .ticket-options .ticket-options__row__link--jphwithoutabo { margin-top: 3.75em; } } body[data-page^="/product/keno"] .ticket-options { overflow: visible; } @media (min-width: 768px) { body[data-page="/"] .ticket-options__row__random-numbers__button--luckynumber, body[data-page^="/product/lottoteilsystem/"] .ticket-options__row__random-numbers__button--luckynumber { margin-top: 2em; } } .ticket-options__row__radiobutton, .ticket-options__row__random-numbers__button, .ticket-options__row__checkbox__wrapper__label, .ticket-options__row__ticket-number__char__number { font-size: 1.05em; color: #262626; border: none; } @media (min-width: 768px) and (max-width: 992px) { .ticket-options__row__radiobutton, .ticket-options__row__random-numbers__button, .ticket-options__row__checkbox__wrapper__label, .ticket-options__row__ticket-number__char__number { font-size: 0.85em; } } @media (max-width: 992px) { .ticket-options .ticket-options__row__random-numbers__button--luckynumber, .ticket-options .ticket-options__row__random-numbers__button { letter-spacing: -0.05em; } .ticket-options .ticket-options__row__random-numbers__button--luckynumber .ng-binding, .ticket-options .ticket-options__row__random-numbers__button .ng-binding { letter-spacing: -0.1em; } .ticket-options .ticket-options__row__random-numbers__button--luckynumber { width: 5.6em !important; } .ticket-options .ticket-options__row__random-numbers__button { width: 1.75em; } } @media (max-width: 767px) { .ticket-options .ticket-options__row__random-numbers__button { width: 1.95em; } } a.ticket-options__row__link { text-decoration: none; font-size: 0.9em !important; font-weight: normal; color: #1C8AD9; position: absolute; bottom: 10px; left: 0px; width: 95%; line-height: 1.3em; } a.ticket-options__row__link:hover { text-decoration: none; color: #166EAE; } @media (max-width: 992px) { a.ticket-options__row__link { font-size: 0.8em !important; } } @media (min-width: 993px) { a.ticket-options__row__link { top: inherit; } } .ticket-options__row__ticket-number__char__number { background-color: #fafafa; line-height: 1.4em; font-weight: normal; } .ticket-options__row__ticket-number__randombutton, .textButton.random { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/tippschein/zufallszahlen-grau.svg'); } .ticket-options__row__ticket-number__randombutton:hover, .textButton.random:hover { background-color: #FFFFFF; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/tippschein/zufallszahlen-blau.svg'); } .textButton.random { background-position: 0px 0px; } @media (max-width: 767px) { .ticket-options__row__ticket-number__randombutton { background-size: 1.7em 1.7em; width: 1.9em; } } @media screen and (min-width: 768px) and (max-width: 991px) { .ticket-options__row__summary { padding: 0.7em; } } .ticket-options__row__summary > div { display: flex; flex-wrap: wrap; } @media screen and (min-width: 768px) and (max-width: 991px) { .ticket-options__row__summary > div > span { margin: 0 10px 0 0; } } .ticket-options__row__summary > div > span + span { margin: 0; } .ticket-options__row__summary__label, .ticket-options__row__summary__value { width: auto !important; font-size: 0.95em; color: #262626; } @media (min-width: 768px) and (max-width: 992px) { .ticket-options__row__summary__label, .ticket-options__row__summary__value { font-size: 0.75em; } } @media (max-width: 767px) { .ticket-options__row__summary__label, .ticket-options__row__summary__value { font-size: 0.85em; } } .ticket-options__row__summary__label { margin-left: 10px; } .ticket-options__row__summary__label--date { height: 1.3em; } .ticket-options__row__summary__value { font-weight: bold; } .ticket-options__row__ticket-number__char__supernumber { color: #262626; font-size: 11px; } .previous, .next { color: transparent; background-size: 60%; background-color: transparent; background-repeat: no-repeat; background-position: center; } .previous__field, .next__field { font-family: 'WebSans', Arial, sans-serif; position: relative; font-weight: 200; color: #515151; font-size: 0.15em; } .previous__field__number, .next__field__number { font-weight: bold; } @media (min-width: 768px) { .previous, .next { width: 72px; height: 72px; background-size: 72px; top: 124px; } .previous:hover, .next:hover { background-color: #1C8AD9; } } @media (min-width: 992px) { .previous .next, .next .next, .previous .previous, .next .previous { top: 140px; } } html .next.disabled, html .previous.disabled { color: transparent; opacity: 0.5; } html.no-touch .next { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-grau.svg'); } html.no-touch .next:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-blau.svg'); } html.no-touch .previous { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-grau.svg'); } html.no-touch .previous:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-blau.svg'); } @media (min-width: 768px) { html.no-touch .next, html.no-touch .next:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-weiss.svg'); right: -72px; } html.no-touch .previous, html.no-touch .previous:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-weiss.svg'); left: -72px; } } html.touch .next { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-grau.svg'); } html.touch .next:active { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-blau.svg'); } html.touch .previous { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-grau.svg'); } html.touch .previous:active { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-blau.svg'); } @media (min-width: 768px) { html.touch .next, html.touch .next:active { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-weiss.svg'); right: -72px; } html.touch .previous, html.touch .previous:active { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-weiss.svg'); left: -72px; } } @media (max-width: 767px) { body[data-page^="/product/eurojackpot"] .productHTML .next, body[data-page^="/product/eurojackpot"] .productHTML .previous { background-size: 100%; } } @media (min-width: 768px) { body[data-page^="/product/eurojackpot"] .productHTML .next, body[data-page^="/product/eurojackpot"] .productHTML .previous { top: 190px; } } body[data-page^="/product/eurojackpot"] .productHTML .next { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-weiss.svg'); } body[data-page^="/product/eurojackpot"] .productHTML .previous { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-weiss.svg'); } .ticket-options__row__ticket-number__char .ticket-options__row__ticket-number__char__button--up, .ticket-options__row__ticket-number__char .ticket-options__row__ticket-number__char__button--down { background-size: 1em 1em; background-repeat: no-repeat; background-position: center; background-color: #FFFFFF; } .ticket-options__row__ticket-number__char .ticket-options__row__ticket-number__char__button--up { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-grau.svg'); } .ticket-options__row__ticket-number__char .ticket-options__row__ticket-number__char__button--up:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-blau.svg'); } .ticket-options__row__ticket-number__char .ticket-options__row__ticket-number__char__button--down { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-grau.svg'); } .ticket-options__row__ticket-number__char .ticket-options__row__ticket-number__char__button--down:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-down-blau.svg'); } .ticket-options__row__checkbox__wrapper__label--gls, .ticket-options__row__checkbox__wrapper__label--super6, .ticket-options__row__checkbox__wrapper__label--spiel77 { font-size: 1.2em; } @media (min-width: 768px) and (max-width: 992px) { .ticket-options__row__checkbox__wrapper__label--gls, .ticket-options__row__checkbox__wrapper__label--super6, .ticket-options__row__checkbox__wrapper__label--spiel77 { font-size: 1em; } } @media (max-width: 767px) { .ticket-options__row__checkbox__wrapper__label--gls, .ticket-options__row__checkbox__wrapper__label--spiel77, .ticket-options__row__checkbox__wrapper__label--super6 { background-repeat: no-repeat; background-size: 100%; } .ticket-options__row__checkbox__wrapper__label--gls { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/Gluecksspirale-Logo-red.svg'); } .ticket-options__row__checkbox__wrapper__label--spiel77 { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/Spiel77-Logo.svg'); } .ticket-options__row__checkbox__wrapper__label--super6 { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/Super6-Logo.svg'); } } .ticket-options__row .confirm.middle, .ticket-options--ejp .ticket-options__row .confirm.middle, .ticket-options--lottosystem .ticket-options__row .confirm.middle { width: auto !important; height: 48px; line-height: 48px; } @media (max-width: 767px) { .ticket-options__row .confirm.middle, .ticket-options--ejp .ticket-options__row .confirm.middle, .ticket-options--lottosystem .ticket-options__row .confirm.middle { width: 100% !important; font-size: 3.5vw; } } @media (max-width: 479px) { .ticket-options__row .confirm.middle, .ticket-options--ejp .ticket-options__row .confirm.middle, .ticket-options--lottosystem .ticket-options__row .confirm.middle { font-size: 20px; } } @media (min-width: 992px) { .ticket-options__row .confirm.middle, .ticket-options--ejp .ticket-options__row .confirm.middle, .ticket-options--lottosystem .ticket-options__row .confirm.middle { height: 48px; } } @media (min-width: 768px) and (max-width: 992px) { .ticket-options__row__ticket-number__markers__spiel77__text, .ticket-options__row__ticket-number__markers__super6__text { font-size: 0.73em; left: 4em; } .ticket-options__row__ticket-number__markers__super6__text { left: 9.4em; } body[data-page^="/product/duolotto"] .ticket-options__row__ticket-number__markers__spiel77__text { left: 7.8em; } } @media (min-width: 992px) { .ticket-options__row__ticket-number__markers__spiel77__text, .ticket-options__row__ticket-number__markers__super6__text { font-size: 0.65em; left: 7.8em; top: 0.4em; } .ticket-options__row__ticket-number__markers__super6__text { left: 14.5em; top: 2.5em; } body[data-page^="/product/duolotto"] .ticket-options__row__ticket-number__markers__spiel77__text { left: 11.8em; } } /*--- ticket.less END ---*/ /*--- badge-jackpot.less START ---*/ .ticket-header { display: flex; } .ticket-header--inline { margin: 20px 0; } @media (min-width: 768px) { .ticket-header { align-items: center; } } @media (max-width: 767px) { .ticket-header { flex-wrap: wrap; align-items: flex-start; } } .ticket-header__banner { padding-bottom: 0 !important; } @media (min-width: 768px) { .ticket-header__banner { order: 1; } } @media (max-width: 767px) { .ticket-header__banner { padding: 0; padding-bottom: 20px; } } .ticket-header__banner__img { margin-bottom: 0 !important; } @media (max-width: 767px) { .ticket-header__banner__img { margin-top: 0; } } .ticket-header__jackpot { width: auto; } @media (min-width: 768px) { .ticket-header__jackpot { order: 3; align-self: center; } } @media (max-width: 767px) { .ticket-header__jackpot--empty { display: block; } } @media (max-width: 767px) { .ticket-header__jackpot { margin-left: auto; } } .ticket-header__jackpot > div { height: 100%; } .ticket-header__jackpot .jackpot { height: 100%; width: auto; } @media (min-width: 768px) { .ticket-header__jackpot .jackpot { padding: 0 15px; } } @media (max-width: 767px) { .ticket-header__jackpot .jackpot { padding: 0 5px; } } @media (min-width: 768px) { .ticket-header__jackpot .jackpot .jackpot__text { padding-top: 8px; } } @media (min-width: 768px) { .ticket-header__action { order: 4; } } @media (max-width: 480px) { .ticket-header__action { margin-top: 10px; } } .ticket-header__countdown { padding-top: 0; } @media (min-width: 768px) { .ticket-header__countdown { order: 2; margin-left: auto; } } @media (max-width: 767px) { .ticket-header__countdown { display: flex; flex-basis: 100%; } } body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot, body[data-page^="/product/fernsehlotterie"] .ticket-header__jackpot { margin-left: auto; } @media (max-width: 767px) { body[data-page="/common/fees"] .ticket-header__jackpot { display: none; } } .jackpot { position: relative; background: #c90713; padding: 10px 0px 5px 0px; margin: 0px 3px 0px 0px; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; left: 0; height: 3.625em; } @media (max-width: 767px) { .jackpot { font-size: 2vw; } } .jackpot.jackpot--ejp { color: #F7EA99; background: #8E5B26; } .jackpot.jackpot--ejp:after { border-right-color: #8E5B26; } .jackpot.jackpot--gls { background-color: #A1060F; } .jackpot.jackpot--gls:after { border-right-color: #A1060F; } .jackpot.jackpot--keno { background-color: #EFDC59; color: #951B81; } .jackpot.jackpot--keno:after { border-right-color: #EFDC59; } .jackpot.jackpot--dfl { background-color: #0073BE; } .jackpot.jackpot--dfl:after { border-right-color: #0073BE; } .jackpot.jackpot--empty { height: 3em; } .jackpot:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(219, 0, 3, 0); border-right-color: #c90713; border-width: 10px; margin-top: -10px; } @media (max-width: 767px) { .jackpot:after { border-width: 5px; margin-top: -5px; } } .jackpot .jackpot__text { font-size: 14px; text-align: center; text-transform: initial; font-weight: 400; } @media (max-width: 767px) { .jackpot .jackpot__text { padding-top: 3px; font-size: 0.9375em; line-height: 0.9375em; } } .jackpot .jackpot__sum { font-family: 'WebSans', Arial, sans-serif; line-height: 41px; font-weight: normal; text-align: center; } @media (max-width: 767px) { .jackpot .jackpot__sum { font-size: 2.1875em; line-height: 1.5em; } } @media (min-width: 768px) { .jackpot .jackpot__sum { font-size: 35px; } } @media (min-width: 992px) { .jackpot .jackpot__sum { font-size: 4.2rem; } } @media (min-width: 1200px) { .jackpot .jackpot--empty { font-size: 19px; line-height: 21px; } } @media (min-width: 992px) and (max-width: 1199px) { .jackpot { height: 4.875em; } .jackpot.jackpot--empty { font-size: 18px; line-height: 18px; height: 3.75em; } } @media (min-width: 768px) and (max-width: 991px) { .jackpot { height: 5.125em; } .jackpot.jackpot--empty { height: 4.0625em; } } @media (max-width: 767px) { .jackpot { height: 3em; width: 7.5em; padding: 5px 0px 0px 0px; float: right; text-align: center; margin-bottom: 0px; margin-top: 0px; } .jackpot.jackpot--dfl { padding-top: 2px; } } @media (max-width: 479px) { .jackpot { padding: 2px 0px 0px 0px; } } @media (max-width: 703px) { .productHTML > form > .row > .col-xs-4.col-sm-3 { width: 50%; } } body[data-page^="/product/duolotto"] .jackpot { color: #FFFFFF; background: #B65C08; } body[data-page^="/product/duolotto"] .jackpot:after { border-right-color: #B65C08; } body[data-page^="/product/duolotto/quicktipp"] .jackpot { color: #e4730a; background: #FFFFFF; } body[data-page^="/product/duolotto/quicktipp"] .jackpot:after { border-right-color: #FFFFFF; } body[data-page^="/product/eurojackpot"] .jackpot { color: #F7EA99; background: #8E5B26; } body[data-page^="/product/eurojackpot"] .jackpot:after { border-right-color: #8E5B26; } @media (max-width: 767px) { body[data-page^="/product/gluecksspirale"] .ticket-header__jackpot, body[data-page^="/product/fernsehlotterie"] .ticket-header__jackpot { font-size: 5.5vw; } } @media screen and (min-width: 768px) and (max-width: 991px) { body[data-page^="/product/gluecksspirale"] .ticket-header__jackpot__text, body[data-page^="/product/fernsehlotterie"] .ticket-header__jackpot__text { font-size: 1rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { body[data-page^="/product/gluecksspirale"] .ticket-header__jackpot__sum, body[data-page^="/product/fernsehlotterie"] .ticket-header__jackpot__sum { font-size: 2rem; } } /*--- badge-jackpot.less END ---*/ /*--- hilfe.less START ---*/ .helppage__winning-classes th { font-family: 'WebSans', Arial, sans-serif; background-color: #f3f3f3; color: #515151; height: 2.2em; line-height: 2.2em; } .helppage__winning-classes td { border-top: none; border-left: none; } @media (max-width: 767px) { table.dflHelp { font-size: 1.8vw; line-height: 4vw; margin-left: -10px; } table.dflHelp tr.center td.label { overflow: hidden; } } @media (min-width: 768px) { table.dflHelp { font-size: 12px; } table.dflHelp .label { min-width: 110px; max-width: 111px; } } @media (min-width: 992px) { .checkbox-block__headline__info:before { top: -16px !important; } } @media (min-width: 1200px) { table.dflHelp { font-size: 14px; } table.dflHelp .label { min-width: 120px; max-width: 180px; } } /*--- hilfe.less END ---*/ /*--- footer.less START ---*/ .contentbox.footerbox { padding: 0px; } .contentbox.footerbox h4 { font-family: 'WebSans', Arial, sans-serif; height: 27px; font-size: 20px; line-height: 27px; } .contentbox.footerbox .footerbox-top, .contentbox.footerbox .footerbox-middle { background-color: #F3F3F3; padding: 20px 0px; position: relative; margin-left: -9999rem !important; margin-right: -9999rem !important; padding-left: 9999rem !important; padding-right: 9999rem !important; } @media (max-width: 767px) { .contentbox.footerbox .footerbox-top, .contentbox.footerbox .footerbox-middle { padding: 20px 10px; } } .contentbox.footerbox .footerbox-top { margin-top: 15px; padding-top: 30px; border-bottom: 1px solid #DADADA; margin-left: 0; margin-right: 0; } @media (min-width: 768px) and (max-width: 991px) { .contentbox.footerbox .footerbox-top > div + div + div { margin-top: 30px; } } @media (max-width: 767px) { .contentbox.footerbox .footerbox-top > div + div { margin-top: 20px; } .contentbox.footerbox .footerbox-top > div + div + div { margin-top: 30px; } } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink { font: 16px/34px Verdana, Arial, Helvetica, sans-serif; color: #333333; display: block; padding-left: 0px; padding-bottom: 0px; text-align: left; } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink:hover { text-decoration: underline; } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.lotto:before, .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.ejp:before, .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.gls:before, .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.keno:before, .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.lotteryClubs:before, .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.duolotto:before, .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.dfl:before { content: ""; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 10px; background-position: center; background-size: 100%; } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.lotto:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/lotto-blau.svg'); } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.ejp:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/ejp-blau.svg'); } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.gls:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/gls-blau.svg'); } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.keno:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/keno-blau.svg'); } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.lotteryClubs:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/spielgemeinschaften-blau.svg'); } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.duolotto:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/duolotto-blau.svg'); } .contentbox.footerbox .footerbox-top .col-md-4 .footerlink.dfl:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/product-icons_einzeln/dfl.svg'); } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite { position: relative; top: auto; left: auto; right: auto; bottom: auto; height: 60px; } @media (min-width: 992px) { .contentbox.footerbox .footerbox-top .col-md-4 .footersprite { float: left; margin-bottom: 10px; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sslIcon { width: 140px; height: 60px; float: none; display: block; margin: 10px 0px 10px 160px; background-position: -10px -898px; } } @media (min-width: 768px) and (max-width: 991px) { .contentbox.footerbox .footerbox-top .col-md-4 .footersprite { display: inline-block; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sslIcon { margin-left: 20px; width: 124px; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.tuevIcon { margin-bottom: -5px !important; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sslIcon, .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sepaIcon { margin-right: 20px; } } @media (max-width: 767px) { .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sslIcon { margin-left: 150px; margin-top: -70px; margin-bottom: 10px; width: 125px; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.ecIcon, .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sepaIcon, .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.mastercardIcon, .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.visaIcon { display: inline-block; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.mastercardIcon { margin-left: 20px; } } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.tuevIcon { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/icon-tuev-Saar-default.svg') no-repeat 5px center; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.tuevIcon:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/icon-tuev-Saar-hover.svg'); } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sslIcon { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/footer_icons.svg') no-repeat 5px center; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.ecIcon { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/ec-grey.svg') no-repeat 5px center; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sepaIcon { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/sepa-grey.svg') no-repeat left center; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.mastercardIcon { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/mastercard-grey.svg') no-repeat left center; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.visaIcon { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/visa-grey.svg') no-repeat left center; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.tuevIcon { width: 140px; height: 70px; background-size: 96%; margin-top: 5px; margin-bottom: 5px; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sslIcon { background-size: 425px 1055px; background-position: -10px -898px; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.ecIcon { width: 38px; background-size: 28px; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.sepaIcon { width: 92px; margin-right: 10px; margin-left: 10px; background-size: 93px 30px; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.mastercardIcon { width: 50px; background-size: 100%; margin: 0px 5px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.mastercardIcon { margin: 0; margin-bottom: 10px; } } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.visaIcon { width: 80px; background-size: 100%; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.payPalIcon { width: 100%; background-size: 100%; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.payPalIcon { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/PayPal-mono.svg') no-repeat 5px center; } .contentbox.footerbox .footerbox-top .col-md-4 .footersprite.payPalIcon:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/PayPal-Farbe.svg'); } .contentbox.footerbox .block { background-color: transparent; } .contentbox.footerbox .footerbox-middle { margin-left: 0; margin-right: 0; } @media (min-width: 1200px) { .contentbox.footerbox .footerbox-middle .visible-lg { margin-top: 10px; } } @media (min-width: 992px) { .contentbox.footerbox .footerbox-middle > div + div + div { margin-top: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .contentbox.footerbox .footerbox-middle > div + div + div { margin-top: 20px; } } @media (max-width: 767px) { .contentbox.footerbox .footerbox-middle > div + div + div { margin-top: 20px; } } .contentbox.footerbox .footerbox-middle .lotto_logo { width: 82px; height: 20px; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/logo-lottopartner-grey.svg'); background-repeat: no-repeat; background-size: 82px 20px; background-position: 0px 0px; padding-top: 20px; } .contentbox.footerbox .footerbox-middle .lotto24_logo, .contentbox.footerbox .footerbox-middle .lotto_logo { height: 20px; } .contentbox.footerbox .footerbox-middle .lotto24_logo { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/l24-icon.svg'); background-size: 20px; background-position: 0px 0px; padding-top: 20px; height: 20px; width: 20px; } .contentbox.footerbox .footerbox-middle span { font-size: 14px; color: #777777; display: table; margin-right: 20px; } @media (min-width: 768px) { .contentbox.footerbox .footerbox-middle span.partner-of { width: 330px; } } @media (min-width: 1199px) { .contentbox.footerbox .footerbox-middle span { display: inline-block; } } .contentbox.footerbox .footerbox-middle span a { font: 14px/20px Verdana, Arial, Helvetica, sans-serif; color: #777777; } .contentbox.footerbox .footerbox-middle span a:hover { text-decoration: underline; } .contentbox.footerbox .footerbox-bottom { margin-left: 0; margin-right: 0; display: block; height: 60px; padding: 15px 0px 20px; background-color: #999999; position: relative; margin-left: -9999rem !important; margin-right: -9999rem !important; padding-left: 9999rem !important; padding-right: 9999rem !important; } @media (max-width: 767px) { .contentbox.footerbox .footerbox-bottom { padding: 15px 10px 20px; } } .contentbox.footerbox .footerbox-bottom a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; } .contentbox.footerbox .footerbox-bottom a:hover { text-decoration: underline; color: #FFFFFF; } .contentbox.footerbox > .row { margin-left: 0; margin-right: 0; } .footerInfo { font-size: 14px; line-height: 22px; margin-top: 50px; color: #717171 !important; /* FIX no p/h3 */ } .footerInfo .row { margin-left: 0px; margin-right: 0px; } .footerInfo h1, .footerInfo h2, .footerInfo h3, .footerInfo a, .footerInfo p { font-family: Verdana, Arial, Helvetica, sans-serif; color: #717171 !important; } @media (max-width: 480px) { .footerInfo h1.footerHeaderSpace, .footerInfo h2.footerHeaderSpace, .footerInfo h3.footerHeaderSpace, .footerInfo a.footerHeaderSpace, .footerInfo p.footerHeaderSpace { padding-bottom: 5px; } } .footerInfo h1, .footerInfo h2, .footerInfo h3, .footerInfo p { font-family: 'WebSans', Arial, sans-serif; font-size: 20px; line-height: 28px; } .footerInfo .footerInfoBg { border: none; } .footerInfo .footerInfoBg > ul { margin-bottom: 30px; } .footerInfo p > b { font-weight: bold; } .footerInfo a, .footerInfo p { font-size: 14px; line-height: 22px; } .footerInfo a, .footerInfo span a { color: #1C8AD9 !important; display: inline-block; } .footerInfo a:hover, .footerInfo span a:hover { color: #166EAE !important; } .footerInfo a:active, .footerInfo span a:active { color: #1C8AD9 !important; } .footerInfo a:visited, .footerInfo span a:visited { color: #61ADE4 !important; } /*------------ ------------ ------------ FOOTER BOF ------------ ------------ ------------*/ .container.dropshadow .contentbox.footerBoxes.footerBoxes--service { background: #F3F3F3; border-radius: 4px; border-top: 0; padding: 20px 20px 30px 104px; min-height: 0; position: relative; margin-top: 90px; margin-bottom: 50px; } .container.dropshadow .contentbox.footerBoxes.footerBoxes--service:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; } @media (min-width: 992px) { .container.dropshadow .contentbox.footerBoxes.footerBoxes--service { margin-left: 0px; margin-right: 0px; } } @media (max-width: 767px) { .container.dropshadow .contentbox.footerBoxes.footerBoxes--service { padding: 20px 20px 30px 20px; } } .contentbox.footerBoxes .footerBoxes__serviceHeader { position: absolute; left: 15px; top: -50px; } .contentbox.footerBoxes .footerBoxes__serviceHeader h2 { font-family: 'WebSans', Arial, sans-serif; font-size: 26px; line-height: 32px; } @media (min-width: 992px) { .contentbox.footerBoxes .footerBoxes__serviceHeader h2 { font-size: 36px; line-height: 36px; } } @media (max-width: 767px) { .contentbox.footerBoxes .footerBoxes__serviceHeader h2 { font-size: 20px; line-height: 27px; } } @media (min-width: 768px) { .contentbox.footerBoxes .footerBoxes__serviceHeader { top: -50px; } } .contentbox.footerBoxes .footerBoxes__serviceHotlineNumber { font-family: 'WebSans', Arial, sans-serif; font-size: 26px; line-height: 32px; display: block; } .contentbox.footerBoxes .footerBoxes__serviceHotlineText, .contentbox.footerBoxes .footerBoxes__serviceHotlineNumber, .contentbox.footerBoxes .footerBoxes__serviceTime, .contentbox.footerBoxes .footerBoxes__serviceFax { position: relative; top: 10px; left: 0px; } @media (min-width: 768px) { .contentbox.footerBoxes .footerBoxes__serviceHotlineText, .contentbox.footerBoxes .footerBoxes__serviceHotlineNumber, .contentbox.footerBoxes .footerBoxes__serviceTime, .contentbox.footerBoxes .footerBoxes__serviceFax { float: none; display: block; } } .contentbox.footerBoxes .footerBoxes__serviceHotline { position: relative; top: 0px; left: 0px; } .contentbox.footerBoxes .footerBoxes__serviceHotline .footerBoxes__serviceHotlineText, .contentbox.footerBoxes .footerBoxes__serviceHotline .footerBoxes__serviceHotlineNumber, .contentbox.footerBoxes .footerBoxes__serviceHotline .footerBoxes__serviceTime, .contentbox.footerBoxes .footerBoxes__serviceHotline .footerBoxes__serviceFax { margin-left: 0; float: none; display: block; } .contentbox.footerBoxes .footerBoxes__serviceHotlineText { float: none; display: block; } .contentbox.footerBoxes .footerBoxes__servicePW, .contentbox.footerBoxes .footerBoxes__serviceLink { display: block; position: static; font-size: 16px; line-height: 25px; } .contentbox.footerBoxes .footerBoxes__serviceLink span { font-size: 14px; line-height: 25px; color: #1C8AD9; } .contentbox.footerBoxes .footerBoxes__serviceLink span:hover { color: #166EAE; } .contentbox.footerBoxes .footerBoxes__serviceLink span:visited { color: #61ADE4; } .contentbox.footerBoxes .footerBoxes__serviceLink span:active { color: #1C8AD9; } .contentbox.footerBoxes .footerBoxes__servicePW { margin-top: 104px; position: relative; top: 0; left: 0; } .contentbox.footerBoxes .footerBoxes__servicePW:before { content: ""; display: block; position: absolute; top: -84px; left: 0; width: 64px; height: 64px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/question_grau_64x64.svg') no-repeat scroll 0px 0px rgba(255, 255, 255, 0); } @media (min-width: 768px) { .contentbox.footerBoxes .footerBoxes__servicePW { margin-top: 20px; margin-left: 84px; } .contentbox.footerBoxes .footerBoxes__servicePW:before { top: 0; left: -84px; } } @media (min-width: 768px) { .contentbox.footerBoxes .footerBoxes__serviceLink { margin-left: 84px; margin-bottom: 40px; } } .contentbox.footerBoxes .footerBoxes__serviceImage { position: absolute; float: none; bottom: inherit; top: 20px; left: 20px; height: 64px; width: 64px; background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/service_grau_64x64.svg') no-repeat scroll 0px 0px rgba(255, 255, 255, 0); margin: 0 15px 15px 0; } .contentbox.footerBoxes .footerBoxes__serviceImage.hidden-xs { display: block !important; } @media (max-width: 767px) { .contentbox.footerBoxes .footerBoxes__serviceImage { position: static; } } /*--- footer.less END ---*/ /*--- teasers.less START ---*/ body[data-page="/home"] .content-wrapper .container.dropshadow, body[data-page="/logout"] .content-wrapper .container.dropshadow, body[data-page="/home"] .content-wrapper .container.dropshadow.contentbox.footerbox, body[data-page="/logout"] .content-wrapper .container.dropshadow.contentbox.footerbox { max-width: inherit; padding-left: 15px; padding-right: 15px; } body[data-page="/home"] .content-wrapper .container.dropshadow.contentbox.footerbox, body[data-page="/logout"] .content-wrapper .container.dropshadow.contentbox.footerbox { padding-left: 0px; padding-right: 0px; } body[data-page="/home"] .contentbox.teaserbox, body[data-page="/logout"] .contentbox.teaserbox { background-color: #fff !important; } body[data-page="/home"] .teaser, body[data-page="/logout"] .teaser { overflow: hidden; } body[data-page="/home"] .teaser *, body[data-page="/logout"] .teaser *, body[data-page="/home"] .teaser *, body[data-page="/logout"] .teaser * { font-family: 'WebSans', Arial, sans-serif; -webkit-font-smoothing: antialiased; } body[data-page="/home"] .teaser > div:before, body[data-page="/logout"] .teaser > div:before, body[data-page="/home"] .teaser:before, body[data-page="/logout"] .teaser:before { content: ''; z-index: 10; width: 100%; height: 100%; display: block; position: absolute; pointer-events: none; border: 0.2em solid #FFFFFF; border-width: 0.5em; } body[data-page="/home"] .teaser > div:before, body[data-page="/logout"] .teaser > div:before { border: 0.8em solid #FFFFFF; border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; } @media (min-width: 992px) { body[data-page="/home"] .teaser > div:before, body[data-page="/logout"] .teaser > div:before { border-width: 0.7em; } } @media (min-width: 768px) { body[data-page="/home"] .teaser > div:before, body[data-page="/logout"] .teaser > div:before { border-width: 0.6em; } } @media (max-width: 767px) { body[data-page="/home"] .teaser > div:before, body[data-page="/logout"] .teaser > div:before { border-width: 0.9em; } } @media (max-width: 480px) { body[data-page="/home"] .teaser > div:before, body[data-page="/logout"] .teaser > div:before { border-width: 0.7em; } } @media (min-width: 992px) { body[data-page="/home"] .teaser > div.teaser--campaign:before, body[data-page="/logout"] .teaser > div.teaser--campaign:before { border-width: 0.6em; } } @media (min-width: 768px) { body[data-page="/home"] .teaser > div.teaser--campaign:before, body[data-page="/logout"] .teaser > div.teaser--campaign:before { border-width: 0.5em; } } @media (max-width: 480px) { body[data-page="/home"] .teaser > div.teaser--campaign:before, body[data-page="/logout"] .teaser > div.teaser--campaign:before { border-width: 0.6em; } } body[data-page="/home"] .resultTeaser, body[data-page="/logout"] .resultTeaser { color: #717171; } @media (max-width: 767px) { body[data-page="/home"] .resultTeaser, body[data-page="/logout"] .resultTeaser { height: 24.5em; } } @media (min-width: 768px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpot .resultTeaser__content, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot .resultTeaser__content { height: 23.2em; } } @media (max-width: 767px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall { height: 13.6em; } } @media (min-width: 768px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__content, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__content { height: 9.25em; } } body[data-page="/home"] .resultTeaser .resultTeaser__text, body[data-page="/logout"] .resultTeaser .resultTeaser__text { line-height: 1; text-transform: none; padding: 2em; padding-top: 0em; padding-bottom: 0em; } body[data-page="/home"] .resultTeaser .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser .resultTeaser__text__line1 { font-size: 2.5em; } body[data-page="/home"] .resultTeaser .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser .resultTeaser__text__line2 { font-size: 2.5em; font-weight: 700; margin-top: 0.2em; text-transform: uppercase; } body[data-page="/home"] .resultTeaser .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser .resultTeaser__text__line3 { font-size: 1.5em; margin-top: 0.75em; text-align: left; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lottonormal, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lottonormal, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lottonormal, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lottonormal, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lottonormal, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lottonormal { background-color: #FFDF00; color: #C90713; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lottonormal .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lottonormal .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lottonormal .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lottonormal .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lottonormal .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lottonormal .resultTeaser__buttons a { border-color: #515151; color: #515151; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lottonormal .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lottonormal .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lottonormal .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lottonormal .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lottonormal .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lottonormal .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lottonormal .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lottonormal .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lottonormal .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lottonormal .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lottonormal .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lottonormal .resultTeaser__buttons a:active { background-color: #515151; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--eurojackpot, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--eurojackpot, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--eurojackpot, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--eurojackpot, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--eurojackpot, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--eurojackpot { background-color: #BC852E; color: #F7EA99; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--eurojackpot .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--eurojackpot .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--eurojackpot .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--eurojackpot .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--eurojackpot .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--eurojackpot .resultTeaser__buttons a { border-color: #FFFFFF; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--eurojackpot .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--eurojackpot .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--eurojackpot .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--eurojackpot .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--eurojackpot .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--eurojackpot .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--eurojackpot .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--eurojackpot .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--eurojackpot .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--eurojackpot .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--eurojackpot .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--eurojackpot .resultTeaser__buttons a:active { background-color: #FFFFFF; color: #515151; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--gluecksspirale, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--gluecksspirale, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--gluecksspirale, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--gluecksspirale, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale { background-color: #A1060F; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--gluecksspirale .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--gluecksspirale .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--gluecksspirale .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--gluecksspirale .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__buttons a { border-color: #FFFFFF; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--gluecksspirale .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--gluecksspirale .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--gluecksspirale .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--gluecksspirale .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--gluecksspirale .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--gluecksspirale .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--gluecksspirale .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--gluecksspirale .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__buttons a:active { background-color: #FFFFFF; color: #515151; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--keno, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--keno, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--keno, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--keno, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--keno, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--keno { background-color: #951B81; color: #EFDC59; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--keno .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--keno .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--keno .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--keno .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--keno .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--keno .resultTeaser__buttons a { border-color: #FFFFFF; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--keno .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--keno .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--keno .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--keno .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--keno .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--keno .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--keno .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--keno .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--keno .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--keno .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--keno .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--keno .resultTeaser__buttons a:active { background-color: #FFFFFF; color: #515151; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto { background-color: #E4730A; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a { border-color: #FFFFFF; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a:active { color: #515151; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a:hover { background-color: #F3F3F3; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__buttons a:active { background-color: #FFFFFF; } body[data-page="/home"] .resultTeaser .resultTeaser__logo, body[data-page="/logout"] .resultTeaser .resultTeaser__logo { padding: 1.875em; padding-bottom: 0px; } body[data-page="/home"] .resultTeaser .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser .resultTeaser__logo:before { background-position: 0em 0em; background-repeat: no-repeat; content: ""; display: block; width: 100%; height: 100%; } @media (max-width: 767px) { body[data-page="/home"] .resultTeaser .resultTeaser__logo, body[data-page="/logout"] .resultTeaser .resultTeaser__logo { height: 5.5em; } } @media (min-width: 768px) { body[data-page="/home"] .resultTeaser .resultTeaser__logo, body[data-page="/logout"] .resultTeaser .resultTeaser__logo { padding-bottom: 0px; height: 5.5em; } } body[data-page="/home"] .resultTeaser .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser .resultTeaser__logo:before { background-size: auto 2.5em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo:before { background-size: auto 1.6em; } body[data-page="/home"] .resultTeaser--lottonormal .resultTeaser__logo, body[data-page="/logout"] .resultTeaser--lottonormal .resultTeaser__logo { background-image: none; } body[data-page="/home"] .resultTeaser--lottonormal .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser--lottonormal .resultTeaser__logo:before { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/logo/logo-lotto-6-aus-49.svg"); } body[data-page="/home"] .resultTeaser--eurojackpot .resultTeaser__logo, body[data-page="/logout"] .resultTeaser--eurojackpot .resultTeaser__logo { background-image: none; } body[data-page="/home"] .resultTeaser--eurojackpot .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser--eurojackpot .resultTeaser__logo:before { background-image: url("//js.ui-portal.de/test/lotto24/img/EuroJackpot-breit.svg"); } body[data-page="/home"] .resultTeaser--gluecksspirale .resultTeaser__logo, body[data-page="/logout"] .resultTeaser--gluecksspirale .resultTeaser__logo { background-image: none; } body[data-page="/home"] .resultTeaser--gluecksspirale .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser--gluecksspirale .resultTeaser__logo:before { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/logo/Gluecksspirale-Logo-White.svg"); } body[data-page="/home"] .resultTeaser--keno .resultTeaser__logo, body[data-page="/logout"] .resultTeaser--keno .resultTeaser__logo { background-position: 1.875em 1.7em; } body[data-page="/home"] .resultTeaser--lotto .resultTeaser__logo, body[data-page="/logout"] .resultTeaser--lotto .resultTeaser__logo, body[data-page="/home"] .resultTeaser--duolotto .resultTeaser__logo, body[data-page="/logout"] .resultTeaser--duolotto .resultTeaser__logo { background-image: none; } body[data-page="/home"] .resultTeaser--lotto .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser--lotto .resultTeaser__logo:before, body[data-page="/home"] .resultTeaser--duolotto .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser--duolotto .resultTeaser__logo:before { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/logo/Duolotto-breit.svg"); } body[data-page="/home"] .resultTeaser.resultTeaser--club, body[data-page="/logout"] .resultTeaser.resultTeaser--club, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific { background-color: #1DB081; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__logo, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__logo { background-position: 2em 1.9em; background-size: auto 2.5em; } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__logo2, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__logo2, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__logo2, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__logo2 { margin-top: 0.25em; } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__text, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__text, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__text, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__text { padding-top: 5em; } @media screen and (max-width: 767px) { body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__text, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__text, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__text, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__text { padding-top: 2.5em; } } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__text__line2__club, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__text__line2__club, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__text__line2__club, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__text__line2__club, body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__text__line3__club, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__text__line3__club, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__text__line3__club, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__text__line3__club { text-transform: uppercase; font-size: 3.5em; float: left; } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__logo3, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__logo3, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__logo3, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__logo3 { position: absolute; float: right; margin: 0px; width: 16em; right: 0; bottom: 0; } @media screen and (max-width: 767px) { body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__logo3, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpot .resultTeaser__logo3, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__logo3, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpot .resultTeaser__logo3 { width: 14em; background-size: 13.1em 11.65em; height: 10.7em; } } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotsmall .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotsmall .resultTeaser__logo, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotsmall .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotsmall .resultTeaser__logo { background-position: 2em 1.9em; background-size: auto 2.5em; background-image: url("//js.ui-portal.de/test/lotto24/img/Spielgemeinschaften-breit.svg"); height: 5.3em; } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotsmall .resultTeaser__text__line1.resultTeaser__text__line1--nojackpot, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotsmall .resultTeaser__text__line1.resultTeaser__text__line1--nojackpot, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotsmall .resultTeaser__text__line1.resultTeaser__text__line1--nojackpot, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotsmall .resultTeaser__text__line1.resultTeaser__text__line1--nojackpot { font-size: 2.8em !important; } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo { background-image: url("//js.ui-portal.de/test/lotto24/img/Spielgemeinschaften-breit.svg"); left: 1.3em; top: 1.5em; bottom: initial !important; height: 2em; background-size: 74% auto; } @media screen and (min-width: 768px) { body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo { background-size: 82% auto; left: 1.2em; } } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo .icon { width: 6.5em; left: 0.6em; top: 7em; line-height: 1.8em; } @media screen and (min-width: 768px) { body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo .icon { top: 7.4em; line-height: 1.9em; } } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo .icon:before, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__logo .icon:before, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo .icon:before, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__logo .icon:before { content: "Mitspielen"; } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__text, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__text, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__text, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__text { padding-left: 1.8em; } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__text__line1 { margin-top: 4px; } body[data-page="/home"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__text__line2__club, body[data-page="/logout"] .resultTeaser.resultTeaser--club.resultTeaser--jackpotmini .resultTeaser__text__line2__club, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__text__line2__club, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific.resultTeaser--jackpotmini .resultTeaser__text__line2__club { font-size: 2.5em; line-height: 1em; margin: 5px 0px 0px; } body[data-page="/home"] .resultTeaser.resultTeaser--club .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--club .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific .resultTeaser__buttons a { border-color: #FFFFFF; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--club .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--club .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser.resultTeaser--club .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--club .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser.resultTeaser--clubSpecific .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser.resultTeaser--clubSpecific .resultTeaser__buttons a:active { background-color: #FFFFFF; color: #515151; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__text__line1 { font-size: 2.6em; text-align: left; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge .resultTeaser__text__line2, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line2, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line2, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot .resultTeaser__text__line2, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__text__line2 { font-size: 6em !important; font-weight: 500; margin-top: 0.4em !important; text-transform: uppercase; text-align: left; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotlarge .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotlarge .resultTeaser__text__line3, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line3, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line3, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot .resultTeaser__text__line3, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--gluecksspirale .resultTeaser__text__line3 { font-size: 1.5em; margin-top: 0.75em; text-align: left; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--lotto .resultTeaser__text__line2, body[data-page="/home"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpot.resultTeaser--duolotto .resultTeaser__text__line2 { margin-left: -0.06em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__logo { float: none; width: 100%; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text { padding-top: 0em; position: relative; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line1 { font-size: 1.25em !important; text-align: left; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line2 { text-align: right; position: absolute; top: 0; margin-top: 0 !important; right: 0.6em; width: 50%; font-size: 3.5em !important; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--duolotto .resultTeaser__text__line3, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--lotto .resultTeaser__text__line3 { margin-left: -0.15em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__text__line2 { width: 65%; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall.resultTeaser--keno .resultTeaser__logo { background-size: 9em 2.65em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotsmall .resultTeaser__text__line3 { font-size: 1em !important; margin-top: 0.3em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo { float: none; width: 100%; background-size: 5.3125em; height: 100%; position: absolute; left: 0; bottom: -0.2em !important; padding-top: 2.2em; padding-bottom: 0px; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon { font-size: 1.125em; width: 7.125em; height: 2em; line-height: 1.8em; left: 1.65em; border: 1px solid white; border-radius: 4px; color: #FFFFFF; position: absolute; top: 8.3em; } @media (min-width: 768px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon { top: 8.625em; } } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon:before, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon:before { content: "Spielschein"; padding: 0px 10px; font-family: 'WebSans', Arial, sans-serif; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__logo .icon:hover { background-color: #FFFFFF; color: #515151; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__logo { padding-top: 1.7em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__logo .icon, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__logo .icon { border-color: #515151; color: #515151; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__logo .icon:active, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__logo .icon:active, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__logo .icon:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--lottonormal .resultTeaser__logo .icon:hover { background-color: #515151; color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__logo { padding-top: 1.5em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__logo:before { background-position: -0.15em 0em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__logo { padding-top: 1.3em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__logo { padding-top: 1.6em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line1 { margin-left: -0.15em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line2, body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3 { margin-left: -0.1em; } @media (max-width: 590px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line2 { margin-top: 0 !important; } } @media (max-width: 590px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3 { width: 115px; line-height: 10px !important; margin-top: 0; } } @media (max-width: 480px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3 { width: 100px; line-height: 8px !important; } } @media (max-width: 390px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3 { width: 85px; line-height: 8px !important; } } @media (max-width: 330px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--duolotto .resultTeaser__text__line3 { width: 75px; line-height: 7px !important; } } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--gluecksspirale .resultTeaser__logo:before { background-size: 7.5em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__logo:before, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini.resultTeaser--eurojackpot .resultTeaser__logo:before { background-size: 12.5em; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text { padding-top: 3.5em !important; position: relative; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line1 { font-size: 1.5em !important; text-align: left; margin-top: 8px; } @media (max-width: 579px) { body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line1 { margin-top: 0.1em; } } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line2 { text-align: left; position: static; margin-top: 0.1em !important; font-size: 2.5em !important; } body[data-page="/home"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--jackpotmini .resultTeaser__text__line3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6875em !important; margin-top: 0.5em; line-height: inherit !important; } body[data-page="/home"] .resultTeaser.resultTeaser--spiel77, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77 { background-color: #0D93D2; } body[data-page="/home"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__text__line1, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__text__line1, body[data-page="/home"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__text__line2, body[data-page="/home"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__text__line3, body[data-page="/home"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__buttons, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__buttons, body[data-page="/home"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__buttons__button, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__buttons__button { color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__buttons__button, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__buttons__button { border-color: #FFFFFF; } body[data-page="/home"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__buttons__button:hover, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__buttons__button:hover { background-color: #FFFFFF; color: #515151; } body[data-page="/home"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77 .resultTeaser__logo { background-size: auto 2.5em; background-position: 2em 2em; } body[data-page="/home"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpot .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpot .resultTeaser__logo { background-position: 2em 2em; background-size: auto 2.5em; } body[data-page="/home"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotsmall .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotsmall .resultTeaser__logo { background-position: 2em 2em; background-size: auto 2.5em; } body[data-page="/home"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotmini .resultTeaser__logo, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotmini .resultTeaser__logo { background-position: 2em 1.6em; background-size: auto 1.7em; } @media (min-width: 768px) and (max-width: 991px) { body[data-page="/home"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotmini .resultTeaser__text__line3, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotmini .resultTeaser__text__line3 { font-size: 1em !important; margin-top: 0.1em; } } @media (max-width: 370px) { body[data-page="/home"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotmini .resultTeaser__logo .icon { top: 9em; } } @media (max-width: 350px) { body[data-page="/home"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotmini .resultTeaser__logo .icon, body[data-page="/logout"] .resultTeaser.resultTeaser--spiel77.resultTeaser--jackpotmini .resultTeaser__logo .icon { top: 9.6em; } } body[data-page="/home"] .resultTeaser__buttons, body[data-page="/logout"] .resultTeaser__buttons { padding: 1.125em; padding-top: 0px; padding-bottom: 0px; } body[data-page="/home"] .resultTeaser__buttons a.further--arrow:not(.confirm):not(.cancel):not(.optionen), body[data-page="/logout"] .resultTeaser__buttons a.further--arrow:not(.confirm):not(.cancel):not(.optionen) { padding-right: 0.85em; } body[data-page="/home"] .resultTeaser__buttons a, body[data-page="/logout"] .resultTeaser__buttons a, body[data-page="/home"] .resultTeaser__buttons a.resultTeaser__buttons__button, body[data-page="/logout"] .resultTeaser__buttons a.resultTeaser__buttons__button { border-radius: 4px; border-color: #999999; border-width: 1px; box-shadow: none; color: #999999; display: inline-block; height: auto; float: left; line-height: 1em; margin-right: 0.8em; padding: 0.53em 0.85em; white-space: nowrap; width: inherit; } body[data-page="/home"] .resultTeaser__buttons a:hover, body[data-page="/logout"] .resultTeaser__buttons a:hover, body[data-page="/home"] .resultTeaser__buttons a.resultTeaser__buttons__button:hover, body[data-page="/logout"] .resultTeaser__buttons a.resultTeaser__buttons__button:hover, body[data-page="/home"] .resultTeaser__buttons a:active, body[data-page="/logout"] .resultTeaser__buttons a:active, body[data-page="/home"] .resultTeaser__buttons a.resultTeaser__buttons__button:active, body[data-page="/logout"] .resultTeaser__buttons a.resultTeaser__buttons__button:active { background-color: #999999; color: #FFFFFF; } body[data-page="/home"] .resultTeaser__buttons a.resultTeaser__buttons__button--quicktippButton, body[data-page="/logout"] .resultTeaser__buttons a.resultTeaser__buttons__button--quicktippButton { margin-left: 0; padding-left: 0.35em; padding-right: 0.6em; } body[data-page="/home"] .resultTeaser__buttons a.resultTeaser__buttons__button--quicktippButton:last-of-type, body[data-page="/logout"] .resultTeaser__buttons a.resultTeaser__buttons__button--quicktippButton:last-of-type { margin-right: 0 !important; } @media (max-width: 767px) { body[data-page="/home"] .resultTeaser__buttons, body[data-page="/logout"] .resultTeaser__buttons { margin-top: -1.1em; } body[data-page="/home"] .resultTeaser--jackpotsmall .resultTeaser__buttons, body[data-page="/logout"] .resultTeaser--jackpotsmall .resultTeaser__buttons { margin-top: -0.6em; } body[data-page="/home"] .resultTeaser--jackpot.resultTeaser--keno .resultTeaser__text__line2, body[data-page="/logout"] .resultTeaser--jackpot.resultTeaser--keno .resultTeaser__text__line2 { font-size: 5.375em !important; } } body[data-page="/home"] .resultTeaser__numbers, body[data-page="/logout"] .resultTeaser__numbers { padding-bottom: 2em; padding-top: 1.875em; margin: 0em 0px 1em 1em; } body[data-page="/home"] .resultTeaser__numbers__number, body[data-page="/logout"] .resultTeaser__numbers__number { display: block; float: left; font-weight: 300; margin: 0em 0.5em 0em 0em; line-height: 2.3em; position: static; } body[data-page="/home"] .resultTeaser__numbers__shadow, body[data-page="/logout"] .resultTeaser__numbers__shadow { display: none; } body[data-page="/home"] .resultTeaser__numbers__right, body[data-page="/logout"] .resultTeaser__numbers__right { position: relative; } body[data-page="/home"] .resultTeaser__numbers__label, body[data-page="/logout"] .resultTeaser__numbers__label { position: absolute; top: auto; right: 0.5em; bottom: -2.25em; left: auto; } body[data-page="/home"] .resultTeaser, body[data-page="/logout"] .resultTeaser { background-color: #F3F3F3; } /*--- teasers.less END ---*/ /*--- spielscheine.less START ---*/ [data-page^="/product/lottonormal/quicktipp"] #popupDrawCycle, [data-page^="/product/lottonormal/quicktipp"] #popupAlert { top: 0px; } @media (min-width: 768px) and (max-width: 991px) { [data-page^="/product/lottonormal/quicktipp"] #popupDrawCycle { width: 490px; } } @media screen and (max-width: 767px) { #popupDrawCycle.popup .infoText .drawCycleBlock > div { display: block; } } [data-page*="/product/"] .popup.popupAlert.infoText > span { padding: 30px 20px; } @media (max-width: 767px) { [data-page*="/product/"] .popup { background-color: transparent; } } @media (min-width: 768px) and (max-width: 991px) { [data-page*="/product/"] .editField .confirm { line-height: 35px; } } .overlay { background-color: rgba(51, 51, 51, 0.5); } .ticket-gls .popup { background-color: #FFFFFF; } @media (min-width: 768px) { [data-page^="/product/gluecksspirale"] .selected-number__button.icon-trash { top: -1.1em; } } .popup { left: 50%; right: auto; -ms-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .popup .infoText, .popup .headline, .popup .textButton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; font-weight: normal; } @media (min-width: 768px) and (max-width: 991px) { .popup .infoText, .popup .headline, .popup .textButton { line-height: 17px; } } .popup .textButton { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: no-repeat; border-color: transparent; } .popup .textButton.disabled { background-color: transparent; } .popup .textButton.disabled:hover { background-color: transparent !important; } .popup .textButton.random, .popup .textButton.randomFillUp, .popup .textButton.delete, .popup .textButton.delete2 { font-size: 14px; line-height: 26px; min-height: 30px; background-size: 24px; } @media (min-width: 768px) and (max-width: 991px) { .popup .textButton.random, .popup .textButton.randomFillUp, .popup .textButton.delete, .popup .textButton.delete2 { background-size: 20px; font-size: 11px; line-height: 22px; } } @media (max-width: 767px) { .popup .textButton.random, .popup .textButton.randomFillUp, .popup .textButton.delete, .popup .textButton.delete2 { padding-left: 12.8vw; background-size: 9.6vw; line-height: 9.6vw; font-size: 3.6vw; } } @media (max-width: 380px) { .popup .textButton.random, .popup .textButton.randomFillUp, .popup .textButton.delete, .popup .textButton.delete2 { padding-left: 11vw; line-height: 4vw; display: flex; align-items: center; } } .popup .textButton.random, .popup .textButton.randomFillUp, .popup .textButton.delete2 { background-position: 0px 1px; } .popup .textButton.random:hover { background-color: transparent; } @media (min-width: 768px) and (max-width: 991px) { .popup .textButton.random { background-position: 1px 2px; } } .popup .textButton.delete2 { background-color: transparent; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-grau.svg'); } .popup .textButton.delete2:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-blau.svg'); } .popup .textButton.randomFillUp { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/tippschein/zufallszahlen_auffuellen-grau.svg'); } .popup .textButton.randomFillUp:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/tippschein/zufallszahlen_auffuellen-blau.svg'); } @media (max-width: 767px) { .popup .previous__field, .popup .next__field { bottom: -5vw; } } .popup .fieldOptions { background-color: #F3F3F3; border-radius: 4px; } .popup .fieldOptions .selectCounter { font-family: 'WebSans', Arial, sans-serif; font-size: 1em; text-align: center; } @media (max-width: 991px) and (min-width: 768px) { .popup .fieldOptions .confirm.middle { height: 32px !important; font-size: 16px !important; line-height: 32px !important; } } @media (max-width: 767px) { .popup .fieldOptions .selectCounter.bottom { left: 53vw; } } @media (min-width: 768px) { .popup .next, .popup.editField .next { left: initial; } } @media (min-width: 992px) { .popup .next { right: -60px; left: initial; } .popup .previous { left: -60px; } } .popup .infoText { background-color: #FFFFFF; padding: 0px; font-size: 14px; font-weight: 300; line-height: 1.75em; margin: 15px; padding: 15px; } .popup .infoText span { display: block; } @media (min-width: 768px) { .popup .infoText { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 30px 0px 0px 0px; padding: 0px; } } .popup .infoText .drawCycleBlock { display: block; } .popup .infoText .ticket-options__row__checkbox { display: inline-block; height: 2.5em; width: 30%; margin-right: 3.6%; } .popup .infoText .ticket-options__row__checkbox:active, .popup .infoText .ticket-options__row__checkbox:hover { background: none; } .popup .infoText .ticket-options__row__checkbox--last { margin-right: 0; } .popup .infoText .ticket-options__row__checkbox__wrapper { display: block; } .popup .infoText .ticket-options__row__checkbox__wrapper__box { float: left; margin-right: 10px; border-radius: 4px; height: 1.5em; width: 1.5em; } @media (min-width: 768px) { .popup .infoText .ticket-options__row__checkbox__wrapper__box { height: 1.5em; width: 1.5em; } } .popup .infoText .ticket-options__row__checkbox__wrapper__label { margin-left: 0; } @media (min-width: 992px) { .popup .infoText .ticket-options__row__checkbox__wrapper__label { line-height: 1.5em; } } .popup .infoText .ticket-options__row__checkbox__wrapper--active .ticket-options__row__checkbox__wrapper__box { background-size: 1.3em; } .popup .buttonsBlock a { font-size: 20px !important; } @media (max-width: 767px) { .popup .fieldOptions .cancel#cancelPopupEdit { margin-top: 10px; } } .listItem__ticketDetail__ticketDetailInfo .product-table__content h2 { float: none; } .listItem__ticketDetail__ticketDetailInfo h4, .listItem__ticketDetail__ticketDetailInfo .product-table__content h2, .listItem__ticketDetail__ticketDetailInfo .product-table__content__hint, .listItem__ticketDetail__ticketDetailInfo .ticket-details__header { white-space: normal; font-family: 'WebSans', Arial, sans-serif; color: #515151; } @media (min-width: 768px) { .listItem__ticketDetail__ticketDetailInfo h4, .listItem__ticketDetail__ticketDetailInfo .product-table__content h2, .listItem__ticketDetail__ticketDetailInfo .product-table__content__hint, .listItem__ticketDetail__ticketDetailInfo .ticket-details__header { font-size: 24px; line-height: 32px; } } @media (max-width: 767px) { .listItem__ticketDetail__ticketDetailInfo h4, .listItem__ticketDetail__ticketDetailInfo .product-table__content h2, .listItem__ticketDetail__ticketDetailInfo .product-table__content__hint, .listItem__ticketDetail__ticketDetailInfo .ticket-details__header { font-size: 20px; line-height: 28px; } } @media (max-width: 480px) { .listItem__ticketDetail__ticketDetailInfo h4, .listItem__ticketDetail__ticketDetailInfo .product-table__content h2, .listItem__ticketDetail__ticketDetailInfo .product-table__content__hint, .listItem__ticketDetail__ticketDetailInfo .ticket-details__header { font-size: 16px; line-height: 24px; } } .listItem__ticketDetail__ticketDetailInfo h4 span { font-weight: 200; } @media (min-width: 768px) { .listItem__ticketDetail__ticketDetailInfo h4 span { font-size: 20px; line-height: 28px; } } @media (max-width: 767px) { .listItem__ticketDetail__ticketDetailInfo h4 span { font-size: 20px; line-height: 28px; } } .listItem__ticketDetail__ticketDetailInfo hr { visibility: hidden; } .ticket-options__row__headline__info, .ticket-options__row__headline__info.hover, .ticket-options__row__headline__info:hover { background-image: none; } .ticket-options__row__headline__info:before, .ticket-options__row__headline__info.hover:before, .ticket-options__row__headline__info:hover:before, .checkbox-block__headline__info:before, .checkbox-block__headline__info.hover:before, .checkbox-block__headline__info:hover:before, .icon-ueber-uns:before, .icon-ueber-uns.hover:before, .icon-layer-info:before, .icon-layer-info.hover:before { content: "?"; font-size: 10px; padding: 0px 4px 1px 3px; border: 1px solid #999999; border-radius: 2px; background-color: #999999; color: #FFFFFF; } .checkbox-block__headline__info:before, .icon-ueber-uns:before { position: absolute; top: -12px; } .checkbox-block__headline__info.checkbox-block__headline__info--dfl_main:before { display: none; } .ticket-options__row__headline__info.hover:before, .ticket-options__row__headline__info:hover:before, .checkbox-block__headline__info.hover:before, .checkbox-block__headline__info:hover:before, .icon-layer-info.hover:before { background-color: #1A8BD9; border-color: #1A8BD9; } @media (min-width: 992px) { .ticket-options__row--last .ticket-options__row__checkbox { width: 10em; } } @media (min-width: 768px) { .ticket-options__row--last .ticket-options__row__checkbox .tooltip--right .tooltip__text { min-width: 13em; } } @media (min-width: 992px) { .ticket-options__row--last .ticket-options__row__checkbox .tooltip--right .tooltip__text { min-width: 17em; } } .ticket-options__row--last .ticket-options__row__checkbox .tooltip--right .tooltip__text.tooltip__text--sm { left: calc(100% - 40px); margin-top: -25px; } .ticket-options__row--last .ticket-options__row__checkbox .tooltip--right .tooltip__arrow { right: 40px; } .ticket-options__row__forcedTooltip { top: 3px; } @media screen and (min-width: 1200px) { .tooltip__text.tooltip__text--sm { top: -40px !important; } } @media (min-width: 768px) and (max-width: 1200px) { [data-page^="/depot/ticketlist"] .contentbox .listItem__status { width: 115px; } } [data-page^="/depot/ticketlist"] .contentbox .listItem__ticketDetail { margin-top: 0; } @media screen and (min-width: 1200px) { [data-page^="/depot/ticketlist"] .contentbox .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem { height: 110px; } } @media screen and (max-width: 767px) { [data-page^="/depot/ticketlist"] .contentbox .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem { height: 150px; } } [data-page^="/depot/ticketlist"] .contentbox .listItem__ticketDetail__button-hide { width: 22px; } @media screen and (max-width: 767px) { [data-page^="/depot/ticketlist"] .contentbox .listItem__productlogo { position: absolute; } [data-page^="/depot/ticketlist"] .contentbox .listItem__ticketname, [data-page^="/depot/ticketlist"] .contentbox .listItem__entrylabel, [data-page^="/depot/ticketlist"] .contentbox .listItem__status, [data-page^="/depot/ticketlist"] .contentbox .listItem__optionsbar { position: relative; top: 0; } [data-page^="/depot/ticketlist"] .contentbox .listItem__entrylabel, [data-page^="/depot/ticketlist"] .contentbox .listItem__optionsbar { margin-top: 10px; } } [data-page^="/depot/ticketlist"] .modal-backdrop { position: fixed; } [data-page^="/depot/ticketlist_current"] .checkbox-block__headline__info.checkbox-block__headline__info--dfl_week:before { content: ""; font-size: 10px; padding: 0px 4px 1px 3px; border: none; border-radius: 0px; background: none; color: #FFFFFF; } .ticketFields .ticketField .numberBlock .fast-number--checked:before, .ticketFields .ticketField .numberBlock .fieldnumber, .popup.keno .selectedFieldBlock .selectedField .fieldnumber { z-index: 190; } .tooltip__arrow { border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 9px solid #FFFFFF; } @media screen and (min-width: 768px) { .tooltip--right .tooltip__arrow { margin-top: 0px; border-right: 9px solid #FFFFFF; border-top: 9px solid transparent; border-bottom: 9px solid transparent; } .tooltip--right .tooltip__text { min-width: 16em; } } .tooltip__text { box-shadow: 0px 0px 8px 1px #999999; border-radius: 4px; font-family: 'WebSans', Arial, sans-serif; background-color: #FFFFFF; color: #333333; font-size: 13px; line-height: 20px; } @media screen and (min-width: 1200px) { .tooltip__text { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 767px) { .ticket-options__row__headline__info--additional-lotteries { margin-top: -1vw; } } @media screen and (max-width: 767px) { .ticket-options__row__headline__info--additional-lotteries .tooltip__text, .ticket-options__row__headline__info--drawdays .tooltip__text, .ticket-options__row__headline__info--random-fields .tooltip__text { width: 20em; margin-left: -5em; } } .ticket-options__row__headline__info--additional-lotteries.tooltip--right .tooltip__arrow, .ticket-options__row__headline__info--drawdays.tooltip--right .tooltip__arrow, .ticket-options__row__headline__info--random-fields.tooltip--right .tooltip__arrow { margin-top: -8px; } .touch .ticket-options__row__checkbox:hover, .touch .ticket-options__row__radiobutton:hover { background: transparent; } /*--- spielscheine.less END ---*/ /*--- spielschein-dfl.less START ---*/ body[data-page^="/product/fernsehlotterie"] .checkbox-block__headline, body[data-page^="/product/fernsehlotterie"] .checkbox-block input[type="checkbox"] + label { font-size: 14px; line-height: 22px; } @media screen (min-width: 768px) { body[data-page^="/product/fernsehlotterie"] .checkbox-block__headline, body[data-page^="/product/fernsehlotterie"] .checkbox-block input[type="checkbox"] + label { font-size: 16px; line-height: 24px; } } body[data-page^="/product/fernsehlotterie"] .productHTML { padding: 1.15em 1.05em; background-color: #0073BE; } body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .ticket-header__jackpot { margin: 0.4em 0; } @media (min-width: 768px) { body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .ticket-header__jackpot { margin: 0px; } } @media (max-width: 420px) { body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .ticket-header__jackpot { line-height: 1em; margin-bottom: 15px; } } body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .ticket-header__jackpot .jackpot__text { font-size: 0.75em; } @media (max-width: 767px) { body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .ticket-header__jackpot .jackpot__text { font-size: 0.65em; } } @media (max-width: 420px) { body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .ticket-header__jackpot .jackpot__text { line-height: 10px; } } body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .ticket-header__jackpot .jackpot__sum { font-size: 1.62em; line-height: 41px; font-weight: normal; } @media (max-width: 767px) { body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .ticket-header__jackpot .jackpot__sum { font-size: 0.85em; line-height: 21px; } } @media (max-width: 420px) { body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .ticket-header__jackpot .jackpot__sum { line-height: 15px; } } body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .col-sm-2.avoidMarginAndPadding { width: 25%; } @media (min-width: 768px) { body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .col-xs-6.avoidMarginAndPadding { width: 50%; } body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .col-xs-6.avoidMarginAndPadding.col-sm-4 { width: 35%; } } @media (max-width: 767px) { body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-header--dfl .col-xs-6.avoidMarginAndPadding.col-sm-4 { width: 50%; } } body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-info__text { padding: 0.5em 0.9em; } body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-info__text li { font-size: 0.65em; line-height: 1.2em; margin-bottom: 5px; } @media (max-width: 767px) { body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-info__text li { font-size: 12px; line-height: 18px; } } body[data-page^="/product/fernsehlotterie"] .productHTML .ticket-info__lotBlock__text { text-align: left; } body[data-page^="/product/fernsehlotterie"] .checkbox-block input[type="checkbox"] + label > span { display: none; } body[data-page^="/product/fernsehlotterie"] input[type="checkbox"]:checked ~ label:after { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/checkbox-mark.svg'); background-repeat: no-repeat; border: none; height: 32px !important; width: 32px !important; left: 2px !important; top: 4px !important; background-size: 30px; -webkit-transform: initial; -ms-transform: rotate(0deg); -moz-transform: initial; transform: initial; } @media (min-width: 768px) and (max-width: 992px) { body[data-page^="/product/fernsehlotterie"] .ticket-options__row__summary--bottom { margin-top: 0px; } body[data-page^="/product/fernsehlotterie"] .ticket-options .confirm { margin-top: 0.15em; } } @media (min-width: 768px) { body[data-page^="/product/fernsehlotterie"] .checkbox-block__headline__info--bonus .tooltip__text, body[data-page^="/product/fernsehlotterie"] .checkbox-block__headline__info--subscription .tooltip__text { margin-left: 15px; margin-top: -25px; } body[data-page^="/product/fernsehlotterie"] .tooltip--right .tooltip__arrow { right: -24px; top: -14px; } body[data-page^="/product/fernsehlotterie"] .checkbox-block__headline__info:before { top: -12px !important; } body[data-page^="/product/fernsehlotterie"] .ticket-options #productSubmit { width: auto; } } @media (max-width: 479px) { body[data-page^="/product/fernsehlotterie"] .checkbox-block__headline__info--bonus .tooltip__text, body[data-page^="/product/fernsehlotterie"] .checkbox-block__headline__info--subscription .tooltip__text { width: 270px; } } /*--- spielschein-dfl.less END ---*/ /*--- spielschein-keno.less START ---*/ body[data-page^="/product/keno"] .productHTML { background-color: #951B81; } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML form > .row:not(.fieldBlock) > .col-sm-7 { width: 50%; } } body[data-page^="/product/keno"] .productHTML .ticket-logo--keno { margin-top: 7px; margin-bottom: 11px; } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .ticket-logo--keno { margin-top: 0px; } } body[data-page^="/product/keno"] .productHTML .jackpot { color: #951B81; background: #EFDC59; } body[data-page^="/product/keno"] .productHTML .jackpot:after { border-right-color: #EFDC59; } @media (min-width: 768px) { body[data-page^="/product/keno"] .productHTML .popup.keno { width: 469px; } body[data-page^="/product/keno"] .productHTML .popup.keno .keno-incomplete { height: 80px; margin-bottom: 22px; } body[data-page^="/product/keno"] .productHTML .popup.keno .keno-incomplete__list { height: 75px; padding-top: 10px; } } @media (min-width: 992px) { body[data-page^="/product/keno"] .productHTML .popup.keno .keno-incomplete { margin-bottom: 5px; } } @media (max-width: 991px) and (min-width: 768px) { body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .confirm.middle { height: 32px !important; font-size: 16px !important; line-height: 32px !important; } } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions { border-radius: 0px; } } body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .keno-stakes__table h6, body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .keno-stakes__table__label, body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .keno-stakes__table__value { font-size: 0.5625em; } body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .iconButtonsBlock .textButton { font-size: 11px; } @media (min-width: 768px) { body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .iconButtonsBlock .textButton { line-height: 30px; } } body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .iconButtonsBlock .textButton.random, body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .iconButtonsBlock .textButton.delete2 { margin-bottom: 3px; } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .iconButtonsBlock .textButton.random, body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .iconButtonsBlock .textButton.delete2 { background-size: 7vw; padding-left: 8vw; line-height: 7vw; font-size: 3.5vw; } } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .fieldset { padding-right: 16.5vw; padding-left: 16.5vw; } } body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .fieldset .ticket-options__row__radiobutton--active .ticket-options__row__radiobutton__mark { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/checkbox-mark.svg') !important; } @media (min-width: 768px) { body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .fieldset .ticket-options__row__radiobutton--active .ticket-options__row__radiobutton__mark { background-size: 20px 20px; } } body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField { width: 227px; padding-right: 10px; } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField { width: 69vw; padding: 1vw 0vw 1vw 2vw; } body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fast-number { width: 14%; } } body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fieldnumber { color: rgba(202, 141, 192, 0.4); } @media (min-width: 768px) { body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fieldnumber { font-size: 140px; } } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .next, body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .previous { padding-top: 50vw; margin-left: 0.8vw; margin-right: 0.8vw; } } @media (min-width: 768px) { body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .next, body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .previous { padding-top: 0px; top: 160px; } } @media (min-width: 992px) { body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .next, body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .previous { padding-top: 0px; } } body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .next__field, body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .previous__field { bottom: 11vw; color: #FFFFFF; } @media (min-width: 768px) { body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .next { left: initial; } } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .popup.keno .textButton { font-size: 2.6vw; } body[data-page^="/product/keno"] .productHTML .popup.keno .fieldOptions .iconButtonsBlock .textButton { font-size: 3vw; } } body[data-page^="/product/keno"] .productHTML.keno-ticket #popupAlert { background-color: white; } body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock { padding: 2px 1px 2px 4px; } @media (min-width: 768px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock { padding: 1px; } } @media (min-width: 992px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock { padding: 3px 0px 3px 3px; } } body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fieldnumber { color: rgba(202, 141, 192, 0.4); } @media (min-width: 768px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fieldnumber { font-size: 90px; } } @media (min-width: 992px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fieldnumber { font-size: 110px; } } @media (min-width: 1200px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fieldnumber { font-size: 140px; } } body[data-page^="/product/keno"] .productHTML .ticket-options__row h6, body[data-page^="/product/keno"] .productHTML .ticket-options__row__headline, body[data-page^="/product/keno"] .productHTML .ticket-options__row__checkbox__wrapper__label { color: #333333; font-size: 0.8125em; } body[data-page^="/product/keno"] .productHTML .ticket-options__row .ticket-options__row__select { width: 8.5em; float: left; } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row .ticket-options__row__select { float: none; } } body[data-page^="/product/keno"] .productHTML .ticket-options__row .ticket-options__row__select .selectWrapper--keno { height: 3em; border-left: 0px none; overflow: visible; } @media (min-width: 1200px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row .ticket-options__row__select .selectWrapper--keno { height: 2.4em; } } body[data-page^="/product/keno"] .productHTML .ticket-options__row .ticket-options__row__select .selectWrapper--keno select { height: 32px !important; line-height: 32px !important; text-indent: 5px !important; } @media (max-width: 600px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row .ticket-options__row__select .selectWrapper--keno select { text-indent: 0px !important; } } body[data-page^="/product/keno"] .productHTML .ticket-options__row .ticket-options__row__buttons_wrapper .ticket-options__row__random-numbers__button { margin-top: 0px; height: 32px; line-height: 32px; } body[data-page^="/product/keno"] .productHTML .ticket-options__row__checkbox__wrapper__label { margin-left: 0px; margin-right: 27px; } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row__checkbox__wrapper__label { margin-right: 4em; } } body[data-page^="/product/keno"] .productHTML .ticket-options__row__checkbox:hover { background-color: transparent; } body[data-page^="/product/keno"] .productHTML .ticket-options__row__checkbox__wrapper__label { font-size: 0.92857143em; line-height: 2.5em; } body[data-page^="/product/keno"] .productHTML .ticket-options__row__checkbox__wrapper__label--plus5 { opacity: 0.5; margin-left: 3.5em; line-height: 3em; background-position: 0px 6px; } @media (max-width: 992px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row__checkbox--first { width: 4.45em; } body[data-page^="/product/keno"] .productHTML .ticket-options__row__checkbox--first .ticket-options__row__checkbox__wrapper__box { margin-right: 0.1em; } body[data-page^="/product/keno"] .productHTML .ticket-options__row__checkbox--stakes { width: 4.2em; } } body[data-page^="/product/keno"] .productHTML .ticket-options__row__fieldset { background-color: #FFFFFF; position: relative; border: 0px; } @media (max-width: 991px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row__fieldset { padding: 2px; } } body[data-page^="/product/keno"] .productHTML .ticket-options__row__plus--keno { margin: 0px; color: #717171; position: absolute; left: 49%; right: 45%; text-align: center; bottom: 13px; } @media (min-width: 992px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row__plus--keno { left: 45%; bottom: 20px; } } body[data-page^="/product/keno"] .productHTML .ticket-options__row__ticket-number__randombutton--keno { height: 3.6em; } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row__ticket-number { bottom: -60vw; } body[data-page^="/product/keno"] .productHTML .ticket-options__row__ticket-number__markers { bottom: -66vw; } body[data-page^="/product/keno"] .productHTML .ticket-options__row__ticket-number__char__number--keno { height: 1.5em; } body[data-page^="/product/keno"] .productHTML .ticket-options__row__ticket-number__randombutton--keno { height: 3.8em; } } @media (max-width: 479px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row__ticket-number { bottom: -54vw; } body[data-page^="/product/keno"] .productHTML .ticket-options__row__ticket-number__markers { bottom: -61vw; } } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row .ticket-options__row__headline.ticket-options__row__headline--plus5 { margin-top: 3em; } } @media (max-width: 479px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row .ticket-options__row__headline.ticket-options__row__headline--plus5 { margin-top: 2em; } } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .ticket-options__row--keno.ticket-options__row--second { padding-top: 38vw; } } body[data-page^="/product/keno"] .productHTML .ticket-options__row .confirm.middle { right: 0px; left: initial; } body[data-page^="/product/keno"] .productHTML .ticket-options .ticket-options__row__headline__info:before, body[data-page^="/product/keno"] .productHTML .ticket-options .ticket-options__row__headline__info.hover:before { position: absolute; top: 0px; left: 3px; } body[data-page^="/product/keno"] .productHTML .ticket-options .tooltip.hover .tooltip__text { border: 0px; font-size: 13px; line-height: 20px; } @media screen and (min-width: 1200px) { body[data-page^="/product/keno"] .productHTML .ticket-options .tooltip.hover .tooltip__text { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 768px) and (max-width: 991px) { body[data-page^="/product/keno"] .productHTML .ticket-options .tooltip--right .tooltip__text { min-width: 11em; margin-top: -20px; } } body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fast-number, body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fast-number { color: #B560A7; border-color: #DFBBD9; border-width: 1px; border-style: solid; padding: 0px; position: relative; } body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fast-number--checked:before, body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fast-number--checked:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/checkbox-mark.svg'); position: absolute; top: 0; left: 0; margin: 0 !important; height: 100%; width: 100%; background-position-y: 2px; } @media screen and (max-width: 1199px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fast-number--checked:before, body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fast-number--checked:before { background-position-y: 3px; } } @media screen and (max-width: 991px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fast-number--checked:before, body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fast-number--checked:before { background-position-y: 0; } } body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fast-number { position: relative; font-size: 18px; height: 1.625em; width: 1.5em; line-height: 1.5625em; } @media (min-width: 992px) { body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fast-number--checked:before { width: 100%; height: 100%; background-size: 28px; margin-top: 0; left: 0; top: 0; margin-left: 0 !important; background-position-x: -1px; } } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fast-number--checked:before { left: 0; top: 0; margin-left: 0 !important; background-position-y: 0px; height: 8.6vw; width: 8.9vw; } } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .popup.keno .selectedFieldBlock .selectedField .fast-number { font-size: 5vw; height: 8.6vw; line-height: 8.6vw; width: 8.9vw; } } body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fast-number { position: relative; } @media (max-width: 479px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fast-number { margin-left: -0.3vw; width: 16%; } } @media (max-width: 767px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fast-number { font-size: 1.35vw; } body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fast-number.fast-number--checked:before { background-position: 0.2vw; left: 0; top: 0; margin: 0 !important; } } @media (min-width: 992px) and (max-width: 1199px) { body[data-page^="/product/keno"] .productHTML .ticketFields .ticketField .numberBlock .fast-number { font-size: 0.92857143em; } } /*--- spielschein-keno.less END ---*/ /*--- spielschein-vollsystem.less START ---*/ body[data-page^="/product/lottoteilsystem"] .productHTML .system-headline, body[data-page^="/product/lottovollsystem"] .productHTML .system-headline { background-color: transparent; margin: 10px 0px; font-size: 20px; line-height: 24px; } @media (min-width: 768px) { body[data-page^="/product/lottoteilsystem"] .productHTML .system-headline, body[data-page^="/product/lottovollsystem"] .productHTML .system-headline { margin: 20px 0px; line-height: 32px; } } @media (max-width: 767px) { body[data-page^="/product/lottoteilsystem"] .productHTML .system-headline .system-headline__icon, body[data-page^="/product/lottovollsystem"] .productHTML .system-headline .system-headline__icon { width: 24px; height: 24px; margin-right: 10px; } } body[data-page^="/product/lottoteilsystem"] .productHTML .selectWrapper--lottosystem, body[data-page^="/product/lottovollsystem"] .productHTML .selectWrapper--lottosystem { background-color: #FFDF00; } body[data-page^="/product/lottoteilsystem"] .productHTML .selectWrapper--lottosystem select, body[data-page^="/product/lottovollsystem"] .productHTML .selectWrapper--lottosystem select { padding: 0px 6px !important; width: 100%; background-color: #FFFFFF; font-size: 12px !important; } @media (max-width: 767px) { body[data-page^="/product/lottoteilsystem"] .productHTML .fieldBlock, body[data-page^="/product/lottovollsystem"] .productHTML .fieldBlock { padding: 3vw; } } body[data-page^="/product/lottoteilsystem"] .productHTML .numberBlock, body[data-page^="/product/lottovollsystem"] .productHTML .numberBlock { padding: 4px; background-color: #FFFFFF; border: 1px solid rgba(233, 102, 104, 0.4); } @media (min-width: 768px) { body[data-page^="/product/lottoteilsystem"] .productHTML .numberBlock, body[data-page^="/product/lottovollsystem"] .productHTML .numberBlock { width: 134px; height: 120px; } } @media (min-width: 992px) { body[data-page^="/product/lottoteilsystem"] .productHTML .numberBlock, body[data-page^="/product/lottovollsystem"] .productHTML .numberBlock { width: 162px; height: 148px; } } @media (min-width: 1200px) { body[data-page^="/product/lottoteilsystem"] .productHTML .numberBlock, body[data-page^="/product/lottovollsystem"] .productHTML .numberBlock { width: 190px; height: 169px; } } body[data-page^="/product/lottoteilsystem"] .productHTML .actions__button, body[data-page^="/product/lottovollsystem"] .productHTML .actions__button { background-color: transparent; border: none; } body[data-page^="/product/lottoteilsystem"] .productHTML .actions__button.textButton, body[data-page^="/product/lottovollsystem"] .productHTML .actions__button.textButton { font-family: 'WebSans', Arial, sans-serif; font-weight: normal; font-weight: 100; line-height: 24px; } @media (min-width: 992px) { body[data-page^="/product/lottoteilsystem"] .productHTML .actions__button.textButton, body[data-page^="/product/lottovollsystem"] .productHTML .actions__button.textButton { font-size: 16px; } } body[data-page^="/product/lottoteilsystem"] .productHTML .actions__button.textButton.random, body[data-page^="/product/lottovollsystem"] .productHTML .actions__button.textButton.random { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/tippschein/zufallszahlen-grau.svg') no-repeat left top; background-size: 24px 24px; } body[data-page^="/product/lottoteilsystem"] .productHTML .actions__button.textButton.random:hover, body[data-page^="/product/lottovollsystem"] .productHTML .actions__button.textButton.random:hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/tippschein/zufallszahlen-blau.svg'); } body[data-page^="/product/lottoteilsystem"] .productHTML .actions__button.textButton.delete2, body[data-page^="/product/lottovollsystem"] .productHTML .actions__button.textButton.delete2 { background: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-grau.svg') no-repeat left top; background-size: 24px 24px; } body[data-page^="/product/lottoteilsystem"] .productHTML .actions__button.textButton.delete2:not(.disabled):hover, body[data-page^="/product/lottovollsystem"] .productHTML .actions__button.textButton.delete2:not(.disabled):hover { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/trash-blau.svg'); } body[data-page^="/product/lottoteilsystem"] .productHTML .actions__button.textButton.delete2.disabled, body[data-page^="/product/lottovollsystem"] .productHTML .actions__button.textButton.delete2.disabled { cursor: default; } @media (max-width: 767px) { body[data-page^="/product/lottoteilsystem"] .productHTML .actions__button.textButton, body[data-page^="/product/lottovollsystem"] .productHTML .actions__button.textButton { background-size: 20px 20px !important; padding-left: 7vw; } } body[data-page^="/product/lottoteilsystem"] .productHTML .systemOptions .state, body[data-page^="/product/lottovollsystem"] .productHTML .systemOptions .state { background-color: transparent; } @media (max-width: 767px) { body[data-page^="/product/lottoteilsystem"] .productHTML .ticketField, body[data-page^="/product/lottovollsystem"] .productHTML .ticketField { background-color: transparent; } body[data-page^="/product/lottoteilsystem"] .productHTML .numberBlock, body[data-page^="/product/lottovollsystem"] .productHTML .numberBlock { padding: 0.2vw; padding-right: 0px; } } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectedField, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectedField, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectedField { width: 300px; padding: 6px; padding: 1vw; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectedField .fast-number, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectedField .fast-number, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectedField .fast-number { font-size: 20px; height: 36px; line-height: 37px; width: 13.6%; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectedField .fast-number--checked:before, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectedField .fast-number--checked:before, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectedField .fast-number--checked:before { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/checkbox-mark.svg'); background-size: 100%; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectCounter, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectCounter, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectCounter { color: #515151; font-size: 16px; line-height: 32px; height: 32px; font-weight: normal; padding: 0; text-align: left; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectCounter.selectCounter.ng-binding:before, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectCounter.selectCounter.ng-binding:before, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectCounter.selectCounter.ng-binding:before { content: ''; display: block; width: 32px; height: 32px; background: transparent url('//js.ui-portal.de/test/lotto24/img/webde/icon/info-blue.svg') no-repeat center; background-size: 100%; float: left; margin-right: 8px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectCounter.selectCounter--full .icon-layer-checkmark, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectCounter.selectCounter--full .icon-layer-checkmark, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectCounter.selectCounter--full .icon-layer-checkmark { display: none; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectCounter.selectCounter--full:before, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectCounter.selectCounter--full:before, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectCounter.selectCounter--full:before { content: ''; display: block; width: 32px; height: 32px; background: transparent url('//js.ui-portal.de/test/lotto24/img/webde/icon/2019/alright.svg') no-repeat left top; background-size: 32px 32px; float: left; margin-right: 8px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .headline, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .headline, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .headline { font-family: 'WebSans', Arial, sans-serif; min-height: 55px; font-size: 20px; line-height: 28px; text-align: left; background: none; font-weight: 400; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .confirm, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .confirm, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .confirm { width: 100%; } @media (min-width: 768px) and (max-width: 991px) { body[data-page^="/product/lottonormal"] .productHTML .popup.editField, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField { width: 530px; height: 351px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectCounter, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectCounter, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectCounter { font-size: 14px; line-height: 24px; height: 24px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectCounter.selectCounter--full:before, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectCounter.selectCounter--full:before, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectCounter.selectCounter--full:before { width: 24px; height: 24px; background-size: 24px 24px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .fieldOptions .confirm.middle, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .fieldOptions .confirm.middle, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .fieldOptions .confirm.middle { height: 32px !important; font-size: 16px !important; line-height: 32px !important; } } @media (min-width: 768px) { body[data-page^="/product/lottonormal"] .productHTML .popup.editField .fieldNavigation, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .fieldNavigation, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .fieldNavigation { margin-bottom: 12px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .fieldOptions, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .fieldOptions, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .fieldOptions { height: 232px; width: 167px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .popup__system-info, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .popup__system-info, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .popup__system-info { font-family: 'WebSans', Arial, sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; padding: 0; background: transparent; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectCounter, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectCounter, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectCounter { margin: 10px auto; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .textButton, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .textButton, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .textButton { margin-bottom: 10px; } } @media (min-width: 992px) { body[data-page^="/product/lottonormal"] .productHTML .popup.editField .fieldNavigation, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .fieldNavigation, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .fieldNavigation { margin-bottom: 4px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .popup__system-info, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .popup__system-info, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .popup__system-info { font-size: 20px; line-height: 28px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectCounter, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectCounter, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectCounter { margin: 15px 0 25px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectedField, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectedField, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectedField { width: 300px; padding: 7px 6px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectedField .fast-number, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectedField .fast-number, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectedField .fast-number { font-size: 20px; height: 36px; line-height: 37px; width: 13.6%; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .fieldOptions, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .fieldOptions, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .fieldOptions { height: 283px; width: 210px; } } @media (max-width: 767px) { body[data-page^="/product/lottonormal"] .productHTML .popup.editField .textButton.random, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .textButton.random, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .textButton.random, body[data-page^="/product/lottonormal"] .productHTML .popup.editField .textButton.randomFillUp, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .textButton.randomFillUp, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .textButton.randomFillUp, body[data-page^="/product/lottonormal"] .productHTML .popup.editField .textButton.delete, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .textButton.delete, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .textButton.delete, body[data-page^="/product/lottonormal"] .productHTML .popup.editField .textButton.delete2, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .textButton.delete2, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .textButton.delete2 { height: 10vw; padding-left: 10vw; background-size: 7vw; line-height: 8vw; font-size: 4vw; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .popup__selectWrapper, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .popup__selectWrapper, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .popup__selectWrapper { margin: 0px; padding: 0px; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectWrapper--lottosystem, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectWrapper--lottosystem, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectWrapper--lottosystem { padding: 0px 20px; height: auto; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectedField, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectedField, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectedField { width: 63vw; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectedField .fast-number, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectedField .fast-number, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectedField .fast-number { font-size: 4vw; height: 8.3vw; line-height: 8.3vw; width: 8.3vw; } body[data-page^="/product/lottonormal"] .productHTML .popup.editField .selectedField .selectedFieldBlock, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .selectedField .selectedFieldBlock, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .selectedField .selectedFieldBlock { margin-bottom: 4vw; } } @media (max-width: 380px) { body[data-page^="/product/lottonormal"] .productHTML .popup.editField .textButton.random, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .textButton.random, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .textButton.random, body[data-page^="/product/lottonormal"] .productHTML .popup.editField .textButton.randomFillUp, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .textButton.randomFillUp, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .textButton.randomFillUp, body[data-page^="/product/lottonormal"] .productHTML .popup.editField .textButton.delete, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .textButton.delete, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .textButton.delete, body[data-page^="/product/lottonormal"] .productHTML .popup.editField .textButton.delete2, body[data-page^="/product/lottoteilsystem"] .productHTML .popup.editField .textButton.delete2, body[data-page^="/product/lottovollsystem"] .productHTML .popup.editField .textButton.delete2 { padding-left: 10vw; line-height: 3vw; } } /*--- spielschein-vollsystem.less END ---*/ /*--- spielschein-duolotto.less START ---*/ body[data-page="/product/duolotto"] .next { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-right-weiss.svg'); } body[data-page="/product/duolotto"] .previous { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-left-weiss.svg'); } body[data-page="/product/duolotto"] .next__field, body[data-page="/product/duolotto"] .previous__field { color: #FFFFFF; } body[data-page="/product/duolotto"] .ticket-options h6, body[data-page="/product/duolotto"] .ticket-options__row__checkbox__wrapper__label { font-family: 'WebSans', Arial, sans-serif; font-weight: 200; color: #333333; font-size: 1.125em; } body[data-page="/product/duolotto"] .ticket-options h6 { font-weight: 400; } body[data-page="/product/duolotto"] .ticket-options__row__checkbox { height: 1.875em; } body[data-page="/product/duolotto"] .ticket-options__row__summary__label, body[data-page="/product/duolotto"] .ticket-options__row__summary__value { font-family: 'WebSans', Arial, sans-serif; color: #333333; font-size: 1.14285714em; font-weight: 400; } body[data-page="/product/duolotto"] .ticket-options__row__summary__value:not([id="price"]) { font-weight: 200; } body[data-page="/product/duolotto"] .fieldnumber, body[data-page="/product/duolotto"] .separator { color: rgba(236, 157, 84, 0.4); } body[data-page="/product/duolotto"] .ticketFields .ticketField .numberBlock .fast-number, body[data-page="/product/duolotto"] .popup.duolotto .selectedFieldBlock .selectedField .fast-number { color: #CD6709; border-color: rgba(205, 103, 9, 0.4); } body[data-page="/product/duolotto"] .fast-number--checked:before { margin-left: 0; } /*--- spielschein-duolotto.less END ---*/ /*--- countdown.less START ---*/ @media (min-width: 768px) { .countdown { font-size: 0px; float: right; margin-right: 20px; } .countdown__headline { display: none; } .countdown__number .countdown__value { line-height: 18px; } .countdown .countdown-number1, .countdown .countdown-number2, .countdown .countdown-number3 { display: block; width: 6rem; height: 6.8rem; float: left; padding: 12px; margin: 0px 10px; border-radius: 4px; border: 2px solid #db0003; } .countdown .countdown-number1 span, .countdown .countdown-number2 span, .countdown .countdown-number3 span { display: inline-block; font-family: 'WebSans', Arial, sans-serif; font-size: 26px; font-weight: normal; border: 0px; margin: 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted #db0003; } .countdown .countdown-number1 div, .countdown .countdown-number2 div, .countdown .countdown-number3 div { display: block; margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; font-weight: 400; text-transform: none; } .countdown .countdown-number1 { margin-left: 0px; } } @media (max-width: 767px) { .countdown { font-family: 'WebSans', Arial, sans-serif; text-align: left; margin: 20px 0; font-size: 4vw; font-weight: 200; } .countdown .countdown__value, .countdown .countdown__label { font-weight: bold; } } body[data-page^="/product/gluecksspirale"] .ticket-header__countdown { left: 14em; } body[data-page^="/product/gluecksspirale"] .ticket-header__countdown .countdown .countdown-number1, body[data-page^="/product/gluecksspirale"] .ticket-header__countdown .countdown .countdown-number2, body[data-page^="/product/gluecksspirale"] .ticket-header__countdown .countdown .countdown-number3 { border-color: #FFFFFF; } body[data-page^="/product/gluecksspirale"] .ticket-header__countdown .countdown .countdown-number1 span, body[data-page^="/product/gluecksspirale"] .ticket-header__countdown .countdown .countdown-number2 span, body[data-page^="/product/gluecksspirale"] .ticket-header__countdown .countdown .countdown-number3 span { border-color: #FFFFFF; } #duolottoHTML .countdown .countdown-number1, #duolottoHTML .countdown .countdown-number2, #duolottoHTML .countdown .countdown-number3 { border-color: #FFFFFF; } #duolottoHTML .countdown .countdown-number1 span, #duolottoHTML .countdown .countdown-number2 span, #duolottoHTML .countdown .countdown-number3 span { border-color: #FFFFFF; } #EjpHTML .countdown .countdown-number1, #EjpHTML .countdown .countdown-number2, #EjpHTML .countdown .countdown-number3 { color: #F7EA99; border-color: #F7EA99; } #EjpHTML .countdown .countdown-number1 span, #EjpHTML .countdown .countdown-number2 span, #EjpHTML .countdown .countdown-number3 span { border-color: #F7EA99; } body[data-page^="/product/keno"] .productHTML .countdown .countdown-number1, body[data-page^="/product/keno"] .productHTML .countdown .countdown-number2, body[data-page^="/product/keno"] .productHTML .countdown .countdown-number3 { color: #EFDC59; border-color: #EFDC59; } body[data-page^="/product/keno"] .productHTML .countdown .countdown-number1 span, body[data-page^="/product/keno"] .productHTML .countdown .countdown-number2 span, body[data-page^="/product/keno"] .productHTML .countdown .countdown-number3 span, body[data-page^="/product/keno"] .productHTML .countdown .countdown-number1 div, body[data-page^="/product/keno"] .productHTML .countdown .countdown-number2 div, body[data-page^="/product/keno"] .productHTML .countdown .countdown-number3 div { border-color: #EFDC59; } /*--- countdown.less END ---*/ /*--- spielgemeinschaften.less START ---*/ @media (min-width: 768px) and (max-width: 1200px) { [data-page^="/basket/basket"] .optionPanel span.icon-zoom-in:before, [data-page^="/basket/basket"] .optionPanel span.icon-zoom-out:before, [data-page^="/basket/basket"] .listItem__optionsbar .icon-zoom-in:before, [data-page^="/basket/basket"] .listItem__optionsbar .icon-zoom-out:before { display: none; } } @media screen and (min-width: 992px) { [data-page^="/basket/basket"] .basketItem .ticketnumber { left: 465px; } } @media (max-width: 767px) { [data-page^="/basket/basket"] .basketItem.club .ticketFieldInfo { font-size: 16px; line-height: 21px; } } @media screen and (max-width: 400px) { [data-page^="/basket/basket"] .basketItem.club .clubCols .col:not(.number) { display: block; margin-bottom: 10px; } } [data-page^="/basket/basket"] .ticketinfos .basketItemTicketName { padding-right: 65px; } @media screen and (max-width: 350px) { [data-page^="/basket/basket"] .basketDetails .ticketDetails { font-size: 10px; } } @media screen and (max-width: 350px) { [data-page^="/basket/basket"] .basketDetails .ticketDetails > div:nth-child(2n) { width: 85px !important; } } @media screen and (max-width: 350px) { [data-page^="/basket/basket"] #basketForm .overallAmountBg .overallAmount > span { font-size: 12px; } } @media (min-width: 768px) and (max-width: 1200px) { [data-page^="/depot/ticketlist"] .contentbox .listItem__status { width: 115px; } } @media screen and (min-width: 1200px) { [data-page^="/depot/ticketlist"] .contentbox .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem { height: 110px; } } @media screen and (max-width: 767px) { [data-page^="/depot/ticketlist"] .contentbox .listItem__ticketDetail__ticketDetailInfo__ticketFieldNumbersSystem { height: 150px; } } @media screen and (max-width: 767px) { [data-page^="/depot/ticketlist"] .contentbox .listItem__productlogo { position: absolute; } [data-page^="/depot/ticketlist"] .contentbox .listItem__ticketname, [data-page^="/depot/ticketlist"] .contentbox .listItem__entrylabel, [data-page^="/depot/ticketlist"] .contentbox .listItem__status, [data-page^="/depot/ticketlist"] .contentbox .listItem__optionsbar { position: relative; top: 0; } [data-page^="/depot/ticketlist"] .contentbox .listItem__entrylabel, [data-page^="/depot/ticketlist"] .contentbox .listItem__optionsbar { margin-top: 10px; } } [data-page^="/depot/ticketlist"] .modal-backdrop { position: fixed; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox, [data-page^="/product/eurojackpot10"] .contentbox, [data-page^="/product/eurojackpot5"] .contentbox, [data-page^="/product/lotto10v2"] .contentbox, [data-page^="/product/lotto5v2"] .contentbox, [data-page^="/product/sg-"] .contentbox { padding-left: 20px; padding-right: 20px; font-size: 1.3333rem; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club, [data-page^="/product/eurojackpot10"] .contentbox--club, [data-page^="/product/eurojackpot5"] .contentbox--club, [data-page^="/product/lotto10v2"] .contentbox--club, [data-page^="/product/lotto5v2"] .contentbox--club, [data-page^="/product/sg-"] .contentbox--club { background-color: #1db081; padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club, [data-page^="/product/eurojackpot10"] .contentbox--club, [data-page^="/product/eurojackpot5"] .contentbox--club, [data-page^="/product/lotto10v2"] .contentbox--club, [data-page^="/product/lotto5v2"] .contentbox--club, [data-page^="/product/sg-"] .contentbox--club { padding-left: 5px; padding-right: 5px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .selection-form, [data-page^="/product/eurojackpot10"] .contentbox--club .selection-form, [data-page^="/product/eurojackpot5"] .contentbox--club .selection-form, [data-page^="/product/lotto10v2"] .contentbox--club .selection-form, [data-page^="/product/lotto5v2"] .contentbox--club .selection-form, [data-page^="/product/sg-"] .contentbox--club .selection-form { padding: 15px 20px; background-color: #168D67; border-radius: 4px; } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .selection-form, [data-page^="/product/eurojackpot10"] .contentbox--club .selection-form, [data-page^="/product/eurojackpot5"] .contentbox--club .selection-form, [data-page^="/product/lotto10v2"] .contentbox--club .selection-form, [data-page^="/product/lotto5v2"] .contentbox--club .selection-form, [data-page^="/product/sg-"] .contentbox--club .selection-form { padding-top: 20px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .selection-form > .row > div:nth-child(2), [data-page^="/product/eurojackpot10"] .contentbox--club .selection-form > .row > div:nth-child(2), [data-page^="/product/eurojackpot5"] .contentbox--club .selection-form > .row > div:nth-child(2), [data-page^="/product/lotto10v2"] .contentbox--club .selection-form > .row > div:nth-child(2), [data-page^="/product/lotto5v2"] .contentbox--club .selection-form > .row > div:nth-child(2), [data-page^="/product/sg-"] .contentbox--club .selection-form > .row > div:nth-child(2) { border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; float: none; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .selection-form > .row > div:last-child, [data-page^="/product/eurojackpot10"] .contentbox--club .selection-form > .row > div:last-child, [data-page^="/product/eurojackpot5"] .contentbox--club .selection-form > .row > div:last-child, [data-page^="/product/lotto10v2"] .contentbox--club .selection-form > .row > div:last-child, [data-page^="/product/lotto5v2"] .contentbox--club .selection-form > .row > div:last-child, [data-page^="/product/sg-"] .contentbox--club .selection-form > .row > div:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubHeader, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubHeader, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubHeader, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubHeader, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubHeader, [data-page^="/product/sg-"] .contentbox--club .row .clubHeader { background-color: #168D67; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/sg-"] .contentbox--club .row .clubHeader__title { font-family: 'WebSans', Arial, sans-serif; font-size: 3.4rem; float: none; margin-top: 0; margin-right: 0; font-style: normal; } @media screen and (max-width: 1200px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/sg-"] .contentbox--club .row .clubHeader__title { line-height: 48px; } } @media screen and (max-width: 991px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/sg-"] .contentbox--club .row .clubHeader__title { font-size: 24px; line-height: 36px; } } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/sg-"] .contentbox--club .row .clubHeader__title { font-size: 20px; line-height: 20px; } } @media screen and (max-width: 350px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubHeader__title, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubHeader__title, [data-page^="/product/sg-"] .contentbox--club .row .clubHeader__title { font-size: 16px; line-height: 16px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/sg-"] .contentbox--club .row .clubHeader__logo__block { padding-top: 0; float: left; margin-right: 20px; margin-top: -5px; } @media screen and (max-width: 350px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubHeader__logo__block, [data-page^="/product/sg-"] .contentbox--club .row .clubHeader__logo__block { margin-right: 10px; margin-top: -3px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock { border: none; font-size: 16px; } @media screen and (max-width: 360px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock { font-size: 14px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive { background: #999999; border-radius: 4px; padding: 15px; padding-left: 20px; padding-right: 50px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip { position: absolute; right: 32px; top: 50px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before { position: absolute; right: 0; top: -16px; border: 0px; } @media screen and (max-width: 991px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before { top: -19px; } } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip:before { right: -14px; top: -30px; } } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text { right: -20px; } } @media screen and (max-width: 400px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text--xs, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text--xs, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text--xs, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text--xs, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text--xs, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip__text--xs { left: -10em; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive .icon-layer-info.hover:before, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .icon-layer-info.hover:before, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .icon-layer-info.hover:before, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .icon-layer-info.hover:before, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .icon-layer-info.hover:before, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .icon-layer-info.hover:before { background: none; border: none; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__arrow, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__arrow, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__arrow, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__arrow, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__arrow, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__arrow { right: calc(50% + 11px); bottom: -10px; margin-top: -6px; border-bottom: 5px solid #FFFFFF; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__text--sm, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__text--sm, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__text--sm, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__text--sm, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__text--sm, [data-page^="/product/sg-"] .contentbox--club .row .clubProduct__partsBlock__productNotActive .tooltip--bottom .tooltip__text--sm { top: calc(100% + 10px); } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .clubIncludes, [data-page^="/product/eurojackpot10"] .contentbox--club .row .clubIncludes, [data-page^="/product/eurojackpot5"] .contentbox--club .row .clubIncludes, [data-page^="/product/lotto10v2"] .contentbox--club .row .clubIncludes, [data-page^="/product/lotto5v2"] .contentbox--club .row .clubIncludes, [data-page^="/product/sg-"] .contentbox--club .row .clubIncludes, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .row .block, [data-page^="/product/eurojackpot10"] .contentbox--club .row .block, [data-page^="/product/eurojackpot5"] .contentbox--club .row .block, [data-page^="/product/lotto10v2"] .contentbox--club .row .block, [data-page^="/product/lotto5v2"] .contentbox--club .row .block, [data-page^="/product/sg-"] .contentbox--club .row .block { background: #f1f1f2; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club__content, [data-page^="/product/eurojackpot10"] .contentbox--club__content, [data-page^="/product/eurojackpot5"] .contentbox--club__content, [data-page^="/product/lotto10v2"] .contentbox--club__content, [data-page^="/product/lotto5v2"] .contentbox--club__content, [data-page^="/product/sg-"] .contentbox--club__content { background: #f1f1f2; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .clubCheck, [data-page^="/product/eurojackpot10"] .contentbox--club .clubCheck, [data-page^="/product/eurojackpot5"] .contentbox--club .clubCheck, [data-page^="/product/lotto10v2"] .contentbox--club .clubCheck, [data-page^="/product/lotto5v2"] .contentbox--club .clubCheck, [data-page^="/product/sg-"] .contentbox--club .clubCheck { padding-left: 0; background: #f1f1f2; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .clubCheck .check, [data-page^="/product/eurojackpot10"] .contentbox--club .clubCheck .check, [data-page^="/product/eurojackpot5"] .contentbox--club .clubCheck .check, [data-page^="/product/lotto10v2"] .contentbox--club .clubCheck .check, [data-page^="/product/lotto5v2"] .contentbox--club .clubCheck .check, [data-page^="/product/sg-"] .contentbox--club .clubCheck .check { display: none; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .clubCheck__checkbox label, [data-page^="/product/eurojackpot10"] .contentbox--club .clubCheck__checkbox label, [data-page^="/product/eurojackpot5"] .contentbox--club .clubCheck__checkbox label, [data-page^="/product/lotto10v2"] .contentbox--club .clubCheck__checkbox label, [data-page^="/product/lotto5v2"] .contentbox--club .clubCheck__checkbox label, [data-page^="/product/sg-"] .contentbox--club .clubCheck__checkbox label { width: 150px; margin-left: 0; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .clubCheck__info, [data-page^="/product/eurojackpot10"] .contentbox--club .clubCheck__info, [data-page^="/product/eurojackpot5"] .contentbox--club .clubCheck__info, [data-page^="/product/lotto10v2"] .contentbox--club .clubCheck__info, [data-page^="/product/lotto5v2"] .contentbox--club .clubCheck__info, [data-page^="/product/sg-"] .contentbox--club .clubCheck__info { font-size: 16px; text-decoration: none; } @media screen and (min-width: 768px) and (max-width: 991px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .clubCheck__info, [data-page^="/product/eurojackpot10"] .contentbox--club .clubCheck__info, [data-page^="/product/eurojackpot5"] .contentbox--club .clubCheck__info, [data-page^="/product/lotto10v2"] .contentbox--club .clubCheck__info, [data-page^="/product/lotto5v2"] .contentbox--club .clubCheck__info, [data-page^="/product/sg-"] .contentbox--club .clubCheck__info { font-size: 15px; margin-top: 2px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .clubCheck--transparent, [data-page^="/product/eurojackpot10"] .contentbox--club .clubCheck--transparent, [data-page^="/product/eurojackpot5"] .contentbox--club .clubCheck--transparent, [data-page^="/product/lotto10v2"] .contentbox--club .clubCheck--transparent, [data-page^="/product/lotto5v2"] .contentbox--club .clubCheck--transparent, [data-page^="/product/sg-"] .contentbox--club .clubCheck--transparent { padding-top: 9px; } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox--club .clubCheck--transparent, [data-page^="/product/eurojackpot10"] .contentbox--club .clubCheck--transparent, [data-page^="/product/eurojackpot5"] .contentbox--club .clubCheck--transparent, [data-page^="/product/lotto10v2"] .contentbox--club .clubCheck--transparent, [data-page^="/product/lotto5v2"] .contentbox--club .clubCheck--transparent, [data-page^="/product/sg-"] .contentbox--club .clubCheck--transparent { padding-top: 12px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox:not(.helpBlock):not(.info):not(.footerbox), [data-page^="/product/eurojackpot10"] .contentbox:not(.helpBlock):not(.info):not(.footerbox), [data-page^="/product/eurojackpot5"] .contentbox:not(.helpBlock):not(.info):not(.footerbox), [data-page^="/product/lotto10v2"] .contentbox:not(.helpBlock):not(.info):not(.footerbox), [data-page^="/product/lotto5v2"] .contentbox:not(.helpBlock):not(.info):not(.footerbox), [data-page^="/product/sg-"] .contentbox:not(.helpBlock):not(.info):not(.footerbox) { background-color: #1db081; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox > .row > .col-xs-12, [data-page^="/product/eurojackpot10"] .contentbox > .row > .col-xs-12, [data-page^="/product/eurojackpot5"] .contentbox > .row > .col-xs-12, [data-page^="/product/lotto10v2"] .contentbox > .row > .col-xs-12, [data-page^="/product/lotto5v2"] .contentbox > .row > .col-xs-12, [data-page^="/product/sg-"] .contentbox > .row > .col-xs-12 { padding-left: 0; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox > .row > .col-xs-12 > .row > .col-xs-12, [data-page^="/product/eurojackpot10"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12, [data-page^="/product/eurojackpot5"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12, [data-page^="/product/lotto10v2"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12, [data-page^="/product/lotto5v2"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12, [data-page^="/product/sg-"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12 { padding-left: 0; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox > .row > .col-xs-12 > .row > .col-xs-12.col-sm-4, [data-page^="/product/eurojackpot10"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12.col-sm-4, [data-page^="/product/eurojackpot5"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12.col-sm-4, [data-page^="/product/lotto10v2"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12.col-sm-4, [data-page^="/product/lotto5v2"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12.col-sm-4, [data-page^="/product/sg-"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12.col-sm-4 { width: auto; float: left; margin-right: 30px !important; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox > .row > .col-xs-12 > .row > .col-xs-12 h5, [data-page^="/product/eurojackpot10"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12 h5, [data-page^="/product/eurojackpot5"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12 h5, [data-page^="/product/lotto10v2"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12 h5, [data-page^="/product/lotto5v2"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12 h5, [data-page^="/product/sg-"] .contentbox > .row > .col-xs-12 > .row > .col-xs-12 h5 { margin-top: 0; margin-bottom: 0; padding-top: 25px; padding-bottom: 12px; color: #FFFFFF; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12, [data-page^="/product/eurojackpot10"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12, [data-page^="/product/eurojackpot5"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12, [data-page^="/product/lotto10v2"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12, [data-page^="/product/lotto5v2"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12, [data-page^="/product/sg-"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 { padding-left: 0; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more, [data-page^="/product/eurojackpot10"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more, [data-page^="/product/eurojackpot5"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more, [data-page^="/product/lotto10v2"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more, [data-page^="/product/lotto5v2"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more, [data-page^="/product/sg-"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more { text-align: start; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more a, [data-page^="/product/eurojackpot10"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more a, [data-page^="/product/eurojackpot5"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more a, [data-page^="/product/lotto10v2"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more a, [data-page^="/product/lotto5v2"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more a, [data-page^="/product/sg-"] .contentbox > .row > .col-xs-12 > .row .hidden-xs.col-sm-12 .advantages__more a { color: #FFFFFF; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox .advantages__block, [data-page^="/product/eurojackpot10"] .contentbox .advantages__block, [data-page^="/product/eurojackpot5"] .contentbox .advantages__block, [data-page^="/product/lotto10v2"] .contentbox .advantages__block, [data-page^="/product/lotto5v2"] .contentbox .advantages__block, [data-page^="/product/sg-"] .contentbox .advantages__block { color: #FFFFFF; padding: 0; background-color: #1db081; height: auto; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox .advantages__block > span, [data-page^="/product/eurojackpot10"] .contentbox .advantages__block > span, [data-page^="/product/eurojackpot5"] .contentbox .advantages__block > span, [data-page^="/product/lotto10v2"] .contentbox .advantages__block > span, [data-page^="/product/lotto5v2"] .contentbox .advantages__block > span, [data-page^="/product/sg-"] .contentbox .advantages__block > span { display: inline-block; padding: 0; margin: 0; } @media screen and (max-width: 360px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox .advantages__block > span, [data-page^="/product/eurojackpot10"] .contentbox .advantages__block > span, [data-page^="/product/eurojackpot5"] .contentbox .advantages__block > span, [data-page^="/product/lotto10v2"] .contentbox .advantages__block > span, [data-page^="/product/lotto5v2"] .contentbox .advantages__block > span, [data-page^="/product/sg-"] .contentbox .advantages__block > span { font-size: 11px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox .advantages__block .icon-check-kreis, [data-page^="/product/eurojackpot10"] .contentbox .advantages__block .icon-check-kreis, [data-page^="/product/eurojackpot5"] .contentbox .advantages__block .icon-check-kreis, [data-page^="/product/lotto10v2"] .contentbox .advantages__block .icon-check-kreis, [data-page^="/product/lotto5v2"] .contentbox .advantages__block .icon-check-kreis, [data-page^="/product/sg-"] .contentbox .advantages__block .icon-check-kreis { color: #FFFFFF; width: 30px; font-size: 2.2rem; } @media (min-width: 768px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox .advantages__block, [data-page^="/product/eurojackpot10"] .contentbox .advantages__block, [data-page^="/product/eurojackpot5"] .contentbox .advantages__block, [data-page^="/product/lotto10v2"] .contentbox .advantages__block, [data-page^="/product/lotto5v2"] .contentbox .advantages__block, [data-page^="/product/sg-"] .contentbox .advantages__block { font-size: 2rem; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.header, [data-page^="/product/eurojackpot10"] .contentbox.header, [data-page^="/product/eurojackpot5"] .contentbox.header, [data-page^="/product/lotto10v2"] .contentbox.header, [data-page^="/product/lotto5v2"] .contentbox.header, [data-page^="/product/sg-"] .contentbox.header { border-radius: 4px 4px 0 0; } @media screen and (min-width: 768px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.header .logo, [data-page^="/product/eurojackpot10"] .contentbox.header .logo, [data-page^="/product/eurojackpot5"] .contentbox.header .logo, [data-page^="/product/lotto10v2"] .contentbox.header .logo, [data-page^="/product/lotto5v2"] .contentbox.header .logo, [data-page^="/product/sg-"] .contentbox.header .logo { width: 47.7em; } } @media screen and (max-width: 350px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.header .logo, [data-page^="/product/eurojackpot10"] .contentbox.header .logo, [data-page^="/product/eurojackpot5"] .contentbox.header .logo, [data-page^="/product/lotto10v2"] .contentbox.header .logo, [data-page^="/product/lotto5v2"] .contentbox.header .logo, [data-page^="/product/sg-"] .contentbox.header .logo { width: 14em !important; } } @media screen and (min-width: 992px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.advantages h2, [data-page^="/product/eurojackpot10"] .contentbox.advantages h2, [data-page^="/product/eurojackpot5"] .contentbox.advantages h2, [data-page^="/product/lotto10v2"] .contentbox.advantages h2, [data-page^="/product/lotto5v2"] .contentbox.advantages h2, [data-page^="/product/sg-"] .contentbox.advantages h2, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.advantages h5, [data-page^="/product/eurojackpot10"] .contentbox.advantages h5, [data-page^="/product/eurojackpot5"] .contentbox.advantages h5, [data-page^="/product/lotto10v2"] .contentbox.advantages h5, [data-page^="/product/lotto5v2"] .contentbox.advantages h5, [data-page^="/product/sg-"] .contentbox.advantages h5 { font-size: 32px; line-height: 40px; font-weight: 200; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.footerbox .footerbox-top, [data-page^="/product/eurojackpot10"] .contentbox.footerbox .footerbox-top, [data-page^="/product/eurojackpot5"] .contentbox.footerbox .footerbox-top, [data-page^="/product/lotto10v2"] .contentbox.footerbox .footerbox-top, [data-page^="/product/lotto5v2"] .contentbox.footerbox .footerbox-top, [data-page^="/product/sg-"] .contentbox.footerbox .footerbox-top, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.footerbox .footerbox-bottom, [data-page^="/product/eurojackpot10"] .contentbox.footerbox .footerbox-bottom, [data-page^="/product/eurojackpot5"] .contentbox.footerbox .footerbox-bottom, [data-page^="/product/lotto10v2"] .contentbox.footerbox .footerbox-bottom, [data-page^="/product/lotto5v2"] .contentbox.footerbox .footerbox-bottom, [data-page^="/product/sg-"] .contentbox.footerbox .footerbox-bottom { padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 1200px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.footerbox .footerbox-middle .footerlink:first-of-type, [data-page^="/product/eurojackpot10"] .contentbox.footerbox .footerbox-middle .footerlink:first-of-type, [data-page^="/product/eurojackpot5"] .contentbox.footerbox .footerbox-middle .footerlink:first-of-type, [data-page^="/product/lotto10v2"] .contentbox.footerbox .footerbox-middle .footerlink:first-of-type, [data-page^="/product/lotto5v2"] .contentbox.footerbox .footerbox-middle .footerlink:first-of-type, [data-page^="/product/sg-"] .contentbox.footerbox .footerbox-middle .footerlink:first-of-type { margin-left: 20px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock, [data-page^="/product/lotto10v2"] .contentbox.helpBlock, [data-page^="/product/lotto5v2"] .contentbox.helpBlock, [data-page^="/product/sg-"] .contentbox.helpBlock { font-family: 'WebSans', Arial, sans-serif; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock__help, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock__help, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock__help, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock__help, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock__help, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock__help { background-color: #F3F3F3; border-radius: 4px; padding: 20px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock__title, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock__title, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock__title, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock__title, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock__title, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock__title { font-size: 20px; line-height: 28px; } @media screen and (min-width: 768px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock--step1, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock--step1, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock--step1, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock--step1, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock--step1, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock--step1 { padding-right: 13px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock--step2, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock--step2, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock--step2, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock--step2, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock--step2, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock--step2 { padding-left: 7px; padding-right: 7px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock--step3, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock--step3, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock--step3, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock--step3, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock--step3, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock--step3 { padding-left: 13px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock__help__title { font-family: 'WebSans', Arial, sans-serif; font-size: 20px; line-height: 28px; font-weight: normal; margin-bottom: 16px; } @media screen and (min-width: 992px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock__help__title, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock__help__title { font-size: 24px; line-height: 32px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock__help__text, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock__help__text, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock__help__text, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock__help__text, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock__help__text, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock__help__text { font-size: 16px; line-height: 24px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock__help__image { background: url("//js.ui-portal.de/test/lotto24/img/webde/icon/auswaehlen.svg") no-repeat 50% top; margin-bottom: 20px; } @media (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock__help__image, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock__help__image { background-size: 130px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/icon/bezahlen.svg"); } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/icon/gewinnen.svg"); } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock__help__image img, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock__help__image img, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock__help__image img, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock__help__image img, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock__help__image img, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock__help__image img { visibility: hidden; height: 140px; width: 241px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock__help__image:before, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock__help__image:before, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock__help__image:before, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock__help__image:before, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock__help__image:before, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock__help__image:before { content: "1."; font-size: 40px; border-radius: 34px; background-color: #ffd800; width: 65px; padding: 20px 0px 20px 8px; display: inline-block; position: absolute; top: 10px; left: 10px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image:before, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image:before, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image:before, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image:before, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image:before, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock--step2 .helpBlock__help__image:before { content: "2."; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image:before, [data-page^="/product/eurojackpot10"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image:before, [data-page^="/product/eurojackpot5"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image:before, [data-page^="/product/lotto10v2"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image:before, [data-page^="/product/lotto5v2"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image:before, [data-page^="/product/sg-"] .contentbox.helpBlock .helpBlock--step3 .helpBlock__help__image:before { content: "3."; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.footerbox, [data-page^="/product/eurojackpot10"] .contentbox.footerbox, [data-page^="/product/eurojackpot5"] .contentbox.footerbox, [data-page^="/product/lotto10v2"] .contentbox.footerbox, [data-page^="/product/lotto5v2"] .contentbox.footerbox, [data-page^="/product/sg-"] .contentbox.footerbox { padding-left: 0; padding-right: 0; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.productNotActiveHeader, [data-page^="/product/eurojackpot10"] .contentbox.productNotActiveHeader, [data-page^="/product/eurojackpot5"] .contentbox.productNotActiveHeader, [data-page^="/product/lotto10v2"] .contentbox.productNotActiveHeader, [data-page^="/product/lotto5v2"] .contentbox.productNotActiveHeader, [data-page^="/product/sg-"] .contentbox.productNotActiveHeader, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.productNotActiveContent, [data-page^="/product/eurojackpot10"] .contentbox.productNotActiveContent, [data-page^="/product/eurojackpot5"] .contentbox.productNotActiveContent, [data-page^="/product/lotto10v2"] .contentbox.productNotActiveContent, [data-page^="/product/lotto5v2"] .contentbox.productNotActiveContent, [data-page^="/product/sg-"] .contentbox.productNotActiveContent { background-color: transparent !important; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .productNotActiveFooter .contentbox, [data-page^="/product/eurojackpot10"] .productNotActiveFooter .contentbox, [data-page^="/product/eurojackpot5"] .productNotActiveFooter .contentbox, [data-page^="/product/lotto10v2"] .productNotActiveFooter .contentbox, [data-page^="/product/lotto5v2"] .productNotActiveFooter .contentbox, [data-page^="/product/sg-"] .productNotActiveFooter .contentbox { background-color: #f3f3f3 !important; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .icon-chevron-up, [data-page^="/product/eurojackpot10"] .icon-chevron-up, [data-page^="/product/eurojackpot5"] .icon-chevron-up, [data-page^="/product/lotto10v2"] .icon-chevron-up, [data-page^="/product/lotto5v2"] .icon-chevron-up, [data-page^="/product/sg-"] .icon-chevron-up { background: #ffd800 url("//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-grau.svg") no-repeat 50% 50%; background-size: 55%; height: 40px; width: 40px; border: none; border-radius: 4px; float: right; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .icon-chevron-up:before, [data-page^="/product/eurojackpot10"] .icon-chevron-up:before, [data-page^="/product/eurojackpot5"] .icon-chevron-up:before, [data-page^="/product/lotto10v2"] .icon-chevron-up:before, [data-page^="/product/lotto5v2"] .icon-chevron-up:before, [data-page^="/product/sg-"] .icon-chevron-up:before { content: ""; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .placeholder, [data-page^="/product/eurojackpot10"] .placeholder, [data-page^="/product/eurojackpot5"] .placeholder, [data-page^="/product/lotto10v2"] .placeholder, [data-page^="/product/lotto5v2"] .placeholder, [data-page^="/product/sg-"] .placeholder { background-color: #1db081; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .placeholder + .contentbox, [data-page^="/product/eurojackpot10"] .placeholder + .contentbox, [data-page^="/product/eurojackpot5"] .placeholder + .contentbox, [data-page^="/product/lotto10v2"] .placeholder + .contentbox, [data-page^="/product/lotto5v2"] .placeholder + .contentbox, [data-page^="/product/sg-"] .placeholder + .contentbox { margin-top: -3px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]):not([data-page^="/product/spielgemeinschaften/help"]) .container.dropshadow .contentbox.advantages, [data-page^="/product/eurojackpot10"]:not([data-page^="/product/spielgemeinschaften/help"]) .container.dropshadow .contentbox.advantages, [data-page^="/product/eurojackpot5"]:not([data-page^="/product/spielgemeinschaften/help"]) .container.dropshadow .contentbox.advantages, [data-page^="/product/lotto10v2"]:not([data-page^="/product/spielgemeinschaften/help"]) .container.dropshadow .contentbox.advantages, [data-page^="/product/lotto5v2"]:not([data-page^="/product/spielgemeinschaften/help"]) .container.dropshadow .contentbox.advantages, [data-page^="/product/sg-"]:not([data-page^="/product/spielgemeinschaften/help"]) .container.dropshadow .contentbox.advantages { border-radius: 0; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .headline, [data-page^="/product/eurojackpot10"] .headline, [data-page^="/product/eurojackpot5"] .headline, [data-page^="/product/lotto10v2"] .headline, [data-page^="/product/lotto5v2"] .headline, [data-page^="/product/sg-"] .headline { background-color: #1db081; color: #FFFFFF; } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .headline, [data-page^="/product/eurojackpot10"] .headline, [data-page^="/product/eurojackpot5"] .headline, [data-page^="/product/lotto10v2"] .headline, [data-page^="/product/lotto5v2"] .headline, [data-page^="/product/sg-"] .headline { padding-left: 0px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture img, [data-page^="/product/eurojackpot10"] .lotteryClubPicture img, [data-page^="/product/eurojackpot5"] .lotteryClubPicture img, [data-page^="/product/lotto10v2"] .lotteryClubPicture img, [data-page^="/product/lotto5v2"] .lotteryClubPicture img, [data-page^="/product/sg-"] .lotteryClubPicture img { margin-top: 20px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoOverlay, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoOverlay, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoOverlay, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoOverlay, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoOverlay, [data-page^="/product/sg-"] .lotteryClubPicture .infoOverlay { padding-top: 20px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoOverlay__background, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoOverlay__background, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoOverlay__background, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoOverlay__background, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoOverlay__background, [data-page^="/product/sg-"] .lotteryClubPicture .infoOverlay__background { background-color: #6496D5; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content { font-family: 'WebSans', Arial, sans-serif; text-align: left; padding-left: 50px; } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content { font-size: 18px; line-height: 22px; padding-top: 40px; } } @media screen and (max-width: 440px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content { font-size: 14px; line-height: 18px; } } @media screen and (max-width: 390px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content { font-size: 12px; line-height: 16px; } } @media screen and (max-width: 360px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content { font-size: 10px; line-height: 14px; } } @media screen and (max-width: 360px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content { font-size: 8px; line-height: 12px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content__icon, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content__icon, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content__icon, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content__icon, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content__icon, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content__icon { position: absolute; left: 20px; top: 52px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content__icon:before, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content__icon:before, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content__icon:before, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content__icon:before, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content__icon:before, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content__icon:before { content: url("//js.ui-portal.de/test/lotto24/img/webde/icon/info-white-transparent.svg"); background: none; border: none; padding: 0; margin: 0; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow { font-family: 'WebSans', Arial, sans-serif; display: block; background: none !important; width: auto; box-shadow: none; text-shadow: none; font-size: 16px; border-color: #FFFFFF !important; color: #FFFFFF !important; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:hover, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:hover, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:hover, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:hover, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:hover, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:hover, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:active, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:active, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:active, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:active, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:active, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow:active { background-color: #FFFFFF !important; color: #515151 !important; } @media screen and (min-width: 768px) and (max-width: 991px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow { font-size: 10px; } } @media screen and (max-width: 560px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow { font-size: 14px; } } @media screen and (max-width: 500px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow { font-size: 12px; } } @media screen and (max-width: 460px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot10"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/eurojackpot5"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto10v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/lotto5v2"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow, [data-page^="/product/sg-"] .lotteryClubPicture .infoLayer__content button.confirm.small.further--arrow { font-size: 10px; height: auto; line-height: initial; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .block, [data-page^="/product/eurojackpot10"] .block, [data-page^="/product/eurojackpot5"] .block, [data-page^="/product/lotto10v2"] .block, [data-page^="/product/lotto5v2"] .block, [data-page^="/product/sg-"] .block { margin-left: 20px; } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .block, [data-page^="/product/eurojackpot10"] .block, [data-page^="/product/eurojackpot5"] .block, [data-page^="/product/lotto10v2"] .block, [data-page^="/product/lotto5v2"] .block, [data-page^="/product/sg-"] .block { margin-left: 10px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .block.block--noRight, [data-page^="/product/eurojackpot10"] .block.block--noRight, [data-page^="/product/eurojackpot5"] .block.block--noRight, [data-page^="/product/lotto10v2"] .block.block--noRight, [data-page^="/product/lotto5v2"] .block.block--noRight, [data-page^="/product/sg-"] .block.block--noRight, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .block.block--noLeft, [data-page^="/product/eurojackpot10"] .block.block--noLeft, [data-page^="/product/eurojackpot5"] .block.block--noLeft, [data-page^="/product/lotto10v2"] .block.block--noLeft, [data-page^="/product/lotto5v2"] .block.block--noLeft, [data-page^="/product/sg-"] .block.block--noLeft { margin-bottom: 20px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .block.block--middle, [data-page^="/product/eurojackpot10"] .block.block--middle, [data-page^="/product/eurojackpot5"] .block.block--middle, [data-page^="/product/lotto10v2"] .block.block--middle, [data-page^="/product/lotto5v2"] .block.block--middle, [data-page^="/product/sg-"] .block.block--middle { margin-bottom: 5px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/eurojackpot10"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/eurojackpot5"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/lotto10v2"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/lotto5v2"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/sg-"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block { margin-left: 0; } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/eurojackpot10"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/eurojackpot5"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/lotto10v2"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/lotto5v2"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block, [data-page^="/product/sg-"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block { margin-left: 10px; margin-top: 10px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block--grey, [data-page^="/product/eurojackpot10"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block--grey, [data-page^="/product/eurojackpot5"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block--grey, [data-page^="/product/lotto10v2"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block--grey, [data-page^="/product/lotto5v2"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block--grey, [data-page^="/product/sg-"] .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .block--grey { margin-top: 6px; margin-bottom: 10px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .col-xs-6.avoidPaddingLeftRight { width: 185px; } @media screen and (max-width: 400px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .col-xs-6.avoidPaddingLeftRight { width: 150px; } } @media screen and (max-width: 350px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .col-xs-6.avoidPaddingLeftRight { width: 120px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight { width: 359px; } @media screen and (max-width: 1200px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight { width: 259px; } } @media screen and (max-width: 991px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight { width: 149px; font-size: 16px; } } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight { width: calc(100% - 185px); } } @media screen and (max-width: 400px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight { width: calc(100% - 150px); } } @media screen and (max-width: 350px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .col-xs-6 + .col-xs-6.avoidPaddingLeftRight { width: calc(100% - 120px); } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .block.hidden-xs, [data-page^="/product/eurojackpot10"] .block.hidden-xs, [data-page^="/product/eurojackpot5"] .block.hidden-xs, [data-page^="/product/lotto10v2"] .block.hidden-xs, [data-page^="/product/lotto5v2"] .block.hidden-xs, [data-page^="/product/sg-"] .block.hidden-xs { margin-top: 20px; margin-right: 20px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubProduct, [data-page^="/product/eurojackpot10"] .clubProduct, [data-page^="/product/eurojackpot5"] .clubProduct, [data-page^="/product/lotto10v2"] .clubProduct, [data-page^="/product/lotto5v2"] .clubProduct, [data-page^="/product/sg-"] .clubProduct { border-radius: 4px; overflow: hidden; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubProduct__partsBlock, [data-page^="/product/eurojackpot10"] .clubProduct__partsBlock, [data-page^="/product/eurojackpot5"] .clubProduct__partsBlock, [data-page^="/product/lotto10v2"] .clubProduct__partsBlock, [data-page^="/product/lotto5v2"] .clubProduct__partsBlock, [data-page^="/product/sg-"] .clubProduct__partsBlock { margin-left: 0; text-align: left; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubProduct__partsBlock strong, [data-page^="/product/eurojackpot10"] .clubProduct__partsBlock strong, [data-page^="/product/eurojackpot5"] .clubProduct__partsBlock strong, [data-page^="/product/lotto10v2"] .clubProduct__partsBlock strong, [data-page^="/product/lotto5v2"] .clubProduct__partsBlock strong, [data-page^="/product/sg-"] .clubProduct__partsBlock strong { padding-left: 20px; font-weight: normal; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubProduct__partsBlock .clubProduct__partsBlock__number, [data-page^="/product/eurojackpot10"] .clubProduct__partsBlock .clubProduct__partsBlock__number, [data-page^="/product/eurojackpot5"] .clubProduct__partsBlock .clubProduct__partsBlock__number, [data-page^="/product/lotto10v2"] .clubProduct__partsBlock .clubProduct__partsBlock__number, [data-page^="/product/lotto5v2"] .clubProduct__partsBlock .clubProduct__partsBlock__number, [data-page^="/product/sg-"] .clubProduct__partsBlock .clubProduct__partsBlock__number { padding: 15px 5px; margin: 0; font-weight: bold; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubProduct, [data-page^="/product/eurojackpot10"] .clubProduct, [data-page^="/product/eurojackpot5"] .clubProduct, [data-page^="/product/lotto10v2"] .clubProduct, [data-page^="/product/lotto5v2"] .clubProduct, [data-page^="/product/sg-"] .clubProduct, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubProduct__partsBlock, [data-page^="/product/eurojackpot10"] .clubProduct__partsBlock, [data-page^="/product/eurojackpot5"] .clubProduct__partsBlock, [data-page^="/product/lotto10v2"] .clubProduct__partsBlock, [data-page^="/product/lotto5v2"] .clubProduct__partsBlock, [data-page^="/product/sg-"] .clubProduct__partsBlock, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubProduct__partsBlock__number, [data-page^="/product/eurojackpot10"] .clubProduct__partsBlock__number, [data-page^="/product/eurojackpot5"] .clubProduct__partsBlock__number, [data-page^="/product/lotto10v2"] .clubProduct__partsBlock__number, [data-page^="/product/lotto5v2"] .clubProduct__partsBlock__number, [data-page^="/product/sg-"] .clubProduct__partsBlock__number { background-color: #999999; color: #FFFFFF; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubIncludes, [data-page^="/product/eurojackpot10"] .clubIncludes, [data-page^="/product/eurojackpot5"] .clubIncludes, [data-page^="/product/lotto10v2"] .clubIncludes, [data-page^="/product/lotto5v2"] .clubIncludes, [data-page^="/product/sg-"] .clubIncludes { color: #515151; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubIncludes .clubIncludes--detail, [data-page^="/product/eurojackpot10"] .clubIncludes .clubIncludes--detail, [data-page^="/product/eurojackpot5"] .clubIncludes .clubIncludes--detail, [data-page^="/product/lotto10v2"] .clubIncludes .clubIncludes--detail, [data-page^="/product/lotto5v2"] .clubIncludes .clubIncludes--detail, [data-page^="/product/sg-"] .clubIncludes .clubIncludes--detail { font-family: 'WebSans', Arial, sans-serif; font-weight: bold; font-size: 18px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubIncludes ul, [data-page^="/product/eurojackpot10"] .clubIncludes ul, [data-page^="/product/eurojackpot5"] .clubIncludes ul, [data-page^="/product/lotto10v2"] .clubIncludes ul, [data-page^="/product/lotto5v2"] .clubIncludes ul, [data-page^="/product/sg-"] .clubIncludes ul { font-family: 'WebSans', Arial, sans-serif; font-weight: 200; list-style: none; margin-left: 15px; margin-top: 5px; margin-right: 5px; padding-left: 0; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubIncludes ul li, [data-page^="/product/eurojackpot10"] .clubIncludes ul li, [data-page^="/product/eurojackpot5"] .clubIncludes ul li, [data-page^="/product/lotto10v2"] .clubIncludes ul li, [data-page^="/product/lotto5v2"] .clubIncludes ul li, [data-page^="/product/sg-"] .clubIncludes ul li { position: relative; font-size: 16px; line-height: 24px; margin-bottom: 8px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubIncludes ul li:before, [data-page^="/product/eurojackpot10"] .clubIncludes ul li:before, [data-page^="/product/eurojackpot5"] .clubIncludes ul li:before, [data-page^="/product/lotto10v2"] .clubIncludes ul li:before, [data-page^="/product/lotto5v2"] .clubIncludes ul li:before, [data-page^="/product/sg-"] .clubIncludes ul li:before { font-family: 'verdana'; position: absolute; font-size: 21px; content: "•"; color: #1C8AD9; top: -1px; margin-left: -15px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight { width: 170px; } @media screen and (max-width: 991px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight { width: 160px; } } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight { width: auto; } } @media screen and (max-width: 390px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight { width: 100%; padding-left: 10px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__minus, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__minus, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__minus, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__minus, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__minus, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__minus, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__plus, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__plus, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__plus, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__plus, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__plus, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__plus, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number { font-family: 'WebSans', Arial, sans-serif; font-weight: 200; border-radius: 4px; width: 40px; height: 40px; font-size: 28px; background-color: #f1f1f2; color: #999999; border-color: #999999; padding: 0; line-height: 35px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts__number { font-size: 16px; padding: 8px; line-height: 21px; background-color: #FFFFFF; color: #505050; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text { font-size: 16px; line-height: 35px; } @media screen and (max-width: 991px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text { line-height: 30px; } } @media screen and (max-width: 390px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .clubParts .clubParts__text { line-height: 19px; width: 100%; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft { margin: 0; margin-top: 16px; } @media screen and (max-width: 991px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft { margin-top: 20px; } } @media screen and (max-width: 390px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-6.avoidPaddingLeftRight .block.block--doubleTop.block--grey.block--noLeft { margin-top: 0; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details { margin-top: -1px; padding-top: 1px; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values { font-size: 15px; height: 75px; line-height: 26px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @media screen and (max-width: 991px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values { line-height: 18px; } } @media screen and (max-width: 360px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__labels, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .clubDetails.clubDetails__values { font-size: 11px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft { margin-left: 0; } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noLeft { margin-top: 10px; } } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight { margin-top: 10px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight .clubDetails__labels, [data-page^="/product/eurojackpot10"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight .clubDetails__labels, [data-page^="/product/eurojackpot5"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight .clubDetails__labels, [data-page^="/product/lotto10v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight .clubDetails__labels, [data-page^="/product/lotto5v2"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight .clubDetails__labels, [data-page^="/product/sg-"] .contentbox.contentbox--club.ng-scope .selection-form.ng-pristine.ng-valid .row.contentbox--club__buy.contentbox--club__buy--details .block.block--noRight .clubDetails__labels { text-align: start; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } @media screen and (max-width: 767px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) #contentArea > .row > .col-xs-12 > .contentbox.header, [data-page^="/product/eurojackpot10"] #contentArea > .row > .col-xs-12 > .contentbox.header, [data-page^="/product/eurojackpot5"] #contentArea > .row > .col-xs-12 > .contentbox.header, [data-page^="/product/lotto10v2"] #contentArea > .row > .col-xs-12 > .contentbox.header, [data-page^="/product/lotto5v2"] #contentArea > .row > .col-xs-12 > .contentbox.header, [data-page^="/product/sg-"] #contentArea > .row > .col-xs-12 > .contentbox.header, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) #contentArea > .row > .col-xs-12 > .contentbox.advantages, [data-page^="/product/eurojackpot10"] #contentArea > .row > .col-xs-12 > .contentbox.advantages, [data-page^="/product/eurojackpot5"] #contentArea > .row > .col-xs-12 > .contentbox.advantages, [data-page^="/product/lotto10v2"] #contentArea > .row > .col-xs-12 > .contentbox.advantages, [data-page^="/product/lotto5v2"] #contentArea > .row > .col-xs-12 > .contentbox.advantages, [data-page^="/product/sg-"] #contentArea > .row > .col-xs-12 > .contentbox.advantages { padding-left: 20px !important; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) button.confirm.small.disabled, [data-page^="/product/eurojackpot10"] button.confirm.small.disabled, [data-page^="/product/eurojackpot5"] button.confirm.small.disabled, [data-page^="/product/lotto10v2"] button.confirm.small.disabled, [data-page^="/product/lotto5v2"] button.confirm.small.disabled, [data-page^="/product/sg-"] button.confirm.small.disabled { color: #515151 !important; border: 1px #F2BD3E solid !important; background: -webkit-gradient(linear, left top, left bottom, from(#FFE688), to(#FFCF20)) !important; background: -webkit-linear-gradient(#FFE688, #FFCF20) !important; background: -moz-linear-gradient(#FFE688, #FFCF20) !important; background: -o-linear-gradient(#FFE688, #FFCF20) !important; background: linear-gradient(#FFE688, #FFCF20) !important; color: #DADADA !important; background: #FFF8D1 !important; border: none !important; opacity: 1 !important; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) a.confirm.small, [data-page^="/product/eurojackpot10"] a.confirm.small, [data-page^="/product/eurojackpot5"] a.confirm.small, [data-page^="/product/lotto10v2"] a.confirm.small, [data-page^="/product/lotto5v2"] a.confirm.small, [data-page^="/product/sg-"] a.confirm.small, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) button.confirm.small, [data-page^="/product/eurojackpot10"] button.confirm.small, [data-page^="/product/eurojackpot5"] button.confirm.small, [data-page^="/product/lotto10v2"] button.confirm.small, [data-page^="/product/lotto5v2"] button.confirm.small, [data-page^="/product/sg-"] button.confirm.small, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/eurojackpot10"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/eurojackpot5"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/lotto10v2"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/lotto5v2"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/sg-"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/eurojackpot10"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/eurojackpot5"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/lotto10v2"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/lotto5v2"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/sg-"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/eurojackpot10"] body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/eurojackpot5"] body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/lotto10v2"] body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/lotto5v2"] body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/sg-"] body[data-page="/payment/payout"] a[title="Einzahlen"] { border: none !important; color: #515151 !important; height: 40px; line-height: 38px; font-size: 20px; outline: none; } @media screen and (max-width: 350px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) a.confirm.small, [data-page^="/product/eurojackpot10"] a.confirm.small, [data-page^="/product/eurojackpot5"] a.confirm.small, [data-page^="/product/lotto10v2"] a.confirm.small, [data-page^="/product/lotto5v2"] a.confirm.small, [data-page^="/product/sg-"] a.confirm.small, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) button.confirm.small, [data-page^="/product/eurojackpot10"] button.confirm.small, [data-page^="/product/eurojackpot5"] button.confirm.small, [data-page^="/product/lotto10v2"] button.confirm.small, [data-page^="/product/lotto5v2"] button.confirm.small, [data-page^="/product/sg-"] button.confirm.small, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/eurojackpot10"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/eurojackpot5"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/lotto10v2"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/lotto5v2"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/sg-"] .listItem__optionsbar__option.confirm.optionen, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/eurojackpot10"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/eurojackpot5"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/lotto10v2"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/lotto5v2"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/sg-"] body[data-page="/payment/payout"] a[title="Kontoauszug"], [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/eurojackpot10"] body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/eurojackpot5"] body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/lotto10v2"] body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/lotto5v2"] body[data-page="/payment/payout"] a[title="Einzahlen"], [data-page^="/product/sg-"] body[data-page="/payment/payout"] a[title="Einzahlen"] { font-size: 16px; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) a.confirm.small:not(.disabled):hover, [data-page^="/product/eurojackpot10"] a.confirm.small:not(.disabled):hover, [data-page^="/product/eurojackpot5"] a.confirm.small:not(.disabled):hover, [data-page^="/product/lotto10v2"] a.confirm.small:not(.disabled):hover, [data-page^="/product/lotto5v2"] a.confirm.small:not(.disabled):hover, [data-page^="/product/sg-"] a.confirm.small:not(.disabled):hover, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) button.confirm.small:not(.disabled):hover, [data-page^="/product/eurojackpot10"] button.confirm.small:not(.disabled):hover, [data-page^="/product/eurojackpot5"] button.confirm.small:not(.disabled):hover, [data-page^="/product/lotto10v2"] button.confirm.small:not(.disabled):hover, [data-page^="/product/lotto5v2"] button.confirm.small:not(.disabled):hover, [data-page^="/product/sg-"] button.confirm.small:not(.disabled):hover, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .listItem__optionsbar__option.confirm.optionen:not(.disabled):hover, [data-page^="/product/eurojackpot10"] .listItem__optionsbar__option.confirm.optionen:not(.disabled):hover, [data-page^="/product/eurojackpot5"] .listItem__optionsbar__option.confirm.optionen:not(.disabled):hover, [data-page^="/product/lotto10v2"] .listItem__optionsbar__option.confirm.optionen:not(.disabled):hover, [data-page^="/product/lotto5v2"] .listItem__optionsbar__option.confirm.optionen:not(.disabled):hover, [data-page^="/product/sg-"] .listItem__optionsbar__option.confirm.optionen:not(.disabled):hover, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) body[data-page="/payment/payout"] a[title="Kontoauszug"]:not(.disabled):hover, [data-page^="/product/eurojackpot10"] body[data-page="/payment/payout"] a[title="Kontoauszug"]:not(.disabled):hover, [data-page^="/product/eurojackpot5"] body[data-page="/payment/payout"] a[title="Kontoauszug"]:not(.disabled):hover, [data-page^="/product/lotto10v2"] body[data-page="/payment/payout"] a[title="Kontoauszug"]:not(.disabled):hover, [data-page^="/product/lotto5v2"] body[data-page="/payment/payout"] a[title="Kontoauszug"]:not(.disabled):hover, [data-page^="/product/sg-"] body[data-page="/payment/payout"] a[title="Kontoauszug"]:not(.disabled):hover, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) body[data-page="/payment/payout"] a[title="Einzahlen"]:not(.disabled):hover, [data-page^="/product/eurojackpot10"] body[data-page="/payment/payout"] a[title="Einzahlen"]:not(.disabled):hover, [data-page^="/product/eurojackpot5"] body[data-page="/payment/payout"] a[title="Einzahlen"]:not(.disabled):hover, [data-page^="/product/lotto10v2"] body[data-page="/payment/payout"] a[title="Einzahlen"]:not(.disabled):hover, [data-page^="/product/lotto5v2"] body[data-page="/payment/payout"] a[title="Einzahlen"]:not(.disabled):hover, [data-page^="/product/sg-"] body[data-page="/payment/payout"] a[title="Einzahlen"]:not(.disabled):hover { color: #515151 !important; border: none !important; } @media screen and (max-width: 500px) { [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot10"] .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/eurojackpot5"] .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto10v2"] .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/lotto5v2"] .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight, [data-page^="/product/sg-"] .row.contentbox--club__buy.contentbox--club__buy--number .col-xs-12.col-sm-6.avoidPaddingLeftRight + .col-xs-12.col-sm-6.avoidPaddingLeftRight .col-xs-6.avoidPaddingLeftRight + .col-xs-6.avoidPaddingLeftRight { width: auto; } } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .tooltip:before, [data-page^="/product/eurojackpot10"] .tooltip:before, [data-page^="/product/eurojackpot5"] .tooltip:before, [data-page^="/product/lotto10v2"] .tooltip:before, [data-page^="/product/lotto5v2"] .tooltip:before, [data-page^="/product/sg-"] .tooltip:before { content: url('//js.ui-portal.de/test/lotto24/img/webde/icon/info-white.svg') !important; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .tooltip:hover:before, [data-page^="/product/eurojackpot10"] .tooltip:hover:before, [data-page^="/product/eurojackpot5"] .tooltip:hover:before, [data-page^="/product/lotto10v2"] .tooltip:hover:before, [data-page^="/product/lotto5v2"] .tooltip:hover:before, [data-page^="/product/sg-"] .tooltip:hover:before, [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .tooltip.icon-layer-info.hover:before, [data-page^="/product/eurojackpot10"] .tooltip.icon-layer-info.hover:before, [data-page^="/product/eurojackpot5"] .tooltip.icon-layer-info.hover:before, [data-page^="/product/lotto10v2"] .tooltip.icon-layer-info.hover:before, [data-page^="/product/lotto5v2"] .tooltip.icon-layer-info.hover:before, [data-page^="/product/sg-"] .tooltip.icon-layer-info.hover:before { content: url('//js.ui-portal.de/test/lotto24/img/webde/icon/info-blue.svg') !important; } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubHeader__logo--lottonormal, [data-page^="/product/eurojackpot10"] .clubHeader__logo--lottonormal, [data-page^="/product/eurojackpot5"] .clubHeader__logo--lottonormal, [data-page^="/product/lotto10v2"] .clubHeader__logo--lottonormal, [data-page^="/product/lotto5v2"] .clubHeader__logo--lottonormal, [data-page^="/product/sg-"] .clubHeader__logo--lottonormal { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/LOTTO_48x48.svg'); } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubHeader__logo--eurojackpot, [data-page^="/product/eurojackpot10"] .clubHeader__logo--eurojackpot, [data-page^="/product/eurojackpot5"] .clubHeader__logo--eurojackpot, [data-page^="/product/lotto10v2"] .clubHeader__logo--eurojackpot, [data-page^="/product/lotto5v2"] .clubHeader__logo--eurojackpot, [data-page^="/product/sg-"] .clubHeader__logo--eurojackpot { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/EuroJackpot_48x48.svg'); } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .clubHeader__logo--duolotto, [data-page^="/product/eurojackpot10"] .clubHeader__logo--duolotto, [data-page^="/product/eurojackpot5"] .clubHeader__logo--duolotto, [data-page^="/product/lotto10v2"] .clubHeader__logo--duolotto, [data-page^="/product/lotto5v2"] .clubHeader__logo--duolotto, [data-page^="/product/sg-"] .clubHeader__logo--duolotto { background-image: url('//js.ui-portal.de/test/lotto24/img/webde/logo/spielgemeinschaften/DUOLOTTO_48x48.svg'); } [data-page^="/product/spielgemeinschaften"]:not([data-page^="/product/spielgemeinschaften/help"]) .paymentEdit .addNew, [data-page^="/product/eurojackpot10"] .paymentEdit .addNew, [data-page^="/product/eurojackpot5"] .paymentEdit .addNew, [data-page^="/product/lotto10v2"] .paymentEdit .addNew, [data-page^="/product/lotto5v2"] .paymentEdit .addNew, [data-page^="/product/sg-"] .paymentEdit .addNew { background-image: url("//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/plus-grau.svg"); } /*--- spielgemeinschaften.less END ---*/ /*--- keno-resultpages.less START ---*/ body[data-page^="/product/keno/result"] .contentbox.header h1 { margin: 0px 5px; font-size: 32px; line-height: 40px; } @media (min-width: 768px) { body[data-page^="/product/keno/result"] .contentbox.header h1 { font-size: 40px; line-height: 48px; } } body[data-page^="/product/keno/result"] .winning-numbers > div { margin-top: 20px; display: block; width: 100%; } body[data-page^="/product/keno/result"] .winning-numbers__label { font-family: 'WebSans', Arial, sans-serif; width: 85px; font-size: 20px; line-height: 30px; color: #515151; } @media (max-width: 767px) { body[data-page^="/product/keno/result"] .winning-numbers__label { display: block; margin-bottom: 20px; width: 100%; } } body[data-page^="/product/keno/result"] .winning-numbers__number, body[data-page^="/product/keno/result"] .winning-numbers__number--additional { font-family: 'WebSans', Arial, sans-serif; font-size: 20px; color: #515151; line-height: 40px; height: 40px; width: 40px; margin-bottom: 20px; margin-right: 8px; border-radius: 20px; } body[data-page^="/product/keno/result"] .winning-numbers__number--additional, body[data-page^="/product/keno/result"] .winning-numbers__number--additional--additional { border-radius: 4px; margin-bottom: 0px; } body[data-page^="/product/keno/result"] .winning-numbers .pull-right-sm .winning-numbers__label { background: url('//js.ui-portal.de/test/lotto24/img/webde/logo/logo-plus5.svg') no-repeat; background-size: 80px auto; margin-top: 8px; width: 85px; height: 24px; text-indent: -100px; display: inline-block; overflow: hidden; } @media (max-width: 767px) { body[data-page^="/product/keno/result"] .winning-numbers .pull-right-sm .winning-numbers__label { display: block; margin-bottom: 20px; } } body[data-page^="/product/keno/result"] .productHeader.productHeader--keno .product-logo--keno .ticket-header__banner__img { width: 150px; margin-top: 0px; } body[data-page^="/product/keno/result"] .productHeader.productHeader--keno .jackpot.jackpot--keno { background-color: #EFDC59; color: #951B81; } body[data-page^="/product/keno/result"] .productHeader.productHeader--keno .jackpot:after { border-right-color: #EFDC59; } body[data-page^="/product/keno/result"] .productHeader.productHeader--keno.fixToTop .jackpot--keno.jackpot--empty { height: 2.7em; } @media (min-width: 480px) { body[data-page^="/product/keno/result"] .productHeader.productHeader--keno.fixToTop .jackpot--keno.jackpot--empty { margin-top: 12px; } } @media (min-width: 768px) { body[data-page^="/product/keno/result"] .productHeader.productHeader--keno.fixToTop .jackpot--keno.jackpot--empty { height: 2.5em; } } @media (min-width: 992px) { body[data-page^="/product/keno/result"] .productHeader.productHeader--keno.fixToTop .jackpot--keno.jackpot--empty .jackpot__text { line-height: 1em; } } @media (max-width: 767px) { body[data-page^="/product/keno/result"] .productHeader.productHeader--keno.fixToTop .jackpot .jackpot__sum { line-height: 1.3em; } } body[data-page^="/product/keno/result"] .productHeader.productHeader--keno.fixToTop .ticket-header__banner__img { width: 145px; margin-top: 8px; } body[data-page^="/product/keno/result"] .product-table__content { font-family: 'WebSans', Arial, sans-serif; background-color: #F3F3F3; border-radius: 4px; color: #515151; margin-bottom: 20px; padding: 20px; } @media (min-width: 768px) { body[data-page^="/product/keno/result"] .product-table__content h2 { font-size: 24px; line-height: 32px; } } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"], body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] { background-color: #FFFFFF; border-radius: 4px; padding: 20px 0px; } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] h2, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] h2 { padding: 10px 20px 10px; margin-bottom: 0; margin-left: -20px; } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] h2 .product-logo--tiny, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] h2 .product-logo--tiny { margin-top: 0px; margin-left: -7px; margin-right: 10px; margin-bottom: 10px; } @media (min-width: 768px) { body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] h2 .product-logo--tiny, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] h2 .product-logo--tiny { width: 105px; height: auto; margin: 0px; margin-right: 10px; margin-top: -10px; } } @media (min-width: 768px) { body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] h2, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] h2 { font-size: 16px; padding: 10px 0px 10px 20px; } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] h2 .product-table__content__chances, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] h2 .product-table__content__chances { line-height: 32px; width: auto; } } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .row.options, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .row.options { padding: 40px 20px 10px 20px; background-color: #F3F3F3; border-radius: 4px 4px 0 0; margin-bottom: 40px; } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .row.options > div, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .row.options > div { display: block; width: 100%; margin-bottom: 10px; } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .row.options > div h3, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .row.options > div h3 { float: left; width: 200px; line-height: 35px; } @media (max-width: 767px) { body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .row.options > div h3, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .row.options > div h3 { float: none; width: 100%; } } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-header, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .inner-table-header, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-row, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .inner-table-row { font-size: 12px; } @media (min-width: 480px) { body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-header, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .inner-table-header, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-row, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .inner-table-row { font-size: 14px; } } @media (min-width: 768px) { body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-header, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .inner-table-header, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-row, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultPlus5QuotasDiv"] .inner-table-row { font-size: 16px; } } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-header .col-xs-4, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-row .col-xs-4 { width: 35%; } body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-header .col-xs-3, body[data-page^="/product/keno/result"] .product-table__content[data-test-id="resultKenoQuotasDiv"] .inner-table-row .col-xs-3 { width: 23%; } body[data-page^="/product/keno/result"] .product-table__content h2 b, body[data-page^="/product/keno/result"] .product-table__content .product-table__content__hint { font-family: 'WebSans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin-top: 5px; } @media (min-width: 768px) { body[data-page^="/product/keno/result"] .product-table__content h2 b, body[data-page^="/product/keno/result"] .product-table__content .product-table__content__hint { font-size: 16px; } } @media (min-width: 768px) { body[data-page^="/product/keno/result"] .product-table__content .product-table__content__selection .selectWrapper { width: 270px; } } body[data-page^="/product/keno/result"] .product-table__content .product-table__content__selection .selectWrapper select { text-indent: 6px !important; font-family: Verdana, Arial, Helvetica, sans-serif; background-size: 20px; line-height: 36px !important; } body[data-page^="/product/keno/result"] .product-table__content .options__label, body[data-page^="/product/keno/result"] .product-table__content .product-table__content__chances { font-family: 'WebSans', Arial, sans-serif; font-size: 20px; line-height: 24px; } body[data-page^="/product/keno/result"] .product-table__content .product-table__content__chances { float: right; } body[data-page^="/product/keno/result"] .product-table__content .options__radiobutton { border-radius: 4px; background-color: #FFFFFF; margin-right: 5px; font-size: 16px; line-height: 36px; border: none; height: 36px; width: 36px; } body[data-page^="/product/keno/result"] .product-table__content .options__radiobutton.options__radiobutton--active { background-color: #717171; color: #FFFFFF; } /*--- keno-resultpages.less END ---*/ /*--- dfl-resultpages.less START ---*/ @media (max-width: 767px) { body[data-page="/product/fernsehlotterie/result"] .content-wrapper .container:first-child .row-hotline-partner .hotline { top: 20px; } } @media (max-width: 479px) { body[data-page="/product/fernsehlotterie/result"] .content-wrapper .container:first-child .row-hotline-partner .hotline { top: 2px; } } @media (max-width: 480px) { body[data-page="/product/fernsehlotterie/result"] .content-wrapper .container:first-child .row-hotline-partner .partner { margin-right: 0px; } } body[data-page="/product/fernsehlotterie/result"] div.tooltip__text span { color: #515151; font-size: 16px; line-height: 24px; } body[data-page="/product/fernsehlotterie/result"] .table__row__cell { line-height: 20px; padding: 8px 20px; border: none; border-bottom: 1px solid #DADADA; } body[data-page="/product/fernsehlotterie/result"] .table__row__cell--header { border-bottom: none; } @media (max-width: 479px) { body[data-page="/product/fernsehlotterie/result"] .table__row__cell { padding: 8px 5px; } body[data-page="/product/fernsehlotterie/result"] .product-table__content h2 strong { display: inline; } body[data-page="/product/fernsehlotterie/result"] .tooltip__text--xs { width: 19em; left: -10em; } body[data-page="/product/fernsehlotterie/result"] .tooltip--dfl_bonus .tooltip__text--xs { left: -8.5em; } } @media (max-width: 767px) { body[data-page="/product/fernsehlotterie/result"] .tooltip--dfl_bonus .tooltip__text--xs { left: -13.5em; } } @media (min-width: 768px) { body[data-page="/product/fernsehlotterie/result"] .tooltip--right .tooltip__arrow { right: -23px; margin-top: 21px; } body[data-page="/product/fernsehlotterie/result"] .tooltip--right.tooltip--dfl_bonus .tooltip__arrow { right: -9px; margin-top: 15px; } body[data-page="/product/fernsehlotterie/result"] .tooltip--right .tooltip__text--sm { left: 22px; top: -40px !important; } } @media (min-width: 992px) { body[data-page="/product/fernsehlotterie/result"] .tooltip--right .tooltip__arrow { margin-top: 0px; } } /*--- dfl-resultpages.less END ---*/ /*--- weihnachtslotterie.less START ---*/ body[data-page^="/product/weihnachtslotterie"] .productHTML { background-color: #962a2b; padding: 20px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .productHTML { padding: 15px 8px 8px; } } body[data-page^="/product/weihnachtslotterie"] .boxWrapper { border-radius: 4px; margin-bottom: 10px; } body[data-page^="/product/weihnachtslotterie"] .boxContainer .dwl-image, body[data-page^="/product/weihnachtslotterie"] .boxContainer .ticketNumberBlock { background: transparent; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .boxContainer .dwl-image { margin: 0 16px 16px; } } @media screen and (min-width: 768px) { body[data-page^="/product/weihnachtslotterie"] .boxContainer .dwl-image { padding-right: 0; } } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock { padding: 16px; } } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock--IEWrapper { padding: 0; } } body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock--IEWrapper ul { font-family: 'WebSans', Arial, sans-serif; font-weight: 200; list-style: none; margin-left: 15px; margin-top: 5px; margin-right: 5px; padding-left: 0; } body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock--IEWrapper ul li { position: relative; font-size: 16px; line-height: 24px; margin-bottom: 8px; } body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock--IEWrapper ul li:before { font-family: 'verdana'; position: absolute; font-size: 21px; content: "•"; color: #1D88D8; top: -1px; margin-left: -15px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__main { padding-top: 7vw; } } @media screen and (max-width: 479px) { body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__main { height: 52vw; } } @media screen and (min-width: 768px) { body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__headline img { width: 12em; height: auto; } } body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__ticketNumbers__number { font-family: 'WebSans', Arial, sans-serif; font-size: 48px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__ticketNumbers__number { width: 17.3%; } body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__ticketNumbers__number--first { margin-left: 2vw; } } @media screen and (max-width: 479px) { body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__ticketNumbers__number { width: 16%; } body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__ticketNumbers__number--first { margin-left: 4vw; } } body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__button { font-family: 'WebSans', Arial, sans-serif; font-size: 20px; margin-bottom: 40px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__button { padding-left: 0px; text-align: center; } body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__button__icon.icon-sync { margin-left: 0; margin-right: 2px; float: none; font-size: 1em; font-weight: bold; } } body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__message { font-family: 'WebSans', Arial, sans-serif; font-size: 20px; font-weight: 200; line-height: 28px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticketNumberBlock__message { font-size: 3vw; line-height: 1.4em; margin-right: 10px; margin-left: 10px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-header { padding-bottom: 20px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticket-header { padding-bottom: 15px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot { position: relative; float: right; border-radius: 4px; background-color: #c9b577; padding: 5px 15px; width: 225px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot { width: 95px; padding: 5px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot:before { content: ""; position: absolute; display: block; background-color: #c9b577; height: 20px; width: 20px; top: 25px; left: -7px; transform: rotate(45deg); } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot:before { height: 10px; width: 10px; top: 13px; left: -5px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot .jackpot__text, body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot .jackpot__sum { font-family: 'WebSans', Arial, sans-serif; display: block; width: 100%; color: #962a2b; text-align: center; } body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot .jackpot__text { font-size: 18px; text-transform: none; line-height: 18px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot .jackpot__text { font-size: 8px; line-height: 8px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot .jackpot__sum { font-size: 42px; font-weight: 400; line-height: 42px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot .jackpot__sum { font-size: 18px; line-height: 18px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot .jackpot { background-color: transparent; padding: 0px; margin-top: 0px; } body[data-page^="/product/weihnachtslotterie"] .ticket-header__jackpot .jackpot:after { display: none; } body[data-page^="/product/weihnachtslotterie"] .ticket-header__logo { width: 235px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticket-header__logo { width: 120px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-options { position: relative; display: block; padding: 20px; border-radius: 4px; } body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary { width: 50%; padding: 20px; border-radius: 4px; } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary { width: 100%; padding: 16px; margin-bottom: 16px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary > div { display: flex; } body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary > div + div { margin-top: 16px; } body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary__value, body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary__label { font-family: 'WebSans', Arial, sans-serif; font-size: 20px; margin-left: 0; text-align: start; } @media screen and (max-width: 992px) { body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary__value, body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary__label { font-size: 16px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary__label { font-weight: 300; flex-basis: 120px; line-height: 20px; } @media screen and (min-width: 992px) { body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary__label { flex-basis: 160px; line-height: 20px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary__value { font-weight: 400; } @media screen and (min-width: 992px) { body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary__value { line-height: 18px; } } @media screen and (max-width: 992px) { body[data-page^="/product/weihnachtslotterie"] .ticket-options__row__summary__value { line-height: 22px; } } body[data-page^="/product/weihnachtslotterie"] .ticket-options__purchaseButton#productSubmit { margin-left: 0; } @media screen and (min-width: 768px) { body[data-page^="/product/weihnachtslotterie"] .ticket-options__purchaseButton#productSubmit { position: absolute; bottom: 20px; right: 20px; width: auto; } } @media screen and (max-width: 767px) { body[data-page^="/product/weihnachtslotterie"] .ticket-options__purchaseButton#productSubmit { float: none !important; } } /*--- weihnachtslotterie.less END ---*/ /*--- weihnachtslotterie-result.less START ---*/ body[data-page*="/product/weihnachtslotterie/result"] .ticket-header__banner__img { box-sizing: border-box; background: url("//js.ui-portal.de/test/lotto24/img/DeutscheWeihnachtslotterie_515151.svg") no-repeat; width: 45vw; height: 89px; padding-left: 45vw; } @media screen and (min-width: 491px) and (max-width: 767px) { body[data-page*="/product/weihnachtslotterie/result"] .ticket-header__banner__img { background-size: 230px; } } @media screen and (max-width: 490px) { body[data-page*="/product/weihnachtslotterie/result"] .ticket-header__banner__img { background-size: 145px; background-position: 0px 12px; } } body[data-page*="/product/weihnachtslotterie/result"] .ticket-header__jackpot { padding: 0px; width: 180px; } @media screen and (max-width: 767px) { body[data-page*="/product/weihnachtslotterie/result"] .ticket-header__jackpot { width: 150px; padding: 5px; } } body[data-page*="/product/weihnachtslotterie/result"] .ticket-header__jackpot:before { top: 24px; } body[data-page*="/product/weihnachtslotterie/result"] .ticket-header__jackpot .jackpot__sum { padding-bottom: 7px; } @media screen and (max-width: 767px) { body[data-page*="/product/weihnachtslotterie/result"] .ticket-header__jackpot .jackpot__text { font-size: 12px; line-height: 20px; padding-bottom: 7px; } } body[data-page*="/product/weihnachtslotterie/result"] .ticket-header.fixToTop .ticket-header__jackpot { height: 70px; } body[data-page*="/product/weihnachtslotterie/result"] .ticket-header.fixToTop .ticket-header__jackpot .jackpot__sum { font-size: 1.75em !important; } @media screen and (min-width: 768px) { body[data-page*="/product/weihnachtslotterie/result"] .ticket-header.fixToTop .ticket-header__jackpot .jackpot__sum { line-height: 1.75em; } } body[data-page*="/product/weihnachtslotterie/result"] #contentArea .product-table--dwl .productHeader { height: 7.375em; } @media screen and (min-width: 480px) and (max-width: 767px) { body[data-page*="/product/weihnachtslotterie/result"] #contentArea .product-table--dwl .productHeader { height: 100px; } } @media screen and (max-width: 479px) { body[data-page*="/product/weihnachtslotterie/result"] #contentArea .product-table--dwl .productHeader { height: 80px; } } body[data-page*="/product/weihnachtslotterie/result"] #contentArea .product-table--dwl .productHeader.fixToTop { border-top: 4px solid #c9b577; } @media screen and (max-width: 767px) { body[data-page*="/product/weihnachtslotterie/result"] #contentArea .product-table--dwl .productHeader.fixToTop { background: #FFFFFF; padding-left: 15px; padding-right: 15px; padding-top: 10px; } } @media screen and (min-width: 491px) and (max-width: 767px) { body[data-page*="/product/weihnachtslotterie/result"] #contentArea .product-table--dwl .productHeader.fixToTop { height: 120px; } } @media screen and (max-width: 490px) { body[data-page*="/product/weihnachtslotterie/result"] #contentArea .product-table--dwl .productHeader.fixToTop { height: 100px; } } body[data-page*="/product/weihnachtslotterie/result"] #contentArea .product-table--dwl .product-table__content { margin: 0; } body[data-page*="/product/weihnachtslotterie/result"] .productHeader--dwl, body[data-page*="/product/weihnachtslotterie/result"] .product-table--dwl { background-color: transparent; } body[data-page*="/product/weihnachtslotterie/result"] .productHeader--dwl.fixToTop, body[data-page*="/product/weihnachtslotterie/result"] .product-table--dwl.fixToTop { background-color: #FFFFFF; } body[data-page*="/product/weihnachtslotterie/result"] .table .table__header div { background-color: #f3f3f3; color: #515151; } body[data-page*="/product/weihnachtslotterie/result"] .table__row__cell { border-bottom: 1px solid #dadada; } body[data-page*="/product/weihnachtslotterie/result"] .productHeader.fixToTop:after { height: 7.5em; } /*--- weihnachtslotterie-result.less END ---*/ /*--- rubbellose.less START ---*/ @media (min-width: 768px) { [data-page^="/product/rubbellos"] .scratchCardOverview, [data-page^="/product/rubbellos"] .scratchCardDetail, [data-page^="/product/rubbellos"] .ticketFrame { background-color: #0095B5; } } [data-page^="/product/rubbellos"] .scratchCardOverview .header, [data-page^="/product/rubbellos"] .scratchCardDetail .header, [data-page^="/product/rubbellos"] .ticketFrame .header, [data-page^="/product/rubbellos"] .scratchCardOverview .ticketFrame__header, [data-page^="/product/rubbellos"] .scratchCardDetail .ticketFrame__header, [data-page^="/product/rubbellos"] .ticketFrame .ticketFrame__header { background-image: url('https://js.ui-portal.de/test/lotto24/img/rubbellose_icon_inverted.svg'); background-repeat: no-repeat; background-position: 0 0; background-size: 56px 56px; font-family: 'Lato', Arial, sans-serif, sans; margin-bottom: 15px; margin-left: 20px; } @media (max-width: 767px) { [data-page^="/product/rubbellos"] .scratchCardOverview .header, [data-page^="/product/rubbellos"] .scratchCardDetail .header, [data-page^="/product/rubbellos"] .ticketFrame .header, [data-page^="/product/rubbellos"] .scratchCardOverview .ticketFrame__header, [data-page^="/product/rubbellos"] .scratchCardDetail .ticketFrame__header, [data-page^="/product/rubbellos"] .ticketFrame .ticketFrame__header { background-position: 0 15px; margin-bottom: 1vw; margin-left: 2vw; padding: 15px 0 0 0; } } [data-page^="/product/rubbellos"] .scratchCardOverview .header img, [data-page^="/product/rubbellos"] .scratchCardDetail .header img, [data-page^="/product/rubbellos"] .ticketFrame .header img, [data-page^="/product/rubbellos"] .scratchCardOverview .ticketFrame__header img, [data-page^="/product/rubbellos"] .scratchCardDetail .ticketFrame__header img, [data-page^="/product/rubbellos"] .ticketFrame .ticketFrame__header img { display: none; } [data-page^="/product/rubbellos"] .scratchCardOverview .header h1, [data-page^="/product/rubbellos"] .scratchCardDetail .header h1, [data-page^="/product/rubbellos"] .ticketFrame .header h1, [data-page^="/product/rubbellos"] .scratchCardOverview .ticketFrame__header h1, [data-page^="/product/rubbellos"] .scratchCardDetail .ticketFrame__header h1, [data-page^="/product/rubbellos"] .ticketFrame .ticketFrame__header h1 { color: #FFFFFF !important; font-size: 48px; line-height: 56px; margin-left: 66px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition, [data-page^="/product/rubbellos"] .scratchCardDetail .edition, [data-page^="/product/rubbellos"] .ticketFrame .edition { border-radius: 4px; font-family: 'WebSans', Arial, sans-serif; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info, [data-page^="/product/rubbellos"] .ticketFrame .edition__info { background-color: #F3F3F3; border-radius: 0 4px 0 0; padding: 20px 20px 0 0; } @media (max-width: 767px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info, [data-page^="/product/rubbellos"] .ticketFrame .edition__info { border-radius: 0; padding: 20px; } } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info .button.confirm, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info .button.confirm, [data-page^="/product/rubbellos"] .ticketFrame .edition__info .button.confirm { height: 40px; font-size: 20px; line-height: 40px; } @media (min-width: 992px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__winPlan, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info__winPlan, [data-page^="/product/rubbellos"] .ticketFrame .edition__info__winPlan { margin-bottom: 0px; } } @media (min-width: 768px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__headline, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info__headline, [data-page^="/product/rubbellos"] .ticketFrame .edition__info__headline { font-size: 20px; line-height: 28px; margin-left: 0px; margin-bottom: 0px; } } @media (min-width: 992px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__headline, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info__headline, [data-page^="/product/rubbellos"] .ticketFrame .edition__info__headline { font-size: 24px; line-height: 32px; margin-bottom: 20px; } } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info__text, [data-page^="/product/rubbellos"] .ticketFrame .edition__info__text { margin-left: 0px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text span, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info__text span, [data-page^="/product/rubbellos"] .ticketFrame .edition__info__text span { font-size: 16px; line-height: 24px; } @media (min-width: 992px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text span, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info__text span, [data-page^="/product/rubbellos"] .ticketFrame .edition__info__text span { font-size: 20px; line-height: 28px; } } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text--description span, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info__text--description span, [data-page^="/product/rubbellos"] .ticketFrame .edition__info__text--description span { font-weight: 200; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text--plan, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__info__text--plan, [data-page^="/product/rubbellos"] .ticketFrame .edition__info__text--plan { font-size: 16px; line-height: 20px; font-weight: 200; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__image, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__image, [data-page^="/product/rubbellos"] .ticketFrame .edition__image { background-color: #F3F3F3; border-radius: 4px 0 0 0; } @media (max-width: 767px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__image, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__image, [data-page^="/product/rubbellos"] .ticketFrame .edition__image { border-radius: 0; } } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__select, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__select, [data-page^="/product/rubbellos"] .ticketFrame .edition__select { background-color: #F3F3F3; border-radius: 0 0 0 4px; padding-top: 0px; } @media (max-width: 767px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__select, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__select, [data-page^="/product/rubbellos"] .ticketFrame .edition__select { border-radius: 0; padding: 20px; } } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__select .selectWrapper select, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__select .selectWrapper select, [data-page^="/product/rubbellos"] .ticketFrame .edition__select .selectWrapper select { width: 100%; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__select__priceBlock, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__select__priceBlock, [data-page^="/product/rubbellos"] .ticketFrame .edition__select__priceBlock { background-color: #FFFFFF; border-radius: 4px; text-align: left; padding-left: 10px; height: 40px; line-height: 40px; } @media (max-width: 767px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__select__priceBlock, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__select__priceBlock, [data-page^="/product/rubbellos"] .ticketFrame .edition__select__priceBlock { margin-top: 5px; } } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__select__priceBlock .edition__select__text, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__select__priceBlock .edition__select__text, [data-page^="/product/rubbellos"] .ticketFrame .edition__select__priceBlock .edition__select__text, [data-page^="/product/rubbellos"] .scratchCardOverview .edition__select__priceBlock .edition__select__price, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__select__priceBlock .edition__select__price, [data-page^="/product/rubbellos"] .ticketFrame .edition__select__priceBlock .edition__select__price { font-size: 16px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__select__priceBlock .edition__select__text, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__select__priceBlock .edition__select__text, [data-page^="/product/rubbellos"] .ticketFrame .edition__select__priceBlock .edition__select__text { font-weight: lighter; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__links, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__links, [data-page^="/product/rubbellos"] .ticketFrame .edition__links { background-color: #F3F3F3; border-radius: 0 0 4px 0; padding-top: 0px; padding-left: 0px; } @media (max-width: 767px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__links, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__links, [data-page^="/product/rubbellos"] .ticketFrame .edition__links { border-radius: 0 0 4px 4px; padding: 20px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__links button, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__links button, [data-page^="/product/rubbellos"] .ticketFrame .edition__links button, [data-page^="/product/rubbellos"] .scratchCardOverview .edition__links .cancel, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__links .cancel, [data-page^="/product/rubbellos"] .ticketFrame .edition__links .cancel { font-size: 20px; height: 40px; line-height: 40px; margin: 0px 0px 15px 0px; } } @media (min-width: 768px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__links *, [data-page^="/product/rubbellos"] .scratchCardDetail .edition__links *, [data-page^="/product/rubbellos"] .ticketFrame .edition__links * { font-size: 20px; height: 40px; line-height: 40px; } } [data-page^="/product/rubbellos"] .scratchCardOverview .edition .js-winPlan, [data-page^="/product/rubbellos"] .scratchCardDetail .edition .js-winPlan, [data-page^="/product/rubbellos"] .ticketFrame .edition .js-winPlan { font-size: 16px; line-height: 20px; font-weight: 200; top: 0; } @media (max-width: 600px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition .js-winPlan, [data-page^="/product/rubbellos"] .scratchCardDetail .edition .js-winPlan, [data-page^="/product/rubbellos"] .ticketFrame .edition .js-winPlan { font-size: 14px; } } @media (max-width: 479px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition, [data-page^="/product/rubbellos"] .scratchCardDetail .edition, [data-page^="/product/rubbellos"] .ticketFrame .edition { flex-flow: column; } } [data-page^="/product/rubbellos"] .scratchCardOverview .text--footer, [data-page^="/product/rubbellos"] .scratchCardDetail .text--footer, [data-page^="/product/rubbellos"] .ticketFrame .text--footer { background-color: #FFFFFF; font-family: 'WebSans', Arial, sans-serif; font-size: 16px; line-height: 24px; font-weight: 200; } [data-page^="/product/rubbellos"] .scratchCardOverview .text--footer h3, [data-page^="/product/rubbellos"] .scratchCardDetail .text--footer h3, [data-page^="/product/rubbellos"] .ticketFrame .text--footer h3 { font-size: 20px; line-height: 28px; font-weight: normal; } @media (max-width: 767px) { [data-page^="/product/rubbellos"] .scratchCardDetail { background-color: #FFFFFF; } } @media (max-width: 767px) { [data-page^="/product/rubbellos"] .scratchCardOverview { background-color: #0095B5; } } @media (max-width: 1199px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info { margin-top: 10px; } } @media (max-width: 991px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info { padding: 10px 10px 0 0; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__headline { font-size: 20px; line-height: 28px; margin-bottom: 4px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text span, [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text--small span { font-size: 16px; line-height: 24px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info .button.confirm { height: 30px; min-height: 30px; line-height: 30px; font-size: 18px; } } @media (max-width: 767px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info { padding-top: 0px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__headline { font-size: 18px; line-height: 24px; margin-bottom: 0px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text span { font-size: 16px; line-height: 20px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text--small span { font-size: 14px; line-height: 20px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info .button.confirm { font-size: 16px; bottom: 0; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__image { padding: 1vw 2vw 0 1vw; } } @media (max-width: 600px) { [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info { margin-top: 5px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__headline { font-size: 16px; line-height: 20px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text span { font-size: 14px; line-height: 14px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text--small span { font-size: 12px; line-height: 14px; } } @media (max-width: 479px) { [data-page^="/product/rubbellos"] .scratchCardOverview .header h1 { font-size: 35px; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info { padding: 1vw 2vw 0 1vw; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info .button.confirm { position: static; width: 100%; margin: 10px 0; } [data-page^="/product/rubbellos"] .scratchCardOverview .edition__info__text { margin-top: 10px; } } [data-page^="/product/rubbellos"] .contentbox.openScratchCard { border-radius: 4px; } @media (min-width: 768px) { [data-page^="/product/rubbellos"] .contentbox.openScratchCard { padding: 20px; } } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer { margin-bottom: 20px; border-radius: 4px; overflow: hidden; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation { padding: 20px; background-color: #5CB72B; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation .row { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation .winningInformation__text { font-family: 'WebSans', Arial, sans-serif; display: flex; align-items: center; color: #fff; font-size: 20px; line-height: 28px; width: auto; margin-right: auto; } @media (max-width: 992px) { [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation .winningInformation__text { font-size: 16px; line-height: 20px; } } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation .winningInformation__text:before { content: ''; display: block; float: left; background-image: url('//js.ui-portal.de/test/lotto24/img/webde/icon/icon-success-white.svg'); background-size: 24px; width: 24px; height: 24px; margin-right: 10px; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation .winningInformation__button { width: auto; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation .winningInformation__button .button.confirm { background: transparent !important; border: 1px solid #fff !important; color: #fff !important; transition: background 0.3s ease 0s; transition: color 0.3s ease 0s; } @media (max-width: 992px) { [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation .winningInformation__button .button.confirm { font-size: 15px; } } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation .winningInformation__button .button.confirm:hover { background-color: #ffffff !important; color: #515151 !important; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation .winningInformation__button .button.confirm:active { box-shadow: none !important; } @media (max-width: 560px) { [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation > .row { display: flex; justify-content: flex-end; flex-wrap: wrap; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation > .row > div { width: auto; margin-top: auto; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .winningInformationContainer .winningInformation > .row > div:first-of-type { margin-right: auto; min-width: 250px; margin-bottom: 20px; } } [data-page^="/product/rubbellos"] .contentbox.openScratchCard #mainstage > div .cell { font-size: 60%; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .open__container { background-color: #DADADA; color: #515151; font-family: 'WebSans', Arial, sans-serif; display: flex; justify-content: flex-end; flex-wrap: wrap; } @media (min-width: 768px) { [data-page^="/product/rubbellos"] .contentbox.openScratchCard .open__container { border-radius: 0 0 4px 4px; } } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .open__container > div { width: auto; margin-top: auto; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .open__container > div:first-of-type { margin-right: auto; min-width: 290px; } @media (max-width: 560px) { [data-page^="/product/rubbellos"] .contentbox.openScratchCard .open__container .openScratchCard__info, [data-page^="/product/rubbellos"] .contentbox.openScratchCard .open__container .openScratchCard__button { font-size: 18px; } } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .openScratchCard__info { font-size: 20px; line-height: 28px; } [data-page^="/product/rubbellos"] .contentbox.openScratchCard .ticket { background-size: cover; } [data-page^="/hilfe/rubbellose"] a.gotoTop { border: none; } [data-page^="/hilfe/rubbellose"] .icon-chevron-up { background: #ffd800 url("//js.ui-portal.de/test/lotto24/img/webde/icon/funktionsicons/pfeil-up-grau.svg") no-repeat 50% 50%; background-size: 55%; height: 40px; width: 40px; border: none; border-radius: 4px; float: right; } [data-page^="/hilfe/rubbellose"] .icon-chevron-up:before { content: ""; } /*--- rubbellose.less END ---*/ /*--- boxing.less START ---*/ body { background: #F3F3F3; } body .content-wrapper { overflow: hidden; background: #FFFFFF; } @media (min-width: 768px) { body .content-wrapper { border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; } } @media (max-width: 767px) and screen and (min-width: 480px) { body .content-wrapper { border-top: 4px solid #ffd800; } } body .content-wrapper #contentArea { margin-top: 10px; } /*--- boxing.less END ---*/ /*--- _hotfixes.less START ---*/ @media (max-width: 767px) { .contentbox { padding-left: 0px; padding-right: 0px; } .contentbox.footerbox:not(.dropshadow) { padding: 0px; } .row.footerbox-middle, .row.footerbox-bottom { margin-left: -15px; margin-right: -15px; } .row.footerbox-middle > div, .row.footerbox-bottom > div { padding-left: 15px; padding-right: 15px; } } #contentArea > .row > .col-xs-12 { width: calc(100% - 2px); } .confirm { outline: none; } #editToggleButton { float: right; } /* HOTFIX 30.11.16 */ a.confirm.disabled, button.confirm.disabled { color: #000000 !important; } .ticket-header__action__button, .ticket-header__action__button:link, a.confirm, .confirm, .confirm.small, .confirm.middle, .confirm.big, .confirm.small.submit, .confirm.small:not(.disabled), .confirm.middle:not(.disabled), .confirm.big:not(.disabled), .scratchCardOverview .edition__links button.confirm, .scratchCardDetail .edition__links button.confirm { background: #ffd800 !important; color: #333333 !important; } .ticket-header__action__button:hover, .ticket-header__action__button:link:hover, a.confirm:hover, .confirm:hover, .confirm.small:hover, .confirm.middle:hover, .confirm.big:hover, .confirm.small.submit:hover, .confirm.small:not(.disabled):hover, .confirm.middle:not(.disabled):hover, .confirm.big:not(.disabled):hover, .scratchCardOverview .edition__links button.confirm:hover, .scratchCardDetail .edition__links button.confirm:hover { color: #333333 !important; background: #CCAD00 !important; text-decoration: none !important; } .ticket-header__action__button.disabled, .ticket-header__action__button:link.disabled, .confirm.small.disabled, .confirm.middle.disabled, .confirm.big.disabled, .button.disabled, .scratchCardOverview .edition__links button.confirm.disabled, .scratchCardDetail .edition__links button.confirm.disabled { color: #DADADA !important; background: #FFF8D1 !important; } .ticket-header__action__button.disabled:hover, .ticket-header__action__button:link.disabled:hover, .confirm.small.disabled:hover, .confirm.middle.disabled:hover, .confirm.big.disabled:hover, .button.disabled:hover, .scratchCardOverview .edition__links button.confirm.disabled:hover, .scratchCardDetail .edition__links button.confirm.disabled:hover { color: #DADADA !important; } .ticket-header__action__button:not(.disabled):active, .ticket-header__action__button:link:not(.disabled):active, .confirm:not(.disabled):active, .confirm.small.submit:not(.disabled):active, .confirm.small:not(.disabled):active, .confirm.middle:not(.disabled):active, .confirm.big:not(.disabled):active, .scratchCardOverview .edition__links button.confirm:not(.disabled):active, .scratchCardDetail .edition__links button.confirm:not(.disabled):active { color: #333333 !important; background: #ffd800 !important; } /*--- _hotfixes.less END ---*/