footer { min-width: 320px }
footer .container { max-width: 1280px; padding: 0; margin: 0 auto }
footer .container>.top { padding-bottom: 10px; background: #9fbfd5; font: normal 14px/17px Verdana, sans-serif; color: #353d48 }
footer .container>.top>strong { display: block; padding: 20px 10px; font: 300 20px/20px 'roboto condensed', sans-serif; text-align: center }
footer .container>.top ul { max-width: 1200px; padding: 0; margin: 0 auto; list-style: none; overflow: hidden }
footer .container>.top ul li { width: 50% }
footer .container>.top ul.main { font-size: 0; text-align: center }
footer .container>.top ul.main li { display: inline-block; padding: 0 0 10px }
footer .container>.top ul.main li a { display: block; width: 95%; max-width: 210px; height: 96px; line-height: 96px; margin: 0 auto; background: #b0d0e3; border-radius: 7px }
footer .container>.top ul.main li a:hover { background: #e4f4ff }
footer .container>.top ul.more { }
footer .container>.top ul.more li { float: left }
footer .container>.top ul.more li a { display: block; max-width: 170px; color: #353d48; text-align: left; padding: 9px 5px; margin: 0 auto; text-decoration: none }
footer .container>.top ul.more li a:before { content: ""; display: inline-block; width: 27px; height: 27px; margin-right: 7px; vertical-align: middle; border-radius: 13px }
footer .container>.top ul.more li a:after { padding: 0 8px; margin-left: 8px; text-indent: 0; font: normal 10px/17px 'roboto condensed', sans-serif; color: #fff; text-transform: uppercase; background: #23a0c9; border-radius: 3px }
footer .container>.top ul.more li a:hover { text-decoration: underline }
footer .container>.top ul.more li a.word:after { content: attr(data) }
footer .container>.mid { background: #475d7c; text-align: center; padding: 10px 0; overflow: auto }
footer .container>.mid>div:after { content: ""; display: block; clear: both }
footer .container>.mid>div div strong { display: block; padding: 10px 0; font: normal 18px/20px 'roboto slab', serif; color: #23a0c9; border-bottom: 1px solid #b5becb }
footer .container>.mid>div div a { display: block; padding: 10px 0; font: normal 14px/15px Verdana, sans-serif; color: white; text-decoration: none }
footer .container>.mid>div div a:before { content: ""; display: inline-block; width: 7px; height: 7px; background: url(/de/style/bg/header-misc.png) no-repeat -63px -91px; vertical-align: middle; margin-right: 15px }
footer .container>.mid>div div a:hover { text-decoration: underline }
footer .container>.mid>div>div { width: 230px; margin: 0 auto; text-align: left }
footer .container>.bot { position: relative; background: #1f1f1f }
footer .container>.bot>div:not(.lang-menu):not(.lang-select) { overflow: hidden; border-bottom: 1px solid #535c65; padding: 7px 0 }
footer .container>.bot>div:not(.lang-menu):not(.lang-select) a { float: left; width: 46%; padding: 7px 0 7px 4%; font: normal 13px/16px Verdana, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none }
footer .container>.bot>div:not(.lang-menu):not(.lang-select) a:hover { color: #23a0c9; text-decoration: none }
footer .container>.bot>span { display: block; padding: 17px 10px; text-align: center; font: normal 13px/27px Verdana, sans-serif; color: #8599b6 }
footer .container>.bot>span a { display: inline-block; width: 27px; height: 27px; margin: 0 3px; vertical-align: middle; background: #0670dc url(/de/style/logo/soc.png) no-repeat -27px 0; border-radius: 13px }
footer .container>.bot>span a.t { background-color: #11c1fb; background-position: -3px 2px }
footer .container>.bot>span a.f { background-color: #0670dc; background-position: -29px 2px }
footer .container>.bot>span a.g { background-color: #ff3f3f; background-position: -58px 1px }
footer .container>.bot>span a.y { background-color: #ff3f3f; background-position: -87px 0px }
footer .container>.bot>span a:hover { background-color: #012dbd }
footer .container>.bot>span a.t:hover { background-color: #048df7 }
footer .container>.bot>span a.f:hover { background-color: #012dbd }
footer .container>.bot>span a.g:hover { background-color: #ff1212 }
footer .container>.bot>span a.y:hover { background-color: #ff1212 }
@media only screen and (min-width:480px) {
	footer .container>.top ul li { width: 33.33% }
	footer .container>.mid>div { width: 1050px }
	footer .container>.mid>div>div,
	footer .container>.mid>div>div>div { float: left; width: 190px; margin: 0 10px }
	footer .container>.mid>div>div.x2,
	footer .container>.mid>div>div.x3 { width: auto }
	footer .container>.mid>div>div>div { margin: 0 10px 0 0 }
	footer .container>.mid>div>div>div:last-child { margin: 0 }
	footer .container>.mid>div div a { font-size: 12px }
	footer .container>.bot>div:not(.lang-menu):not(.lang-select) a { width: 40%; padding-left: 10% }
}
@media only screen and (min-width:640px) {
	footer .container>.top ul li { width: 25% }
	footer .container>.bot:after { content: ""; display: block; clear: both }
	footer .container>.bot>div:not(.lang-menu):not(.lang-select) { float: left; width: 55%; border: none; overflow: hidden }
	footer .container>.bot>span { text-align: right; padding: 50px 10px 23px }
	footer .container>.bot>div:not(.lang-menu):not(.lang-select) a { width: 45%; padding-left: 5% }
}
@media only screen and (min-width:768px) {
	footer .container>.top ul li { width: 20% }
	footer .container>.bot>div:not(.lang-menu):not(.lang-select) { width: 65%; font-size: 0; padding: 22px 0 14px }
	footer .container>.bot>div:not(.lang-menu):not(.lang-select) a { float: none; font-size: 10px; border-left: 1px solid #3c3c3c; padding: 2px 0.9% }
	footer .container>.bot>div:not(.lang-menu):not(.lang-select) a:first-child { border-left: none }
	footer .container>.bot>span { padding: 15px 5px }
}
@media only screen and (min-width:1024px) {
	footer .container>.mid { overflow: visible }
	footer .container>.mid>div { width: 1000px; margin: 0 auto }
	footer .container>.mid>div>div,
	footer .container>.mid>div>div>div { width: 185px; margin: 0 7px }
	footer .container>.mid>div>div>div { margin: 0 8px 0 0 }
	footer .container>.mid>div>div>div:last-child { margin: 0 }
	footer .container>.bot>div:not(.lang-menu):not(.lang-select) a { padding: 2px 1.5%; font-size: 12px }
}
@media only screen and (min-width:1150px) {
	footer .container>.mid>div { width: 1100px }
	footer .container>.mid>div>div,
	footer .container>.mid>div>div>div { width: 190px; margin: 0 12px }
	footer .container>.mid>div>div>div { margin: 0 12px 0 0 }
	footer .container>.mid>div>div>div:last-child { margin: 0 }
	footer .container>.top { box-shadow: -1279px 0 0 #9fbfd5, 1279px 0 0 #9fbfd5 }
	footer .container>.mid { box-shadow: -1279px 0 0 #475d7c, 1279px 0 0 #475d7c }
	footer .container>.bot { box-shadow: -1279px 0 0 #1f1f1f, 1279px 0 0 #1f1f1f }
}
@media only screen and (min-width:1280px) {
	footer .container>.mid>div { width: 1180px }
	footer .container>.mid>div>div,
	footer .container>.mid>div>div>div { margin: 0 23px }
	footer .container>.mid>div>div>div { margin: 0 25px 0 0 }
	footer .container>.mid>div>div>div:last-child { margin: 0 }
}

.lang-select { position: relative; margin: 14px auto 0; display: block; max-width: 103px }
.lang-select .lang-toggle { background: #464646; display: block; border: 1px solid #676767; border-radius: 1px; font-size: 13px; line-height: 16px; padding: 5px 19px 5px 30px; position: relative; color: #f5f5f5; cursor: pointer; text-align: center }
.lang-select .lang-toggle.s { font-size: 12px }
.lang-select .lang-toggle.xs { font-size: 11px }
.lang-select .lang-toggle.xxs { font-size: 10px; padding-left: 24px; padding-right: 13px }
.lang-select .lang-toggle.xxs:before { left: 12px; transform: scale(.75) }
.lang-select .lang-toggle.xxs:after { right: 2px }
.lang-select .lang-toggle:before { position: absolute; top: 50%; left: 16px; margin: -8px 0 0 -12px }
.lang-select .lang-toggle:after { content: ''; width: 0; height: 0; overflow: hidden; border-width: 4px 5px 0 4px; border-style: solid; border-color: #676767 transparent transparent; position: absolute; top: 12px; right: 4px }
.lang-select .lang-toggle:hover { background: #676767 }
.lang-select .lang-toggle:hover:after { border-color: #c2c2c2 transparent transparent }
.lang-select ul { list-style: none; margin: 0; padding: 0; border: 1px solid #676767; position: absolute; min-width: 101px; display: none }
.lang-select ul ul:before { content: ''; position: absolute; bottom: 0; height: 30px; width: 10px }
.lang-select>ul { bottom: 100%; margin-bottom: 1px }
.lang-select li { font-size: 11px; line-height: 14px; color: #c7c7c7; position: relative }
.lang-select li+li { border-top: 1px solid #676767 }
.lang-select li ul { bottom: -1px; display: block; visibility: hidden; transform: scale(0); transition: transform .3s, visibility 0s .3s }
.lang-select li:hover>ul { visibility: visible; transform: none; transition: transform .3s }
.lang-select li.open>ul,
.lang-select li:hover>ul { display: block }
.lang-select li a,
.lang-select li span { display: block; color: inherit; padding: 5px 8px; text-decoration: none; background: #464646; white-space: nowrap; position: relative; z-index: 2; cursor: pointer }
.lang-select>ul>li.has-sub { position: relative }
.lang-select>ul>li.has-sub:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; visibility: visible; z-index: 2 }
.lang-select>ul>li.has-sub:hover:after { transition: visibility 0s .1s; visibility: hidden }
.lang-select>ul>li.has-sub>a:after,
.lang-select>ul>li.has-sub>span:after { content: ''; width: 0; height: 0; overflow: hidden; border-style: solid; position: absolute; top: 8px }
.lang-select li:hover>a,
.lang-select li:hover>span { background: #676767 }
.lang-select ._flag:before { content: '' }
.lang-select li li a,
.lang-select li li span { padding-left: 38px }
.lang-select li li a:before,
.lang-select li li span:before { position: absolute; top: 4px; left: 5px }
@media only screen and (max-width:767px) {
	.lang-select ul ul:before { left: 100% }
	.lang-select>ul>li { text-align: right }
	.lang-select>ul>li.has-sub>a,
	.lang-select>ul>li.has-sub>span { padding-left: 18px }
	.lang-select>ul>li.has-sub>a:after,
	.lang-select>ul>li.has-sub>span:after { border-width: 5px 4px 4px 0; border-color: transparent #676767 transparent transparent; left: 7px }
	.lang-select>ul>li.has-sub:hover>a:after,
	.lang-select>ul>li.has-sub:hover>span:after { border-color: transparent #c7c7c7 transparent transparent }
	.lang-select li ul { right: 100%; margin-right: 2px; text-align: left; transform-origin: bottom right }
}
@media only screen and (max-width:639px) {
	.lang-select>ul { left: 0 }
}
@media only screen and (min-width:640px) and (max-width:767px) {
	.lang-select { float: right; margin-right: 10px }
	.lang-select>ul { right: 0 }
}
@media only screen and (min-width:768px) {
	.lang-select { position: absolute; top: 5px; right: 200px }
	.lang-select ul ul:before { right: 100% }
	.lang-select>ul { left: 0 }
	.lang-select>ul>li.has-sub>a,
	.lang-select>ul>li.has-sub>span { padding-right: 18px }
	.lang-select>ul>li.has-sub>a:after,
	.lang-select>ul>li.has-sub>span:after { border-width: 5px 0 4px 4px; border-color: transparent transparent transparent #676767; right: 7px }
	.lang-select>ul>li.has-sub:hover>a:after,
	.lang-select>ul>li.has-sub:hover>span:after { border-color: transparent transparent transparent #c7c7c7 }
	.lang-select li ul { left: 100%; margin-left: 2px; transform-origin: bottom left }
}
.tick-yes { display: inline-block; vertical-align: middle; font-size: 0; color: transparent; text-decoration: none; background: url(/de/style/bg/tick-yes.png) 50% no-repeat; width: 22px; height: 20px }
.x-no { display: inline-block; vertical-align: middle; font-size: 0; color: transparent; text-decoration: none; background: url(/de/style/bg/x-no.png); width: 19px; height: 19px }
.shell { max-width: 1280px; margin: 0 auto }
.list-links-primary { padding: 0; margin: 0; list-style-type: none }
.list-links-primary li+li { margin-top: 10px }
.list-links-primary a { font-size: 13px; color: #898787; text-decoration: none }
.footer-blue { max-width: 100%; background: #061222; font: 13px 'Verdana', sans-serif; letter-spacing: 0.025em; color: #7a8798; padding-bottom: 17px }
.footer-blue .footer-top { background: #2c3849; text-transform: uppercase }
.footer-blue .footer-top .footer-text { display: none }
.footer-blue .footer-text { font-style: italic }
.footer-blue .footer-list { list-style: none; padding-left: 0; text-align: center; padding: 12px 0; margin-bottom: 0 }
.footer-blue .footer-list li { display: inline-block; margin: 17px 5px 0; color: #a8b0ba }
.footer-blue .footer-list a { color: #a8b0ba; text-decoration: none; cursor: pointer }
.footer-blue .footer-list a strong { color: #fe871f }
.footer-blue .footer-list strong { display: block; font: 700 40px/0.9 'bebasneue', sans-serif }
.footer-blue .footer-list strong:before { content: ''; display: inline-block; vertical-align: baseline; background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; margin-right: 5px }
.footer-blue .footer-list .diamond strong:before { background-image: url(/de/style/icons/diamond-g.svg) }
.footer-blue .footer-list .cherry strong:before { background-image: url(/de/style/icons/cherry-g.svg) }
.footer-blue .footer-list .card strong:before { background-image: url(/de/style/icons/card-g.svg) }
.footer-blue .footer-list .roulette strong:before { background-image: url(/de/style/icons/roulette-g.svg) }
.footer-blue .footer-list .smile strong:before { background-image: url(/de/style/icons/smile-g.svg) }
.footer-blue .footer-list .settings strong:before { background-image: url(/de/style/icons/settings-g.svg) }
.footer-blue .footer-list .wallet strong:before { background-image: url(/de/style/icons/wallet-g.svg) }
.footer-blue .footer-list a.diamond strong:before { background-image: url(/de/style/icons/diamond.svg) }
.footer-blue .footer-list a.cherry strong:before { background-image: url(/de/style/icons/cherry.svg) }
.footer-blue .footer-list a.card strong:before { background-image: url(/de/style/icons/card.svg) }
.footer-blue .footer-list a.roulette strong:before { background-image: url(/de/style/icons/roulette.svg) }
.footer-blue .footer-list a.smile strong:before { background-image: url(/de/style/icons/smile.svg) }
.footer-blue .footer-list a.settings strong:before { background-image: url(/de/style/icons/settings.svg) }
.footer-blue .footer-list a.wallet strong:before { background-image: url(/de/style/icons/wallet.svg) }
.footer-blue .footer-bottom { padding: 0 20px }
.footer-blue .footer-col { padding: 18px 0 12px }
.footer-blue .footer-col.short .list-links-primary { columns: unset }
.footer-blue .footer-col+.footer-col { border-top: 1px solid #28384c }
.footer-blue .footer-col-l { background-image: url(/de/style/icons/usa-map.png); background-size: 254px 170px; background-position: right 10px; background-repeat: no-repeat }
.footer-blue .footer-col-l .footer-title:after { content: ''; display: inline-block; vertical-align: middle; background-image: url(/de/style/icons/usa-line.png); background-size: auto 14px; background-repeat: no-repeat; background-position: 0 0; width: 175px; height: 16px; margin-left: 15px }
.footer-blue .footer-title { color: #fff; font-weight: 700; margin-bottom: 16px }
.footer-blue .footer-title p { display: inline-block; margin-bottom: 0 }
.footer-blue .ico-twitter-secondary:before { content: ''; margin-top: -10px; margin-left: 15px }
.ico-twitter-secondary { font-size: 0; line-height: 0; text-indent: -4000px }
.ico-twitter-secondary:before,
.ico-twitter-secondary:after { display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center center; width: 28px; height: 28px; background-image: url(/de/style/icons/twitter.png) }
.ico-twitter-secondary:hover:before,
.ico-twitter-secondary:hover:after { background-image: url(/de/style/icons/twitter-hover.png) }
.footer-blue .list-links-primary { columns: 2 }
.footer-blue .list-links-primary a { color: #7a8798 }
.footer-blue .list-links-primary a:hover { color: #20a3cd; text-decoration: none }
.footer-blue .list-links-primary li+li { margin-top: 18px }
.footer-blue .footer-logo { text-decoration: none; font-size: 0; display: inline-block; vertical-align: middle }
.footer-blue .footer-logo:before { content: ''; display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center }
.footer-blue .footer-logo.spielbewusst:before { background-image: url(/de/style/icons/spielbewusst.png); width: 46px; height: 27px }
.footer-blue .footer-logo.bioeg:before { background-image: url(/de/style/icons/bioeg.png); width: 79px; height: 27px }
.footer-blue .footer-logo.ggl:before { background-image: url(/de/style/icons/ggl.png); width: 40px; height: 25px }
.footer-blue .footer-logo.eightteen:before { background-image: url(/de/style/icons/18+.png); width: 25px; height: 25px }
.footer-blue .footer-logo.anonyme-spieler:before { background-image: url(/de/style/icons/anonyme-spieler.png); width: 31px; height: 22px }
.footer-blue .footer-logo.check-dein-spiel:before { background-image: url(/de/style/icons/check-dein-spiel.png); width: 81px; height: 23px }
.footer-blue .lang-select { display: block; max-width: 130px; margin: 14px 0 0; float: none }
.footer-blue .lang-select>ul { bottom: calc(100% - 4px); border-color: #fff; width: calc(100% - 24px); background: #fff; transition: .3s; padding: 0 11px; z-index: 5 }
.footer-blue .lang-select .lang-toggle { border-color: #fff; background: #061222; padding: 10px 30px 10px 15px; font-size: 11px; min-width: 82px; border-radius: 19px; text-align: left; transition: .3s }
.footer-blue .lang-select .lang-toggle:before { display: none }
.footer-blue .lang-select .lang-toggle:after { content: ''; width: auto; height: auto; background-image: none; transform: rotate(-45deg); width: 7px; height: 7px; border-width: 0 0 1px 1px; border-color: #fff; right: 15px; transition: .3s }
.footer-blue .lang-select .lang-toggle.open { border-top-right-radius: 0; border-top-left-radius: 0 }
.footer-blue .lang-select .lang-toggle.open:after { transform: rotate(-225deg); top: 15px }
.footer-blue .lang-select>ul>li { text-align: left }
.footer-blue .lang-select li a { background: transparent; padding: 8px 10px 8px 0; color: #061222 }
.footer-blue .lang-select li { background: #fff }
.footer-blue .lang-select li+li { border-top: 1px solid #ebebeb }
.footer-blue .lang-select>ul>li.has-sub>a:after,
.footer-blue .lang-select>ul>li.has-sub>span:after { left: auto; right: 7px; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #676767 }
.footer-blue .lang-select>ul>li.has-sub>a,
.footer-blue .lang-select>ul>li.has-sub>span { padding-left: 0; color: #061222 }
.footer-blue .lang-select li:hover:before { content: ''; position: absolute; background: #ebebeb; left: -11px; right: -11px; top: -1px; bottom: -1px }
.footer-blue .lang-select li ul { border: 0; left: calc(100% + 14px); margin-right: 0; right: auto; width: 124px; padding: 0 10px; background: #fff; transform-origin: bottom left }
.footer-blue .lang-select li ul a { padding: 9px 0 8px 35px }
.footer-blue .lang-select li li a,
.footer-blue .lang-select li li span { color: #061222 }
.footer-blue .lang-select li li a:before,
.footer-blue .lang-select li li span:before { left: 0; top: 7px }
.lang-select>ul>li.has-sub ul.bigger { max-height: 340px; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; padding-top: 25px; padding-bottom: 25px; max-height: 290px; width: 258px }
.lang-select>ul>li.has-sub ul.bigger .go-prev-btn,
.lang-select>ul>li.has-sub ul.bigger .go-next-btn { content: ''; position: absolute; left: 10px; right: 10px; height: 25px; display: block; width: auto; z-index: 10; background: #fff url(images/arrows.png) no-repeat center center; cursor: pointer; font-size: 0; line-height: 0; text-indent: -100%; border: 0; padding: 0; margin: 0 }
.lang-select>ul>li.has-sub ul.bigger .go-prev-btn { top: 0; border-bottom: solid 1px #ebebeb }
.lang-select>ul>li.has-sub ul.bigger .go-next-btn { bottom: 0; border-bottom: solid 1px #ebebeb; height: 26px; transform: rotate(-180deg) }
.lang-select>ul>li.has-sub ul.bigger li { flex-basis: 47%; display: flex; justify-content: flex-start; align-items: center }
.lang-select>ul>li.has-sub ul.bigger li a,
.lang-select>ul>li.has-sub ul.bigger li span { white-space: normal }
.lang-select>ul>li.has-sub ul.bigger li a:before,
.lang-select>ul>li.has-sub ul.bigger li span:before { top: 50%; transform: translateY(-50%) }
.lang-select>ul>li.has-sub ul.bigger .inner { position: static; transform: translate(0); visibility: visible; height: 100%; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap }
.lang-select>ul>li.has-sub ul.bigger .inner:before { display: none }
.footer-legal-l { font-size: 11px; line-height: 1.36; letter-spacing: 0.02em; border-top: 1px solid #28384c; text-align: center; padding-top: 20px }
.footer-legal-l a { font-weight: 400; color: #fff; padding: 0 5px }
.footer-legal-l a:hover { text-decoration: underline; color: #fff }
.footer-legal-l:before { display: inline; content: 'Alle hier gelisteten Gratisangebote, Aktionen und Boni unterliegen bestimmten Bedingungen und Umsatzanforderungen des jeweiligen Anbieters. In den meisten Fällen sind nur Neukunden zum Erhalt von Angeboten, Aktionen und Boni berechtigt. Alle Bonusangebote präsentieren den höchstmöglichen Betrag. Die tatsächliche Höhe hängt von der individuellen Einzahlungsgröße ab. Um den Maximalbetrag in Anspruch zu nehmen, erfordern manche Bonusangebote mehrere Einzahlungen. Bitte überprüfen Sie die Webseite des jeweiligen Anbieters für dessen vollständige AGB.'; pointer-events: none }
.footer-legal-l:after { display: inline; content: 'BIETET KEINERLEI KUNDENBETREUUNG FÜR JEGLICHE ANGEBOTE ODER AKTIONEN, DIE AUF DIESER WEBSEITE ERSCHEINEN. ' }
.footer-legal-s { font-size: 10px; line-height: 1.4; letter-spacing: 0; text-align: center; margin-bottom: 0 }
.footer-legal-s:before { display: block; content: 'Bitte spielen Sie verantwortungsvoll. Sie müssen mindestens 18 Jahre alt sein, um diese Webseite zu nutzen. '; margin: 14px 0 }
.footer-copyright { font-size: 10px; line-height: 1.4; letter-spacing: 0; text-align: center; margin-bottom: 0; color: #525a66 }
@media(min-width:768px) {
	.footer-blue { padding-bottom: 25px }
	.footer-blue .footer-top .footer-text { display: inline-block; text-transform: none; max-width: 140px }
	.footer-blue .footer-list { max-width: calc(100% - 110px); display: inline-block; vertical-align: top; margin-top: 0; padding: 0; text-align: left; margin-right: -40px }
	.footer-blue .footer-list li { min-width: 120px; margin: 20px 0 0; text-align: center }
	.footer-blue .footer-text { font-size: 14px; line-height: 1.14; color: #a8b0ba; padding-top: 11px; max-width: 17% }
	.footer-blue .footer-top { padding: 0 50px 15px }
	.footer-blue .footer-cols { display: flex; flex-wrap: wrap }
	.footer-blue .footer-col { padding: 20px 0 15px }
	.footer-blue .footer-col-l { width: 50%; margin-right: 6%; background-position: calc(100% - 33px) 30px; position: relative }
	.footer-blue .footer-col-l:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-image: url(/de/style/icons/divider@2x.png); width: 1px; height: 150px; background-size: contain; background-repeat: no-repeat; background-position: center }
	.footer-blue .footer-col-l+.footer-col-m { border-top: 0 }
	.footer-blue .footer-col-m { width: 44% }
	.footer-blue .footer-col-s { width: 100% }
	.footer-blue .footer-col-s .footer-title { margin-bottom: 0 }
	.footer-blue .footer-col-s .footer-text { padding-top: 0 }
	.footer-blue .lang-select { margin-top: 0; max-width: 148px }
	.footer-legal-l { margin-top: 0; padding-top: 20px }
	.footer-legal-l:before,
	.footer-legal-s:before { margin: 20px 0 }
	.footer-blue .lang-select .lang-toggle { min-width: 100px }
	.footer-blue .lang-select { position: relative; top: auto; right: auto }
	.footer-blue .footer-title p { display: block }
	.footer-blue .ico-twitter-secondary:before { margin-left: 0 }
}
@media(min-width:768px) and (max-width:1024px) {
	.footer-blue .lang-select li ul { left: auto; right: calc(100% + 14px); transform-origin: bottom right }
	.footer-blue .footer-col-s { display: flex; justify-content: space-between; align-items: center }
}
@media(min-width:1025px) {
	.footer-blue .shell { max-width: 1262px }
	.footer-blue .footer-list { display: flex; justify-content: space-between; margin-left: 40px; margin-right: 0; max-width: none; width: calc(100% - 180px) }
	.footer-blue .footer-list li { min-width: 0 }
	.footer-blue .footer-title p { display: inline-block; margin-left: 10px; margin-top: 0 }
	.footer-blue .footer-text { max-width: 100% }
	.footer-blue .footer-top { padding: 0 20px 15px }
	.footer-blue .footer-top .shell { display: flex; flex-wrap: wrap }
	.footer-blue .footer-col-l { width: 40%; margin-right: 4% }
	.footer-blue .footer-col-m { position: relative; width: 26.5%; margin-right: 4% }
	.footer-blue .footer-col-m:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-image: url(/de/style/icons/divider@2x.png); width: 1px; height: 150px; background-size: contain; background-repeat: no-repeat; background-position: center }
	.footer-blue .footer-col-s { width: 25.5% }
	.footer-blue .footer-col+.footer-col { border-top: 0 }
	.footer-blue .footer-col.short { margin-left: 7%; width: 28% }
	.footer-blue .lang-select { margin-top: 26px }
	.footer-blue .lang-select li ul { left: calc(100% + 12px) }
	.footer-blue .list-links-primary { font-size: 14px }
	.footer-legal-l { font-size: 12px; line-height: 1.33; padding-top: 20px }
	.footer-legal-l:before { margin: 30px 0 }
	.footer-legal-s,
	.footer-copyright { font-size: 11px; line-height: 1.36 }
}