Sportwetten Bonus Vergleich

/* ----------------------------------------- */ /* View-Slug: bonus-liste - Start */ /* ----------------------------------------- */ .rating-table{ /*border: 2px solid #000;*/ box-shadow: none!important; } /* ----------------------------------------- */ /* View-Slug: bonus-liste - Ende */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Inhalts-Template: schleifen-objekt-in-bonus-liste - Start */ /* ----------------------------------------- */ /* common */ .ribbon { width: 90px; height: 90px; overflow: hidden; position: absolute; } .ribbon::before, .ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #450e97; } .ribbon span { position: absolute; display: block; width: 140px; padding: 4px 0px 4px 14px; background-color: #711af4; box-shadow: 0 3px 7px rgb(0 0 0 / 30%); color: #fff; font: 400 13px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgb(0 0 0 / 20%); text-transform: uppercase; text-align: center; } /* top left*/ .ribbon-top-left { top: -10px; left: -10px; } .ribbon-top-left::before, .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; } .ribbon-top-left::before { top: 0; right: 0; } .ribbon-top-left::after { bottom: 0; left: 0; } .ribbon-top-left span { right: -14px; top: 31px; transform: rotate(-45deg); } .rating { margin-top: 0px; text-align: left; display: block; margin-left: 180px; transform: scale(1); max-width: 50%; float: left; } .bonus-advantages ul{ list-style: none!important; } .featured_bet:before { content: attr(data-bet_text); background: #751BFD; transform: rotate(-45deg); margin-left: -50px; display: block; z-index: 0; font-size: 13px; color: #fff; font-weight: normal; } .ci-rating > .number { color: #f8961d; font-size: 80px; font-family: "Open Sans", sans-serif; font-weight: 700; float: left; width: 1%; } .bonus-advantages ul { margin: 0; padding-left: 25px; list-style-type:none; } .rating-logo img{ max-width:120px; } td.bonus-advantages { width: 38%; } .rating-table { margin-top: 20px; } .ci-rating { transform: scale(0.65); position: relative; margin-right: -40px; height: 1px; width: 50%; float: left; margin-top: -5px; } .rating-table thead{ background:unset!important; } .rating-table > thead > tr > td { color: #fff; text-align: left; font-size: 20px; padding: 10px; font-weight: 700; } span.table-title { text-transform: uppercase; background: #000; padding: 2px 20px; border-radius: 15px; } .bonus-rating-td{ width:23%; } a.mini-link { text-align: center; margin: 0 auto; position: absolute; margin-top: -35px; /*text-transform: lowercase;*/ font-weight: normal; color: #000; margin-left: 29px; } .ci-rating > .points { float: left; font-family: "Open Sans", sans-serif; margin-top: -42px; color: #313131!important; margin-left: 125px; } .points > .p-from { font-size: 41px; font-weight: 700; text-align: left; line-height: 27.2px; margin-top: 3px; } .p-text { font-size: 23px; font-weight: 700; text-align: left; margin-top: 0px; margin-left: 0px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .link-section{ padding-top:20px; } a.ci-button-2 { background: #fff; font-size: 13px; font-weight: 700!important; font-family: "Roboto", sans-serif; color: #000!important; padding: 10px 20px; background: #F8961D; border-radius: 15px; text-transform: uppercase; border: none!important; box-shadow:none!important; } .rating-row:nth-child(odd) { background: #f0f0f0; } .rating-row:nth-child(even) { background: #fff; } .rating-row:first-child { background: #f8961d!important; color:#fff!important; } .rating-row:first-child .ci-rating > .number { color:#fff; } .rating-row:first-child .rating svg { fill: #000; } .bonus-advantages ul li:before { color: #f8961d!important; background-image: url("https://www.koenigswette.com/wp-content/uploads/2020/02/Artboard-7.svg"); display: inline-block; width: 20px; height: 20px; content: ""; background-repeat: no-repeat; background-position: 0px 6px; margin-right: 5px; } .rating-row:first-child .bonus-advantages ul li:before { background-image: url("https://betblog.steindorfer.at/wp-content/uploads/2021/08/Artboard-8.svg"); } .bet-card:first-child .bonus-advantages ul li:before { background-image: url("https://betblog.steindorfer.at/wp-content/uploads/2021/08/Artboard-8.svg"); } .rating-row:first-child .bonus-advantages ul li:before{ color:#fff!important; } .rating-row:first-child .ci-button-2{ background:#fff; } .bonus-advantages ul li:before { color: #f8961d; } tr.rating-row { position: relative; display: inline-block; min-width: 100%; margin-bottom: 20px; border-radius: 10px; box-shadow: 5px 5px 10px #ccc; } thead{ position: relative; display: inline-block; min-width: 100%; margin-bottom: 20px; } .index{ width: 10%; text-align: center; font-size: 20px; font-weight: 700; overflow:hidden; } td.advantages { width: 32%; } a.ci-button-2:hover { background: #FFB75E!important; } .boni-line { float: left; width: 100%; } /* ----------------------------------------- */ /* Inhalts-Template: schleifen-objekt-in-bonus-liste - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: schleifen-objekt-in-bonus-cards - Start */ /* ----------------------------------------- */ .bet-bet .bet-header-section { width: 33%; float: left; padding:10px; } .bet-bet .featured_bet:before { content: attr(data-bet_text); background: #55b659; width: 209px; transform: rotate(-45deg); margin-left: -84px; display: block; z-index: 0; font-size: 11px; color: #fff; font-weight: normal; text-align: center; margin-top: 10px; position: absolute; } div#bet-card-wrapper { margin-left: -20px; min-width: 100vw; } .bet-bet .rating-logo img { max-width: 80%; } .bet-bet .rating-logo { text-align: center; } .bet-bet .bet-rating { transform: scale(0.6); margin-left: -7px; } .bet-bet .ci-rating { transform: scale(0.5)!important; position: relative!important; margin-left: -25px!important; height: 115px!important; margin-top: 0px; } .bet-bet .ci-rating .number { width: 50%!important; } .bet-bet .bet-index { position: absolute; left: 60px; top: 60px; font-size: 20px; font-weight: 700; } .bet-card-rating { position: relative; float: unset; text-align: center; margin: 0 auto; } .bet-card { position: relative; margin-top: 0px; overflow:hidden; max-width: 90%; margin: 0 auto; margin-bottom: 10px; padding: 20px 5px; border-radius: 10px; box-shadow: 2px 2px 9px #ccc; } a.ci-button-card { background: #F8961D; margin: 0 auto; width: 150px; display: inherit; text-align: center; text-transform: uppercase; color: #000; font-weight: 400; font-size: 22px; padding: 8px; border-radius: 7px; margin-top: 20px; } .bet-rating-logo img { max-height: 100px; width: auto; } .ci-rating-card .number { font-size: 80px; margin-left: -140px; margin-top: 45px; font-weight: 700; } .ci-rating-card .points { margin-top: -40px; } .ci-rating-card { height: 100px; width: auto; position: relative; display: inline-block; margin-left: 60px; } .card-stars { margin: 0 auto; } .bet-card-row { text-align: center; } .bet-card:nth-child(odd) { background: #f0f0f0; } .bet-card:nth-child(even) { background: #fff; } .bet-bet .advantages { } .bet-bet .rating { transform: scale(0.7); margin-left: -22px; float: left; } .bet-bet .points { width: 1%; float: left; margin-left: 57px; } .bet-bet a.ci-button { position: absolute; width: calc(100vw - 10px); bottom: 15px; left: 5px; text-align: center; } .bet-bet .rating { margin-top: -60px; display: block; } .ci-rating > .number { color: #55b659; font-size: 80px; font-family: "Open Sans", sans-serif; font-weight: 700; float: left; } .advantages ul { margin: 0; padding-left: 25px; list-style-type:none; } .rating-logo img{ max-width:120px; } .rating-table { margin-top: 20px; box-shadow: 2px 3px 3px rgba(0,0,0,0.5); } .rating-table thead{ background:#000; } .rating-table > thead > tr > td { color: #fff; text-align: left; font-size: 20px; padding: 10px; font-weight: 700; } .ci-rating > .points { float: left; font-family: "Open Sans", sans-serif; margin-top: -15px; color: #313131!important; } .points > .p-from { font-size: 41px; font-weight: 700; text-align: left; line-height: 27.2px; margin-top:3px; } .p-text { font-size: 23px; font-weight: 700; text-align: left; margin-top: 9px; margin-left: -14px; } a.ci-button { background: #fff; font-size: 13px; font-weight: 500!important; font-family: "Roboto", sans-serif; color: #000!important; padding: 10px 20px; border: 1px solid #55b659; box-shadow: 2px 3px 3px rgba(0,0,0,0.5); transition: 0.3s ease all; } a.ci-button:hover { background: #469949; color:#fff!important; } .rating-row:nth-child(odd) { background: #f0f0f0; } .rating-row:nth-child(even) { background: #fff; } .bet-card:first-child .card-stars svg{ fill:#000; } .bet-card:first-child .ci-button-card{ background: #ccc; color: #000; } .bet-card:first-child { background: #f8961d; color: #fff; } .bet-card:first-child .bet-index { color: #fff; } .bet-card:first-child .featured_bet:before { content: attr(data-bet_text); background: #fff; color: #55b659 } .bet-card:first-child .advantages ul li:before{ color:#fff; } .bet-card:first-child .ci-rating > .number { color: #fff; } /* ----------------------------------------- */ /* Inhalts-Template: schleifen-objekt-in-bonus-cards - Ende */ /* ----------------------------------------- */