@charset 'UTF-8';

/* DON'T EDIT THIS GENERATED FILE! Changes will be lost. */

html, body {
height: 100%;
}
html {
background: #FFFFFF;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
direction: ltr;
}
body, body * {
font-family: inherit;
font-size: 1em;
line-height: inherit;
background-repeat: no-repeat;
}
html {
background-color: #E3EDFA;
}
body {
height: auto;
}
body.jsDisabled { min-width: 1340px; }
html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, fieldset {
margin: 0;
padding: 0;
}
a { color: #2269C3; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
a img {
border: 0 none;
}
p {
margin: 0 0 1em 0;
line-height: 1.3em;
}
li {
display: block;
list-style: none;
}
img {
border: none;
}
form {
display: inline;
}
fieldset {
border: 0 solid;
}
legend {
display: none;
color: #000000;
}
option {
background-color: #FFFFFF;
}
table {
empty-cells: show;
border-collapse: collapse;
border-spacing: 0;
}
td, th {
text-align: left;
vertical-align: top;
}
iframe {
display: block;
border: 0;
margin: 0;
padding: 0;
}
object {
display: block;
outline: none;
}
embed {
display: block;
}
.statistics {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
left: -1000em;
}
.empty {
display: none;
}
h4 {
font-size: 18px;
font-family: Arial, Verdana, sans-serif;
}
body {
background: #E3EDFA;
}
.wrapper-center {
position: relative;
display: block;
margin: 0 auto;
width: 1322px;
}
.wrapper-center {
background-color: #FFFFFF;
}
.wrapper-indent:after {
content: '.';
display: block;
clear: both;
width: 0;
height: 0;
overflow: hidden;
}
.wrapper-border {
position: relative;
display: block;
border-width: 0;
padding: 0 21px;
}
.wrapper-center,
.wrapper-border {
background-image: url(//img.ui-portal.de/homepage/img/gmx/border.gif);
background-repeat: repeat-y;
}
.wrapper-center { background-position: top left; }
.wrapper-border { background-position: top right; }
.wrapper-center.first:before {
position: absolute;
content: '';
display: block;
left: 1px;
right: 1px;
top: 0;
background-repeat: repeat-x;
}
h\:section {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
overflow: hidden;
}
.wrapper-indent > h\:section {
margin-bottom: 30px;
}
.wrapper-indent > h\:section.content-slider {
margin-bottom: 25px;
}
h\:section h\:section {
margin: 0;
}
h\:section>div {
width: 300px;
height: 250px;
}
h\:section>.r0 {
width: 140px;
height: 115px;
}
h\:section>.r2 {
width: 620px;
}
h\:section>.r3 {
width: 940px;
}
h\:section>.r4 {
width: 1260px;
}
#footer {
display: block;
clear: both;
}
.force-overflow-visible {
overflow: visible !important;
}
.sepLoginExpander {
display: none;
clear: both;
border: none;
height: 115px;
margin-bottom: 20px;
}
.hasMessage .sepLoginExpander {
height: 224px;
}
body[data-promoline-position="belowlogin"] .sepLoginExpander {
height: 144px;
}
body[data-promoline-position="belowlogin"].hasMessage .sepLoginExpander {
height: 253px;
}
#sepResp2 {
display: block;
}
#header {
position: relative;
display: block;
border-top: 1px solid #5472B4;
height: 91px;
margin: 0 -20px 15px -20px;
background: #1C449B url(//img.ui-portal.de/homepage/img/gmx/bg/header.png) repeat-x;
background: -moz-linear-gradient(top, #1C449B 0%, #6B99D6 100%);
background: -webkit-linear-gradient(top, #1C449B 0%, #6B99D6 100%);
background: -o-linear-gradient(top, #1C449B 0%, #6B99D6 100%);
background: -ms-linear-gradient(top, #1C449B 0%, #6B99D6 100%);
background: linear-gradient(to bottom, #1C449B 0%, #6B99D6 100%);
}
body[data-promoline-position="belowlogin"]:not(.hasBreakingNews) #header {
margin-bottom: 20px;
}
#logo {
position: absolute;
background-repeat: no-repeat;
background-position: 0 0;
background: no-repeat 0 0;
left: 0;
}
[data-country="de"] #logo {
background-image: url(//img.ui-portal.de/homepage/img/gmx/logo-small.png);
top: 18px;
}
[data-country="at"] #logo {
background-image: url(//img.ui-portal.de/homepage/img/gmx/logo-at-small.png);
top: 14px;
}
[data-country="ch"] #logo {
background-image: url(//img.ui-portal.de/homepage/img/gmx/logo-ch-small.png);
top: 14px;
}
#logo a {
display: block;
}
[data-country="de"] #logo a {
width: 126px;
height: 40px;
}
[data-country="at"] #logo a,
[data-country="ch"] #logo a {
width: 110px;
height: 47px;
}
#logo h\:header {
display: block;
overflow: hidden;
text-indent: -9999px;
height: 0;
padding: 0;
margin: 0;
}
#mainnav {
margin-left: 206px;
height: 91px;
max-width: 784px;
}
#mainnav > ul > li {
float: left;
text-align: center;
font-size: 9px;
line-height: 11px;
}
#mainnav > ul > li > a,
#mainnav > ul > li > label {
display: block;
min-width: 45px;
height: 71px;
padding: 20px 15px 0 15px;
color: #FFFFFF;
text-decoration: none;
position: relative;
-webkit-tap-highlight-color: rgba(0,0,0,0);
cursor: pointer;
}
#mainnav > ul > li > a:hover,
#mainnav > ul > li > label:hover {
background: transparent;
padding: 2px 15px 0;
}
#mainnav img {
width: 32px;
height: 32px;
}
#mainnav h\:figcaption {
display: block;
padding-top: 3px;
}
#helplinks {
position: absolute;
top: auto;
bottom: 1px;
right: -30px;
font-size: 10px;
line-height: 12px;
}
.rect321 #helplinks {
right: -20px;
}
#header > .header-inner {
width: 1260px;
margin: 0 auto;
position: relative;
height: 100%;
}
#helplinks-start img { display: block; }
#helplinks #helplinks-start > a img { margin-top: 1px; margin-right: 10px; }
#helplinks-start { position: relative; height: 20px; }
#helplinks-start .tooltip img { float: left; margin-right: 5px; }
#helplinks-start .tooltip-enlarged {
margin-left: 8px;
margin-top: -40px;
}
#helplinks-start .tooltip-wrapper { height: 117px; width: 410px; }
#helplinks-start .tooltip-wrapper .txt p > a {
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
}
#helplinks-start .tooltip-wrapper .nose {
top: 40%;
}
#helplinks-start .tooltip-closer { top: 10px; right: 10px; }
.jsEnabled #helplinks-start a.tooltip:hover { cursor: pointer; }
#helplinks-start[data-browser="chrome"] .tooltip-wrapper b { font-size: 11px; line-height: 16px; }
#helplinks-start[data-browser="chrome"] .tooltip-wrapper ul { margin-top: 5px; }
#helplinks-start[data-browser="chrome"] .tooltip-wrapper ul li { line-height: 16px; list-style-type: decimal; }
#helplinks-start[data-browser="firefox"] .tooltip-enlarged {
margin-left: 0;
}
#helplinks-start[data-browser="firefox"] .tooltip-wrapper { height: 70px; width: 390px; }
#helplinks-start[data-browser="firefox"] .tooltip-wrapper .nose { top: 60%; }
#helplinks-start[data-browser="firefox"] .tooltip-wrapper p {
display: block;
height: 65px;
margin-top: 5px;
margin-right: 11px;
font-size: 13px;
line-height: 20px;
}
#helplinks-start[data-browser="firefox"] .tooltip-wrapper .txt > div > img {
float: right;
margin-right: 20px;
margin-left: 20px;
}
#helplinks-start[data-browser="firefox"] .tooltip-wrapper .txt > div > img { margin-left: 0; }
#header {
-moz-box-shadow: 0 12px 5px -12px #AAAAAA;
-webkit-box-shadow: 0 12px 5px -12px #AAAAAA;
-o-box-shadow: 0 12px 5px -12px #AAAAAA;
-ms-box-shadow: 0 12px 5px -12px #AAAAAA;
box-shadow: 0 12px 5px -12px #AAAAAA;
background: #1C449B url(//img.ui-portal.de/homepage/img/gmx/bg/header-search-variant-small.png) repeat-x;
}
#mainnav {
position: absolute;
bottom: 0;
background-color: #f1f2f3;
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
margin: 0;
max-width: none;
height: auto;
left: -30px;
right: -30px;
}
.rect321 #mainnav {
left: -20px;
right: -20px;
}
#mainnav > ul > li,
#helplinks > ul > li { float: left; }
#mainnav > ul > li img { display: none; }
#header > ul > li > a,
#header > ul > li > label,
#helplinks > ul > li > a { display: block; }
#mainnav > ul > li:first-child { border-right: 1px solid #749804; }
#mainnav li.open .nose {
display: none;
}
#mainnav > ul > li,
#helplinks > ul > li {
border-right: 1px solid #b2b2b2;
}
#mainnav > ul > li,
#helplinks > ul > li {
border-left: 1px solid #FFFFFF;
}
#mainnav > ul > li:first-child,
#helplinks > ul > li:first-child,
#helplinks > ul > li#helplinks-neukunden {
border-left: 0;
}
#mainnav > ul > li:first-child + li { border-left: 1px solid #6f9901; }
#helplinks > ul > li:first-child + li,
#helplinks > ul > li:first-child + li + li { border-right: 1px solid #6f9901; }
div#mainnav > ul > li > a,
div#mainnav > ul > li > label,
#helplinks > ul > li > a {
padding: 2px 15px 2px;
height: auto;
min-width: 0;
color: #262626;
line-height: 16px;
font-size: 11px;
}
#mainnav > ul > li:first-child > a,
#mainnav > ul > li:first-child > label,
#helplinks > ul > li:first-child + li + li > a {
padding-left: 65px;
font-weight: bold;
color: #FFF;
text-shadow: 0 -1px 0 #728d2e;
background: #719a04 url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center;
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -moz-linear-gradient(#93b341, #719a04);
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93b341), color-stop(100%, #719a04));
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -webkit-linear-gradient(#93b341, #719a04);
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -o-linear-gradient(#93b341, #719a04);
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -ms-linear-gradient(#93b341, #719a04);
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, linear-gradient(#93b341, #719a04);
cursor: pointer;
}
#mainnav > ul > li:first-child > a:hover,
#mainnav > ul > li.open:first-child > a,
#helplinks > ul > li:first-child + li + li > a:hover,
#mainnav > ul > li:first-child > label:hover,
#mainnav > ul > li.open:first-child > label,
#mainnav > ul > li:first-child > input:checked + label {
padding-bottom: 2px;
background: #5a7c01 url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center;
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -moz-linear-gradient(#6F9901, #5a7c01);
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6F9901), color-stop(100%, #5a7c01));
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -webkit-linear-gradient(#6F9901, #5a7c01);
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -o-linear-gradient(#6F9901, #5a7c01);
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, -ms-linear-gradient(#6F9901, #5a7c01);
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-variant-2-alle-inhalte.png) no-repeat 30px center, linear-gradient(#6F9901, #5a7c01);
}
#helplinks > ul > li:first-child + li + li > a,
#helplinks > ul > li:first-child + li + li > a:hover {
background-position: -25px 0;
padding-left: 15px;
}
#mainnav > ul > li:first-child > a:hover h\:figcaption,
#mainnav > ul > li:first-child > label:hover h\:figcaption,
#helplinks > ul > li:first-child > a:hover h\:figcaption {
border-bottom: 0 solid;
color: #FFF;
}
#mainnav h\:figcaption {
padding-top: 0;
}
#mainnav > ul > li > a:hover h\:figcaption,
#mainnav > ul > li > label:hover h\:figcaption {
border-bottom: 2px solid #6f9901;
color: #6f9901;
}
#helplinks > ul > li:first-child + li + li > a {
padding-right: 30px;
}
.layer {
border-top: 0 !important;
border-top-color: #E4EEFA;
margin-top: 1px;
}
#page-allContents #mainnav li .nose,
#mainnav li.open .nose { display: none !important; }
#header-image-link {
position: absolute;
bottom: 22px;
right: 80px;
top: 0;
width: 195px;
}
#mainnav > ul > li > a > h\:figure > h\:header {
position: absolute;
display: inline-block;
top: -9px;
padding: 0 3px 2px;
background-color: #C80D23;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 10px;
color: #FFFFFF;
white-space: nowrap;
z-index: 9;
font-size: 9px;
left: 15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mainnav > ul > li > a > h\:figure > h\:header {
padding: 1px 3px 1px;
}
}
#weather {
position: absolute;
top: 0;
right: 30px;
width: auto;
max-width: 585px;
height: 28px;
padding: 0 0 0 40px;
margin: 10px 0 6px 0;
background: url(//img.ui-portal.de/homepage/img/gmx/icons/weather-small-2017.png) no-repeat 0 0;
font-weight: normal;
}
.rect321 #weather {
right: 20px;
}
.loginFixed #weather {
display: none;
}
#weather.weather-0 { background-position: 0 0; }
#weather.weather-1 { background-position: 0 -60px; }
#weather.weather-2 { background-position: 0 -120px; }
#weather.weather-3 { background-position: 0 -180px; }
#weather.weather-4 { background-position: 0 -240px; }
#weather.weather-5 { background-position: 0 -300px; }
#weather.weather-6 { background-position: 0 -360px; }
#weather.weather-7 { background-position: 0 -420px; }
#weather.weather-8 { background-position: 0 -480px; }
#weather.weather-9 { background-position: 0 -540px; }
#weather.weather-10 { background-position: 0 -600px; }
#weather.weather-11 { background-position: 0 -660px; }
#weather.weather-12 { background-position: 0 -720px; }
#weather.weather-13 { background-position: 0 -780px; }
#weather.weather-14 { background-position: 0 -840px; }
#weather .weathertype {
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
float: left;
}
#weather .city {
float: left;
margin-bottom: 0;
margin-right: 15px;
font-weight: normal;
font-size: 18px;
line-height: 24px;
max-width: 370px;
font-family: Arial, Verdana, sans-serif;
}
#weather ol {
float: left;
overflow: hidden;
}
#weather li {
display: inline-block;
margin-left: 10px;
font-size: 10px;
white-space: nowrap;
float: left;
padding-top: 8px;
}
#weather a,
#weather span {
color: #FFFFFF;
}
#weather a:hover {
text-decoration: none;
}
#weather .tomorrow a,
#weather .dayAfter a,
#weather .other a {
display: inline-block;
}
.jsDisabled #weather .other {
display: none;
}
#weather .tomorrow a:hover,
#weather .dayAfter a:hover,
#weather .other a:hover {
text-decoration: underline;
}
#weather .today {
margin-left: 0;
margin-right: 5px;
padding-top: 0;
}
#weather .today .temp {
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
line-height: 24px;
}
#weather .temp { font-size: 10px; }
.module-group {
margin-bottom: 0;
}
.module-group > .r1 {
height: auto;
}
#mainnav li.open .nose,
#mainnav li > input[type="checkbox"]:checked .nose {
background: transparent;
border-bottom: 8px solid #1c449b;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
bottom: 0;
height: 0;
width: 0;
left: 50%;
display: block;
position: absolute;
transform: rotate(0deg);
}
@media screen and (min--moz-device-pixel-ratio:0) {
#mainnav li.open .nose,
#mainnav li > input[type="checkbox"]:checked .nose {
border: 0;
width: 12px;
height: 12px;
bottom: -6px;
margin-left: -6px;
background-color: #1c449b;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.layer {
position: absolute;
left: 0;
right: 0;
z-index: 20;
display: none;
padding: 20px 20px;
text-align: left;
background-color: #E4EEFA;
border-top: none;
box-shadow: 0 6px 10px -4px rgba(32, 32, 32, 0.4);
-moz-box-shadow: 0 6px 10px -4px rgba(32, 32, 32, 0.4);
-webkit-box-shadow: 0 6px 10px -4px rgba(32, 32, 32, 0.4);
width: 1280px;
}
.rect321 .layer {
padding-left: 10px;
padding-right: 10px;
}
.adWithOutsideComponent .layer {
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
left: -1px;
right: -1px;
}
.layer {
border-bottom: 1px solid #C1C1C1\0;
}
:root .layer {
border-bottom: none\0;
}
li.open .layer,
li > input[type="checkbox"]:checked ~ .layer { display: block; }
.layer h\:header {
font-size: 18px;
line-height: 22px;
font-weight: normal;
margin-bottom: 5px;
font-family: Arial, Verdana, sans-serif;
color: #1C449B;
text-align: left;
display: block;
clear: both;
}
.layer .close {
position: absolute;
right: 15px;
display: inline-block;
padding: 1px 23px 1px 2px;
background-image: url('//img.ui-portal.de/homepage/img/gmx/btn/layer_close.png');
background-repeat: no-repeat;
font-size: 13px;
line-height: 19px;
color: #2269C3;
cursor: pointer;
background-position: right center;
}
.layer .close:hover {
text-decoration: underline;
}
.layer .close.top { top: 20px; }
.layer .close.bottom { bottom: 16px; }
#allContents > input { display: none; }
.channel-list {
margin-left: 0;
margin-bottom: 25px;
}
.channel-list .r4 {
height: auto;
}
.channel-list h\:nav {
margin-right: 105px;
position: relative;
display: block;
overflow: hidden;
width: 1104px;
padding-right: 0;
height: 29px;
}
.rect321 .channel-list h\:nav {
width: 1094px;
}
.jsDisabled .channel-list h\:nav {
height: auto;
}
.channel-list ul {
white-space: nowrap;
overflow: visible;
display: inline-block;
height: 29px;
font-size: 0;
-webkit-transition: margin-left 0.5s ease-in-out;
-o-transition: margin-left 0.5s ease-in-out;
-moz-transition: margin-left 0.5s ease-in-out;
transition: margin-left 0.5s ease-in-out;
}
.jsDisabled .channel-list ul {
height: auto;
white-space: normal;
margin-left: -5px;
}
.channel-list li {
display: inline-block;
margin-left: 5px;
margin-bottom: 5px;
}
.channel-list li.jsgen {
display: none;
margin-left: 0;
}
.channel-list li:first-child {
margin-left: 0;
}
.jsDisabled .channel-list li:first-child {
margin-left: 5px;
}
.channel-list a {
background-color: #6395D4;
display: inline-block;
padding: 2px 10px 4px;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.channel-list a {
padding: 2px 10px 5px;
line-height: 17px;
}
}
.channel-list li.erotik a {
background-color: #BC1761;
}
.channel-list li.erotik a:hover,
.channel-list li.erotik a:focus {
background-color: #BC1761;
}
.channel-list li.email-login a {
background-color: #7FA63B;
}
.channel-list li.email-login a:hover,
.channel-list li.email-login a:focus {
background-color: #7FA63B;
}
#allContents .layer .slider-pagination {
position: absolute;
right: 123px;
top: 20px;
width: 53px;
overflow: hidden;
}
#allContents .layer .slider-pagination li {
display: inline-block;
float: left;
}
#allContents .layer .slider-pagination li:first-child {
margin-right: 5px;
}
#allContents .layer .slider-pagination a {
display: block;
height: 24px;
width: 24px;
text-indent: -999em;
padding: 0;
background-color: #b9cfeb;
background-repeat: no-repeat;
background-position: top left;
background-image: url('//img.ui-portal.de/homepage/img/gmx/slider-pagination.png');
}
#allContents .layer .slider-pagination .next a {
background-position: top right;
}
#allContents .layer .slider-pagination a:hover,
#allContents .layer .slider-pagination a:focus {
background-color: #6395D4;
}
#allContents .layer .slider-pagination .disabled a {
cursor: default;
}
#allContents .layer .slider-pagination .disabled a:hover,
#allContents .layer .slider-pagination .disabled a:focus {
background-color: #b9cfeb;
}
.layerWrapper {
overflow: hidden;
}
.layerWrapper .module-group {
height: 361px;
margin-bottom: 0;
}
[data-country="at"] .layerWrapper .module-group { height: 257px; }
[data-country="ch"] .layerWrapper .module-group { height: 283px; }
.layer-list-container,
.layer-list-container .layer-list {
margin-left: 0;
margin-right: 0;
}
.layer-list-container ~ .layer-list-container {
margin-top: 3px;
}
.layer-list-container .layer-list ~ .layer-list {
margin-left: 20px;
}
.layer .module-group h\:header {
border-top: 4px solid #B9CFEB;
padding-top: 13px;
}
.layer-list {
margin-bottom: 0;
}
.layer-list-container .r1,
.layer-list .r1,
.layer-list .r0 {
height: auto;
}
.layer-list h\:nav {
margin-bottom: 5px;
overflow: hidden;
display: block;
}
.layer-list ul {
width: 140px;
float: left;
overflow: hidden;
}
.layer-list li {
display: block;
margin-bottom: 6px;
}
.layer-list a {
font-size: 13px;
line-height: 20px;
color: #6A6A6A;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.block-txt {
padding-top: 18px;
}
.block-txt .r4 { height: auto; }
.block-txt h1 {
color: #687282;
font-size: 15px;
line-height: 22px;
font-family: Arial, Verdana, sans-serif;
font-weight: 700;
text-align: left;
display: block;
margin-bottom: 2px;
clear: both;
}
.block-txt .content {
width: 620px;
float: left;
color: #687282;
}
.block-txt .content + .content { margin-left: 20px; }
.block-txt .content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
margin-bottom: 0;
font-weight: normal;
}
.hint-wrapper {
display: block;
float: none;
padding: 0;
margin: 0 10px 20px 10px;
position: absolute;
top: 0;
margin-top: 410px;
}
body[data-promoline-position="belowlogin"] .hint-wrapper {
margin-top: 382px;
}
body[data-promoline-position="belowlogin"].hasBreakingNews .hint-wrapper {
margin-top: 412px;
}
.hint-wrapper .r4 {
height: auto;
}
.hint {
min-height: 40px;
height: 65px;
overflow: hidden;
padding: 12px 15px 12px 15px;
}
.hint h2 {
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/hint.png);
background-repeat: no-repeat;
font-size: 18px;
line-height: 25px;
font-weight: normal;
height: 45px;
margin: 0;
max-width: 540px;
padding: 0 0 0 50px;
color: #262626;
}
.hint p {
max-width: 540px;
padding: 0;
font-size: 13px;
line-height: 20px;
color: #262626;
margin: -21px 0 0 50px;
}
.hint .subtext {
color: #6A6A6A;
font-size: 11px;
line-height: 21px;
margin-left: 50px;
}
.hint-confirm h2 { background-position: 0 2px; }
.hint-error h2 { background-position: 0 -237px; }
.hint-confirm { background-color: #E2F9DF; }
.hint-error { background-color: #FFCDCD; }
.jsEnabled .hint-jsDisabled { display: none; }
.ip-address,
.ip-address a {
pointer-events: none;
color: inherit;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper {
position: relative;
margin: 0 0 0 -30px;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper .hint {
padding-left: 30px;
padding-right: 20px;
}
.rect321[data-login-disabled="1"] #loginsearch .hint-wrapper {
margin-left: -20px;
}
.rect321[data-login-disabled="1"] #loginsearch .hint-wrapper .hint {
padding-left: 20px;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper .r4 {
width: auto;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper .hint {
height: 47px;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper p {
max-width: none;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper p br {
display: none;
}
[data-login-disabled="1"] #loginsearch-ad {
display: none;
}
#halfpage .hint-wrapper .r4 {
width: 940px;
}
.hint p {
float: left;
}
.hint .hint-btn {
float: left;
margin-left: 30px;
margin-top: -6px;
}
.hint .hint-btn .small-text {
display: none;
}
#topper {
position: relative;
top: -44px;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
min-width: 930px;
overflow: hidden;
margin-left: -1px;
margin-bottom: -44px;
background: #262626;
background: -webkit-linear-gradient(top, #0B120D 0%, #24231E 100%);
background: -moz-linear-gradient(top, #0B120D 0%, #24231E 100%);
background: -ms-linear-gradient(top, #0B120D 0%, #24231E 100%);
background: -o-linear-gradient(top, #0B120D 0%, #24231E 100%);
background: linear-gradient(to bottom, #0B120D 0%, #24231E 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B120D', endColorstr='#24231E', GradientType=0 );
}
#topper > div {
border-bottom: 1px solid #0B120D;
}
#topper .topper-content .message p { margin: 0; }
#topper .topper-content .message a {
color: #FFFFFF;
display: block;
padding: 9px 20px 8px 54px;
height: 26px;
line-height: 26px;
background: transparent url(//img.ui-portal.de/homepage/img/gmx/icons/notification/topper_default_24x24.png) no-repeat 20px center;
white-space: nowrap;
}
#topper .topper-content .message a:hover { text-decoration: none; }
#topper .topper-content .message a > span:hover { text-decoration: underline; }
#topper .topper-content .message a #topperButtons {
position: absolute;
display: block;
top: 12px;
right: 20px;
height: 19px;
width: 52px;
}
#topper .topper-content .message a #topperLater {
background: transparent url('//img.ui-portal.de/homepage/img/gmx/icons/notification/close_bg_black.png') no-repeat;
display: block;
height: 19px;
width: 24px;
float: left;
margin: 0 15px 0 0;
}
#topper .topper-content .message a #topperClose {
background: transparent url('//img.ui-portal.de/homepage/img/gmx/icons/notification/close_black.png') no-repeat;
display: block;
height: 13px;
width: 13px;
float: right;
margin-top: 3px;
}
#topper .topper-content .message a #topperLater:hover,
#topper .topper-content .message a #topperClose:hover {
filter: alpha(opacity=85);
-webkit-opacity: 0.85;
-khtml-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
}
#topper .topper-content .message a span:first-child + span { display: none; }
.msg-notify body {
border-top: 0;
}
.notification {
position: relative;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
height: 44px;
top: -44px;
margin-bottom: -44px;
display: none;
min-width: 930px;
width: auto;
margin-left: -1px;
}
.notification > div {
display: block;
white-space: nowrap;
padding: 9px 20px 8px 54px;
}
.notification-alert {
color: #FFFFFF;
background: #991A26 url('//img.ui-portal.de/homepage/img/gmx/icons/notification/warning.png') no-repeat 20px 9px;
}
.notification-alert > div {
border-bottom: 1px solid #800915;
}
.notification .btn-wrapper{
margin-left: 20px;
}
.notification .btn-wrapper.btn-fix {
margin-left: 27px;
}
*:first-child+html .notification .btn-wrapper { margin-top: 4px; }
.notification .btn-icon {
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/notification/download_btn_sprite.png) !important;
}
.notification-btns {
position: absolute;
display: block;
top: 11px;
right: 20px;
height: 19px;
}
.notification-btns .btn-open,
.notification-btns .btn-close {
display: block;
cursor: pointer;
float: left;
}
.notification-btns .btn-open:hover,
.notification-btns .btn-close:hover {
filter: alpha(opacity=85);
-webkit-opacity: 0.85;
-khtml-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
}
.notification-btns .btn-open {
background: transparent url(//img.ui-portal.de/homepage/img/gmx/icons/notification/close_bg_black.png) no-repeat;
height: 19px;
width: 24px;
}
.notification-btns .btn-close {
background: transparent url(//img.ui-portal.de/homepage/img/gmx/icons/notification/close_black.png) no-repeat;
height: 13px;
width: 13px;
margin: 3px 0 0 15px;
vertical-align: top;
}
.notification[data-notification-browser="ff"],
.notification[data-notification-browser="firefox"] {
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/notification/browser_FF_24x24.png);
}
.notification[data-notification-browser="chrome"] {
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/notification/browser_CHROME_24x24.png);
}
.notification[data-notification-browser="msie"] {
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/notification/browser_IE_24x24.png);
}
.notification > div:first-child > span:first-child + span { display: none; }
.btn-wrapper {
display: inline-block;
-moz-border-radius: 7px;
border-radius: 7px;
}
.jsEnabled .btn-wrapper {
cursor: pointer;
}
.btn-wrapper > * {
background-color: transparent;
cursor: pointer;
display: inline-block;
font-style: normal;
margin: 0;
outline: none;
overflow: visible;
padding: 0;
position: relative;
text-align: center;
width: auto;
white-space: nowrap;
z-index: 1;
-webkit-appearance: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius: 7px;
border-radius: 7px;
}
.btn-wrapper > a {
text-decoration: none;
}
.btn-wrapper input::-moz-focus-inner {
border: 0 solid;
margin: 0;
padding: 0;
}
.btn-wrapper.btn-disabled > input[disabled] {
opacity: 1;
}
.btn-wrapper.btn-disabled,
.btn-wrapper.btn-disabled > * {
cursor: default;
}
.btn-wrapper.btn-pressed > * {
-moz-box-shadow: 1px 3px 5px -3px #000000 inset,
1px 8px 10px -8px rgba(0,0,0,0.4) inset;
box-shadow: 1px 3px 5px -3px #000000 inset,
1px 8px 10px -8px rgba(0,0,0,0.4) inset;
text-shadow: 0 1px 1px rgba(59,59,59,0.2);
}
.btn-xxl {
height: 76px;
line-height: 26px;
}
.btn-xxl > * {
height: 66px;
line-height: 26px;
font-size: 19px;
font-weight: 400;
padding: 8px 20px 0;
}
.btn-xxl > * span {
display: block;
font-size: 10px;
font-weight: 700;
line-height: 14px;
}
.btn-xl {
height: 62px;
line-height: 26px;
}
.btn-xl > * {
height: 52px;
line-height: 26px;
font-size: 19px;
font-weight: 400;
padding: 8px 20px 0;
}
.btn-xl > * span {
display: block;
font-size: 10px;
font-weight: 700;
line-height: 14px;
}
.btn-l {
height: 46px;
line-height: 41px;
}
.btn-l > * {
height: 41px;
line-height: 41px;
font-size: 19px;
font-weight: 300;
padding: 0 20px 3px;
}
.btn-l > input {
height: 46px;
}
.btn-m {
height: 34px;
line-height: 30px;
}
.btn-m > * {
height: 30px;
line-height: 30px;
font-size: 13px;
font-weight: 700;
padding: 0 14px 2px;
}
.btn-m > input { height: 34px; }
.btn-s {
height: 26px;
line-height: 22px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn-s > * {
height: 22px;
line-height: 22px;
font-weight: 700;
padding: 0 12px 2px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn-s > * {
line-height: 23px;
}
}
.btn-s > input {
height: 26px;
}
.btn-xs {
height: 22px;
line-height: 19px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn-xs > * {
height: 19px;
line-height: 19px;
font-size: 11px;
font-weight: 700;
padding: 0 10px 1px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn-xs > input {
height: 22px;
}
.btn-wrapper.btn-service > * {
color: #FFFFFF;
background: -webkit-gradient(linear, left top, left bottom, from(#90B157), to(#5C8427));
background: -webkit-linear-gradient(#90B157, #5C8427);
background: -moz-linear-gradient(#90B157, #5C8427);
background: -o-linear-gradient(#90B157, #5C8427);
background: linear-gradient(#90B157, #5C8427);
border: 1px #A1A1A1 solid;
-moz-box-shadow: 0 3px 1px -2px rgba(255,255,255,0.7) inset,
0 -3px 2px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 3px 1px -2px rgba(255,255,255,0.7) inset,
0 -3px 2px -3px rgba(0,0,0,0.8) inset;
text-shadow: 0 1px 1px rgba(59,59,59,0.5);
}
.btn-wrapper.btn-service > a {
color: #FFFFFF;
}
.btn-wrapper.btn-service.btn-over > * {
color: #FFFFFF;
border-color: #A1A1A1;
background: -webkit-gradient(linear, left top, left bottom, from(#95C449), to(#79A03C));
background: -webkit-linear-gradient(#95C449, #79A03C);
background: -moz-linear-gradient(#95C449, #79A03C);
background: -o-linear-gradient(#95C449, #79A03C);
background: linear-gradient(#95C449, #79A03C);
-moz-box-shadow: 0 3px 1px -2px rgba(255,255,255,0.7) inset,
0 -3px 2px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 3px 1px -2px rgba(255,255,255,0.7) inset,
0 -3px 2px -3px rgba(0,0,0,0.8) inset;
text-shadow: 0 1px 1px rgba(59,59,59,0.5);
}
.btn-wrapper.btn-service.btn-pressed > * {
color: #DBE7F5;
border-color: #A1A1A1;
background: -webkit-gradient(linear, left top, left bottom, from(#90BE47), to(#79A03C));
background: -webkit-linear-gradient(#90BE47, #79A03C);
background: -moz-linear-gradient(#90BE47, #79A03C);
background: -o-linear-gradient(#90BE47, #79A03C);
background: linear-gradient(#90BE47, #79A03C);
-moz-box-shadow: 1px 3px 5px -3px #000000 inset,
1px 8px 10px -8px rgba(0,0,0,0.4) inset;
box-shadow: 1px 3px 5px -3px #000000 inset,
1px 8px 10px -8px rgba(0,0,0,0.4) inset;
text-shadow: 0 1px 1px rgba(59,59,59,0.2);
}
.btn-service.btn-fix:hover > * {
color: #FFFFFF;
}
.btn-service.btn-fix:active > *,
.btn-service.btn-fix.btn-pressed > * {
color: #DBE7F5;
}
.btn-service.btn-fix.btn-disabled:hover > * {
color: #FFFFFF;
}
.btn-service.btn-fix.btn-xxl,
.btn-service.btn-fix.btn-xxl > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/service_xxl.png);
}
.btn-service.btn-fix.btn-xl,
.btn-service.btn-fix.btn-xl > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/service_xl.png);
}
.btn-service.btn-fix.btn-l,
.btn-service.btn-fix.btn-l > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/service_l.png);
}
.btn-service.btn-fix.btn-m,
.btn-service.btn-fix.btn-m > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/service_m.png);
}
.btn-service.btn-fix.btn-s,
.btn-service.btn-fix.btn-s > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/service_s.png);
}
.btn-service.btn-fix.btn-xs,
.btn-service.btn-fix.btn-xs > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/service_xs.png);
}
.btn-wrapper.btn-secondary > * {
color: #737373;
border: 1px #A1A1A1 solid;
background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#E8E8E8));
background: -webkit-linear-gradient(#F1F1F1, #E8E8E8);
background: -moz-linear-gradient(#F1F1F1, #E8E8E8);
background: -o-linear-gradient(#F1F1F1, #E8E8E8);
background: linear-gradient(#F1F1F1, #E8E8E8);
}
.btn-wrapper.btn-secondary > a {
color: #737373;
}
.btn-wrapper.btn-secondary.btn-over > * {
color: #737373;
border-color: #A1A1A1;
background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#F0F0F0));
background: -webkit-linear-gradient(#FBFBFB, #F0F0F0);
background: -moz-linear-gradient(#FBFBFB, #F0F0F0);
background: -o-linear-gradient(#FBFBFB, #F0F0F0);
background: linear-gradient(#FBFBFB, #F0F0F0);
}
.btn-wrapper.btn-secondary.btn-pressed > * {
color: #737373;
border-color: #A1A1A1;
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#E8E8E8));
background: -webkit-linear-gradient(#EFEFEF, #E8E8E8);
background: -moz-linear-gradient(#EFEFEF, #E8E8E8);
background: -o-linear-gradient(#EFEFEF, #E8E8E8);
background: linear-gradient(#EFEFEF, #E8E8E8);
}
.btn-wrapper.btn-secondary.btn-disabled > *,
.btn-wrapper.btn-secondary.btn-disabled.btn-over > * {
color: #C7C7C7;
border-color: #A1A1A1;
background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F6F6F6));
background: -webkit-linear-gradient(#FCFCFC, #F6F6F6);
background: -moz-linear-gradient(#FCFCFC, #F6F6F6);
background: -o-linear-gradient(#FCFCFC, #F6F6F6);
background: linear-gradient(#FCFCFC, #F6F6F6);
}
.btn-secondary.btn-fix:hover > * {
color: #737373;
}
.btn-secondary.btn-fix:active > *,
.btn-secondary.btn-fix.btn-pressed > * {
color: #737373;
}
.btn-secondary.btn-fix.btn-disabled:hover > * {
color: #C7C7C7;
}
.btn-secondary.btn-fix.btn-xxl,
.btn-secondary.btn-fix.btn-xxl > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/secondary_xxl.png);
}
.btn-secondary.btn-fix.btn-xl,
.btn-secondary.btn-fix.btn-xl > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/secondary_xl.png);
}
.btn-secondary.btn-fix.btn-l,
.btn-secondary.btn-fix.btn-l > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/secondary_l.png);
}
.btn-secondary.btn-fix.btn-m,
.btn-wrapper.btn-secondary.btn-fix.btn-m > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/secondary_m.png);
}
.btn-secondary.btn-fix.btn-s,
.btn-secondary.btn-fix.btn-s > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/secondary_s.png);
}
.btn-secondary.btn-fix.btn-xs,
.btn-secondary.btn-fix.btn-xs > * {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/secondary_xs.png);
}
.btn-wrapper.hasIcon {
position: relative;
}
.btn-wrapper.onlyIcon > * {
text-indent: -9999px;
overflow: hidden;
}
.btn-wrapper.hasIcon.btn-l > * { padding-left: 58px; }
.btn-wrapper.hasIcon.btn-m > * { padding-left: 43px; }
.btn-wrapper.hasIcon.btn-s > * { padding-left: 32px; }
.btn-wrapper.onlyIcon.btn-l > * { padding-left: 44px; }
.btn-wrapper.onlyIcon.btn-m > * { padding-left: 32px; }
.btn-wrapper.onlyIcon.btn-s > * { padding-left: 24px; }
.btn-fix.onlyIcon.btn-l > * { padding-left: 45px; }
.btn-fix.onlyIcon.btn-m > * { padding-left: 33px; }
.btn-fix.onlyIcon.btn-s > * { padding-left: 25px; }
.btn-wrapper.hasIcon .btn-icon {
border: none;
background-repeat: no-repeat;
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.btn-wrapper.btn-l .btn-icon {
line-height: 32px;
height: 32px;
width: 32px;
left: 17px;
top: 7px;
}
.btn-wrapper.btn-m .btn-icon {
line-height: 24px;
height: 24px;
width: 24px;
left: 12px;
top: 5px;
}
.btn-wrapper.btn-s .btn-icon {
line-height: 16px;
height: 16px;
width: 16px;
left: 11px;
top: 5px;
}
.btn-wrapper.hasIcon .btn-icon { background-position: 0 0; }
.btn-wrapper.hasIcon:hover .btn-icon,
.btn-wrapper.hasIcon.btn-hover .btn-icon { background-position: 0 -40px; }
.btn-wrapper.hasIcon:active .btn-icon,
.btn-wrapper.hasIcon.btn-pressed .btn-icon { background-position: 0 -80px; }
.btn-wrapper.hasIcon.btn-disabled .btn-icon { background-position: 0 100%; }
.btn-wrapper.btn-fix {
background: none;
background-repeat: no-repeat;
border: 0 solid;
-moz-border-radius: 0;
border-radius: 0;
padding: 0 5px 0 0;
margin: 0 0 0 7px;
}
.btn-wrapper.btn-fix > * {
background: none;
background-repeat: no-repeat;
border: 0 solid;
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
box-shadow: none;
margin: 0 0 0 -7px;
}
.btn-wrapper.btn-fix.btn-service > * {
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-fix.btn-disabled.btn-over > input {
background-color: transparent;
}
.btn-wrapper.btn-fix { background-position: 100% 0; }
.btn-wrapper.btn-fix > * { background-position: 0 0; }
.btn-level4.btn-fix,
.btn-level4.btn-fix > * { background-position: -100% -100%; }
.btn-fix:hover,
.btn-fix.btn-over { background-position: 100% -50px; }
.btn-fix:hover > *,
.btn-fix.btn-over > * { background-position: 0 -50px; }
.btn-fix:active,
.btn-fix.btn-pressed { background-position: 100% -100px; }
.btn-fix:active > *,
.btn-fix.btn-pressed > * { background-position: 0 -100px; }
.btn-fix.btn-disabled { background-position: 100% -150px; }
.btn-fix.btn-disabled > * { background-position: 0 -150px; }
.btn-fix.btn-xl,
.btn-fix.btn-xxl { background-position: 100% 0; }
.btn-fix.btn-xl > *,
.btn-fix.btn-xxl > * { background-position: 0 0; }
.btn-fix.btn-xl:hover,
.btn-fix.btn-xxl:hover,
.btn-fix.btn-xl.btn-over,
.btn-fix.btn-xxl.btn-over { background-position: 100% -90px; }
.btn-fix.btn-xl:hover > *,
.btn-fix.btn-xxl:hover > *,
.btn-fix.btn-xl.btn-over > *,
.btn-fix.btn-xxl.btn-over > * { background-position: 0 -90px; }
.btn-fix.btn-xl:active,
.btn-fix.btn-xxl:active,
.btn-fix.btn-xl.btn-pressed,
.btn-fix.btn-xxl.btn-pressed { background-position: 100% -180px; }
.btn-fix.btn-xl:active > *,
.btn-fix.btn-xxl:active > *,
.btn-fix.btn-xl.btn-pressed > *,
.btn-fix.btn-xxl.btn-pressed > * { background-position: 0 -180px; }
.btn-fix.btn-xl.btn-disabled,
.btn-fix.btn-xxl.btn-disabled { background-position: 100% -270px; }
.btn-fix.btn-xl.btn-disabled > *,
.btn-fix.btn-xxl.btn-disabled > * { background-position: 0 -150px; }
.btn-fix.btn-xxl > * {
height: 67px;
padding: 9px 16px 0 21px;
}
.btn-fix.btn-xl > * {
height: 53px;
padding: 9px 16px 0 21px;
}
.btn-fix.btn-l > * {
height: 43px;
line-height: 43px;
padding: 0 16px 3px 21px;
}
.btn-fix.btn-l > input {
height: 46px;
}
.btn-fix.btn-l.hasIcon .btn-icon {
left: 10px;
}
.btn-fix.btn-m > * {
height: 32px;
line-height: 32px;
padding: 0 10px 2px 15px;
}
.btn-fix.btn-m > input {
height: 34px;
}
.btn-fix.btn-m.hasIcon .btn-icon {
left: 5px;
}
.btn-fix.btn-s > * {
height: 24px;
line-height: 24px;
padding: 0 8px 2px 13px;
}
.btn-fix.btn-s > input {
height: 26px;
}
.btn-fix.btn-s.hasIcon .btn-icon {
left: 4px;
}
.btn-fix.btn-xs > * {
height: 21px;
line-height: 21px;
padding: 0 6px 1px 11px;
}
.btn-fix.btn-xs > input {
height: 22px;
}
.content-form {
border: 0 solid transparent;
display: inline;
float: left;
}
.form-item {
clear: left;
display: inline;
float: left;
position: relative;
}
.item-data {
position: relative;
}
.item-label label,
.item-label,
.item-data {
display: inline;
float: left;
font-size: 14px;
line-height: 33px;
min-height: 34px;
}
.form-l input[type="text"],
.form-l input[type="email"],
.form-l input[type="password"] {
border: 1px solid #B3B8C0;
color: #262626;
display: inline;
float: left;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 0;
outline: none;
height: 20px;
line-height: 20px;
padding: 6px;
background: #FFFFFF;
-moz-border-radius: 4px;
border-radius: 4px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#EFF2F6), color-stop(0.4,#FFFFFF));
background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
background-image: -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
background-image: -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
background-image: linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
}
input[type="text"] + .placeholder,
input[type="email"] + .placeholder,
input[type="password"] + .placeholder {
line-height: 20px;
font-size: 14px;
padding: 7px;
font-style: normal;
}
input.hasError[type="text"],
input.hasError[type="email"],
input.hasError[type="password"] {
border-color: #C00030;
background: #F8EEEE;
background-image: none;
color: #C00030;
font-style: italic;
}
input.hasError[type="text"] + .placeholder,
input.hasError[type="email"] + .placeholder,
input.hasError[type="password"] + .placeholder {
font-style: italic;
color: #C00030;
}
:-moz-ui-invalid:not(output) {
box-shadow: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input.hasError[type="text"]:focus,
input.hasError[type="email"]:focus,
input.hasError[type="password"]:focus {
background: #FFFFFF;
background-image: none;
border-color: #99A1A7;
color: #262626;
font-style: normal;
-moz-box-shadow: 0 0 4px #B3B8C0;
box-shadow: 0 0 4px #B3B8C0;
}
input + .placeholder {
color: #6A6A6A;
}
input::-webkit-input-placeholder {
color: #6A6A6A;
}
input::-webkit-input-placeholder:focus {
color: transparent;
}
input:-moz-placeholder {
color: #6A6A6A;
}
input::-moz-placeholder {
color: #6A6A6A;
}
input:-moz-placeholder:focus {
color: transparent;
}
input::-moz-placeholder:focus {
color: transparent;
}
input:-ms-input-placeholder {
color: #6A6A6A;
}
input:-ms-input-placeholder:focus {
color: transparent;
}
h\:output.status {
background: url(//img.ui-portal.de/homepage/img/gmx/icons/hint_16x16.png) no-repeat 0 -30px;
display: none;
line-height: 34px;
height: 34px;
width: 16px;
margin-left: 5px;
position: absolute;
z-index: 100;
}
h\:output.status.hasError,
.hasError h\:output.status {
background-position: 0 -231px;
display: inline;
}
h\:output.status.isValid,
.isValid h\:output.status {
background: none;
display: inline;
}
h\:output.feedback,
.form-l h\:output.feedback {
background-color: #ffecec;
border: 1px solid #AFAFAF;
-moz-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: 0 0 3px 0 rgba(32,32,32,0.6);
box-shadow: 0 0 3px 0 rgba(32,32,32,0.6);
display: block;
float: none;
font-size: 13px;
font-weight: 400;
line-height: 28px;
min-height: 28px;
margin: -45px 0 0 0;
padding: 1px 10px 3px 30px;
position: absolute;
left: 0;
top: 0;
width: auto;
z-index: 999;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/hint_16x16.png);
background-repeat: no-repeat;
background-position: 7px -232px;
}
h\:output.feedback p {
color: #262626;
line-height: 28px;
min-height: 28px;
margin: 0;
padding: 0;
white-space: nowrap;
z-index: 999;
}
h\:output.feedback span.nose {
background: url(//img.ui-portal.de/homepage/img/gmx/bg/form-nose.png) no-repeat 0% -1px;
margin: 3px 0 0 3px;
position: absolute;
width: 13px;
height: 12px;
left: 3px;
bottom: -12px;
}
.safari-autofill h\:output.feedback {
display: none !important;
}
.tab-container {
padding: 11px 15px 0;
}
.tab-container.cased,
.content-tab.cased .tab-container {
padding-bottom: 15px;
}
.tab-container .tab-contentPart {
display: none;
}
.tab-container .tab-contentPart.active {
display: block;
}
.tab-container > img:first-child,
.tab-container .tab-contentPart > img:first-child {
padding-top: 4px;
}
.tab-nav {
overflow: hidden;
padding: 0 0 4px;
}
.content-tab.cased .tab-nav {
padding: 15px 15px 4px;
}
.tab-nav.noSeperator {
border: none;
}
.tab-nav ul li {
display: inline;
float: left;
height: 30px;
margin-right: 5px;
position: relative;
}
.tab-nav ul li a,
.tab-nav ul li em {
display: inline-block;
font-style: normal;
font-weight: 700;
height: 24px;
line-height: 22px;
padding: 0 15px;
text-decoration: none;
}
.cased .tab-nav ul li a,
.cased .tab-nav ul li em {
background-color: #FFFFFF;
}
.tab-nav ul li.active a,
.tab-nav ul li.active em,
.tab-nav ul li.active a:focus {
background-color: #2269C3;
color: #FFFFFF;
cursor: default;
}
.tab-nav ul li a:hover,
.tab-nav ul li a:focus {
background-color: #6395D4;
color: #FFFFFF;
}
.tab-nav ul li.active a:hover {
background-color: #2269C3;
color: #FFFFFF;
}
.tab-nav ul li.active a .nose,
.tab-nav ul li.active em .nose {
border-top: 6px solid #2269C3;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -6px;
font-size: 0;
height: 0;
width: 0;
}
.tab-nav.tab-l ul li {
margin-right: 7px;
height: 40px;
}
.tab-nav.tab-l ul li a,
.tab-nav.tab-l ul li em {
height: 32px;
line-height: 30px;
font-weight: 400;
}
.tab-nav.tab-l ul li.active a .nose,
.tab-nav.tab-l ul li.active em .nose {
border-width: 8px;
margin-left: -6px;
}
.tooltip-enlarged {
background: url(//img.ui-portal.de/p.gif);
padding: 10px;
position: absolute;
z-index: 999;
}
.tooltip-left-bottom,
.tooltip-left-top,
.tooltip-top-left,
.tooltip-bottom-left {
margin-left: 4px;
}
.tooltip-right-bottom,
.tooltip-right-top,
.tooltip-top-right,
.tooltip-bottom-right {
margin-left: -4px;
}
.tooltip-left-bottom,
.tooltip-right-bottom {
margin-top: -14px;
}
.tooltip-bottom-left,
.tooltip-bottom-right {
margin-top: -4px;
}
.tooltip-left-top,
.tooltip-right-top,
.tooltip-top-left,
.tooltip-top-right {
margin-top: 4px;
}
.tooltip-wrapper {
background: #FFFFFF;
border: 1px solid #AFAFAF;
-moz-box-shadow: 0 0 6px 2px #B3B3B3;
box-shadow: 0 0 7px 0 #B3B3B3;
padding: 10px 15px 14px;
cursor: default;
position: relative;
}
.tooltip-enlarged .nose {
background-image: url(//img.ui-portal.de/homepage/img/gmx/tooltip/tooltip_sprite.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 -21px;
position: absolute;
height: 20px;
width: 20px;
bottom: -15px;
left: 7px;
}
.tooltip-enlarged.tooltip-top-left .nose {
top: -15px;
right: auto;
bottom: auto;
left: 11px;
background-position: 0 -69px;
}
.tooltip-enlarged.tooltip-top-right .nose {
top: -15px;
right: 19px;
bottom: auto;
left: auto;
background-position: 0 -69px;
}
.tooltip-enlarged.tooltip-right-top .nose {
top: 18px;
right: -20px;
bottom: auto;
left: auto;
background-position: 0 -42px;
}
.tooltip-enlarged.tooltip-right-bottom .nose {
top: auto;
right: -20px;
bottom: 13px;
left: auto;
background-position: 0 -42px;
}
.tooltip-enlarged.tooltip-bottom-right .nose {
top: auto;
right: 19px;
bottom: -18px;
left: auto;
background-position: 0 -19px;
}
.tooltip-enlarged.tooltip-bottom-left .nose {
top: auto;
right: 19px;
bottom: -18px;
left: 11px;
background-position: 0 -19px;
}
.tooltip-enlarged.tooltip-left-bottom .nose {
top: auto;
right: auto;
bottom: 13px;
left: -20px;
background-position: 0 0;
}
.tooltip-enlarged.tooltip-left-top .nose { top: 18px; right: auto; bottom: auto; left: -20px; background-position: 0 0; }
.jsEnabled a.tooltip {
cursor: default;
}
.tooltip-enlarged .txt {
white-space: normal;
}
.tooltip-enlarged ul li {
display: list-item;
list-style-type: disc;
margin-left: 18px;
}
.teaser h\:details span.link.tooltip {
text-decoration: none;
cursor: default;
}
.tooltip-closer {
position: absolute;
top: 5px;
right: 5px;
background-image: url('//img.ui-portal.de/homepage/img/gmx/btn/tooltip-close.png');
display: block;
height: 16px;
width: 16px;
background-repeat: no-repeat;
background-position: center center;
}
.tooltip-html-container { display: none; }
.jsDisabled .link.tooltip:hover + .tooltip-html-container {
display: block;
background: #FFFFFF;
position: absolute;
border: 1px solid #AFAFAF;
-moz-box-shadow: 0 0 6px 2px #B3B3B3;
box-shadow: 0 0 7px 0 #B3B3B3;
z-index: 9000;
padding: 8px 14px;
width: 270px;
}
#loginsearch-login .tab-nav {
background-color: #1C449B;
display: block;
height: 44px;
font-weight: 700;
padding: 0;
border: none;
overflow: visible;
}
#loginsearch-login .tab-nav ul li {
background-color: #DBE5F4;
height: 44px;
margin: 0;
}
.jsDisabled #loginsearch-login .tab-nav > ul > li:first-child + li + li + li {
display: none;
}
#halfpage #loginsearch-login .tab-nav > ul > li:first-child + li + li + li + li {
display: none;
}
#loginsearch-login .tab-nav ul li a {
font-size: 14px;
height: 32px;
line-height: 30px;
padding: 6px 15px;
background-color: #1C449B;
color: #B9CFEB;
}
#loginsearch-login .tab-container {
padding: 0;
position: relative;
z-index: 20;
height: 71px;
}
#loginsearch-login .tab-nav ul li a:hover,
#loginsearch-login .tab-nav ul li a:focus {
background-color: #6395D4;
color: #FFFFFF;
}
#loginsearch-login .tab-nav ul li.active a,
#loginsearch-login .tab-nav ul li.active a:hover {
background-color: #2269C3;
color: #FFFFFF;
cursor: pointer;
}
#loginsearch-login .tab-nav ul li.active a:after {
content: '';
border-top: 8px solid #2269C3;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
bottom: -8px;
overflow: hidden;
position: absolute;
left: 50%;
}
#loginsearch-login .tab-contentPart,
#loginsearch-login .tab-nav ul {
margin-left: 30px;
}
#loginsearch-login ul li a.hasIcon {
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/sticky-tabs-2016.png);
background-repeat: no-repeat;
padding-left: 46px;
outline: 0;
}
#loginsearch-login ul li a.icon-freemail {
background-position: 15px 10px;
}
#loginsearch-login ul li.active a.icon-freemail,
#loginsearch-login ul li a.icon-freemail:hover,
#loginsearch-login ul li a.icon-freemail:focus {
background-position: 15px -30px;
}
#loginsearch-login ul li a.icon-promail {
background-position: 15px -70px;
}
#loginsearch-login ul li.active a.icon-promail,
#loginsearch-login ul li a.icon-promail:hover,
#loginsearch-login ul li a.icon-promail:focus {
background-position: 15px -110px;
}
#loginsearch-login ul li a.icon-topmail {
background-position: 15px -150px;
}
#loginsearch-login ul li.active a.icon-topmail,
#loginsearch-login ul li a.icon-topmail:hover,
#loginsearch-login ul li a.icon-topmail:focus {
background-position: 15px -190px;
}
#loginsearch-login ul li a.icon-demail {
background-position: 15px -315px;
}
#loginsearch-login ul li a.icon-domain {
background-position: 15px -400px;
}
#loginsearch-login ul li.active a.icon-demail,
#loginsearch-login ul li a.icon-demail:hover,
#loginsearch-login ul li a.icon-demail:focus {
background-position: 15px -360px;
}
#loginsearch-login ul li.active a.icon-domain,
#loginsearch-login ul li a.icon-domain:hover,
#loginsearch-login ul li a.icon-domain:focus {
background-position: 15px -440px;
}
#loginsearch-login ul li a.icon-search {
background-position: 15px -230px;
}
#loginsearch-login ul li.active a.icon-search,
#loginsearch-login ul li a.icon-search:hover,
#loginsearch-login ul li a.icon-search:focus {
background-position: 15px -270px;
}
#loginsearch-login form.form-login {
display: block;
padding: 12px 0 0;
}
#loginsearch-login form#formLoginPromail,
#loginsearch-login form#formLoginTopmail,
#loginsearch-login form#formLoginDemail {
background-repeat: no-repeat;
background-position: top left;
padding-left: 80px;
}
#loginsearch-login form#formLoginPromail { background-image: url('//img.ui-portal.de/homepage/img/gmx/icons/promail.png'); }
#loginsearch-login form#formLoginTopmail { background-image: url('//img.ui-portal.de/homepage/img/gmx/icons/topmail.png'); }
#loginsearch-login form#formLoginDemail {
background-image: url('//img.ui-portal.de/homepage/img/gmx/icons/demail.png');
background-position: 3px 4px;
height: 55px;
}
.tooltip-name-demail,
.tooltip-name-password {
margin-top: 17px;
padding-left: 6px;
padding-top: 14px;
width: auto;
height: auto;
}
.tooltip-name-demail .tooltip-wrapper,
.tooltip-name-password .tooltip-wrapper {
width: 343px;
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
padding: 11px 15px 13px 15px;
}
.tooltip-name-demail .tooltip-wrapper p,
.tooltip-name-password .tooltip-wrapper p {
margin-bottom: 0;
font-size: 13px;
line-height: 20px;
color: #262626;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tooltip-name-password .tooltip-wrapper p + p {
margin-top: 4px;
}
.tooltip-name-password .tooltip-wrapper p:not(.tooltip-blocker) a {
font-weight: bold;
}
.tooltip-name-demail .tooltip-wrapper .tooltip-blocker,
.tooltip-name-password .tooltip-wrapper .tooltip-blocker {
padding-top: 4px;
}
.form-login fieldset {
position: relative;
}
.form-login .login-username,
.form-login .login-password {
clear: none;
display: inline;
line-height: 21px;
float: left;
width: 195px;
}
.form-login input[type=email],
.form-login input[type=text],
.form-login input[type=password] {
width: 171px;
}
.form-login .form-item > span {
clear: left;
display: block;
padding-top: 3px;
}
.form-login .form-item > span,
.form-login .form-item > span a {
font-size: 11px;
line-height: 14px;
}
.form-login .login-submit {
display: inline;
float: left;
}
.jsEnabled .form-login h\:output.status {
display: none;
}
.jsDisabled .form-login h\:output.status {
top: 0;
right: 15px;
}
.form-login .hasError input[type=email] + .placeholder,
.form-login .hasError input[type=text] + .placeholder,
.form-login .hasError input[type=password] + .placeholder {
color: #C00030;
}
.form-login input[type=email] + .placeholder:focus,
.form-login input[type=text] + .placeholder:focus,
.form-login input[type=password] + .placeholder:focus {
color: transparent;
}
.form-login .hasError input[type=email]::-webkit-input-placeholder,
.form-login .hasError input[type=text]::-webkit-input-placeholder,
.form-login .hasError input[type=password]::-webkit-input-placeholder {
color: #C00030;
}
.form-login input[type=email]:focus::-webkit-input-placeholder,
.form-login input[type=text]:focus::-webkit-input-placeholder,
.form-login input[type=password]:focus::-webkit-input-placeholder {
color: transparent;
}
.form-login .hasError input[type=email]:-moz-placeholder,
.form-login .hasError input[type=text]:-moz-placeholder,
.form-login .hasError input[type=password]:-moz-placeholder {
color: #C00030;
}
.form-login .hasError input[type=email]::-moz-placeholder,
.form-login .hasError input[type=text]::-moz-placeholder,
.form-login .hasError input[type=password]::-moz-placeholder {
color: #C00030;
}
.form-login input[type=email]:-moz-placeholder:focus,
.form-login input[type=text]:-moz-placeholder:focus,
.form-login input[type=password]:-moz-placeholder:focus {
color: transparent;
}
.form-login input[type=email]::-moz-placeholder:focus,
.form-login input[type=text]::-moz-placeholder:focus,
.form-login input[type=password]::-moz-placeholder:focus {
color: transparent;
}
.form-login .hasError input[type=email]:-ms-input-placeholder,
.form-login .hasError input[type=text]:-ms-input-placeholder,
.form-login .hasError input[type=password]:-ms-input-placeholder {
color: #C00030;
}
.form-login input[type=email]:-ms-input-placeholder:focus,
.form-login input[type=text]:-ms-input-placeholder:focus,
.form-login input[type=password]:-ms-input-placeholder:focus {
color: transparent;
}
.search-wrapper {
height: 34px;
position: absolute;
width: auto;
top: 33px;
right: 190px;
z-index: 25;
}
.rect321 .search-wrapper {
right: 180px;
}
.search-wrapper .search .search-field {
border-color: #1C449B;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
border-right: 0;
width: 441px;
background: #FFFFFF;
background: #FFFFFF url(//img.ui-portal.de/homepage/img/gmx/icons/search-2016.png) center -272px no-repeat;
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-2016.png) center -272px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0,#EFF2F6), color-stop(0.4,#FFFFFF));
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-2016.png) center -272px no-repeat, -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%) 0 0 repeat;
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-2016.png) center -272px no-repeat, -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%) 0 0 repeat;
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-2016.png) center -272px no-repeat, -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%) 0 0 repeat;
background: url(//img.ui-portal.de/homepage/img/gmx/icons/search-2016.png) center -272px no-repeat, linear-gradient(#EFF2F6 0%, #FFFFFF 40%) 0 0 repeat;
}
.search-wrapper .search .search-field[data-suggest-enabled="true"] {
padding-right: 30px;
width: 417px;
}
#header .search-wrapper .search .search-field {
border-color: #4E7AC0;
}
.search-wrapper .search .search-field:focus {
-moz-box-shadow: none;
box-shadow: none;
}
.jsDisabled .search-wrapper .search .search-field:focus,
.search-wrapper .search .search-field.filled,
.search-wrapper .search .search-field.clickSelected {
background-position: center -600px;
background-position: center -600px, 0 0;
}
.search .search-field-wrapper .btn-fix.btn-wrapper input { width: 50px; }
.search .search-field-wrapper .btn-wrapper.hasIcon .btn-icon {
background-image: url('//img.ui-portal.de/homepage/img/gmx/icons/search-2016-2.png');
background-position: 3px 2px;
}
.search-wrapper .onlyIcon {
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
}
.search-wrapper .onlyIcon > input {
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 35px;
padding-right: 14px;
border-color: #1C449B;
border-left: 0 solid;
}
#header .search-wrapper .onlyIcon > input {
border-color: #4E7AC0;
}
.search-wrapper .btn-fix.onlyIcon {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/search_m.png);
padding-right: 0
}
.search-wrapper .btn-fix.onlyIcon,
.search-wrapper .btn-fix.onlyIcon > input {
margin-left: 0;
}
.search-wrapper .btn-fix.onlyIcon > input {
background: none;
padding-right: 15px;
}
.search-wrapper .btn-fix.hasIcon .btn-icon {
display: none;
}
#halfpage .loginmode-reduced #loginsearch .search-wrapper {
right: 9px;
}
#header .search-wrapper {
right: auto;
left: 290px;
top: 17px;
}
.rect321 #header .search-wrapper { left: 300px; }
#header .search-field-wrapper .btn-fix.btn-wrapper input { width: 89px; }
#header .search-wrapper .btn-fix.onlyIcon { background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/variant_search_m_large.png); }
#header .search-wrapper .onlyIcon > input {
padding-left: 74px;
}
#header .search-wrapper .btn-wrapper.btn-m .btn-icon {
left: 50%;
margin-left: -13px;
}
.loginFixed #loginsearch .search-wrapper {
z-index: 30;
right: 29px;
top: 5px;
}
.rect321 .loginFixed #loginsearch .search-wrapper {
right: 19px;
}
body.loginFixed #loginsearch .search-wrapper .search .search-field.filled {
background-position: center -600px;
background-position: center -600px, 0 0;
}
#loginsearch .search-wrapper .onlyIcon > input {
border-color: #1C449B;
}
.content-slider .search-wrapper {
position: relative;
float: right;
margin-top: 6px;
top: 0;
right: 0;
margin-left: 20px;
}
.content-slider .search-wrapper .search .search-field {
width: 240px;
background-position: -200px -272px, 0 0;
border-color: #B3B8C0;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
border-right: 0;
margin-right: 0;
padding-left: 6px;
}
.content-slider .search-wrapper .onlyIcon > input {
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
}
.content-slider .search-wrapper .onlyIcon > input {
border-color: #A1A1A1;
}
.content-slider .search-wrapper .onlyIcon.btn-pressed > input {
border-color: #A1A1A1;
}
#search-textlink {
display: none;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/search-2016.png);
background-repeat: no-repeat;
background-position: 130px -74px;
}
#search-textlink a {
display: inline-block;
padding-right: 30px;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #b5ccea;
line-height: 30px;
}
#loginsearch-ad {
position: absolute;
z-index: 25;
right: 30px;
width: 780px;
bottom: 11px;
}
#loginsearch-login.tab-active-domain #loginsearch-ad {
display: none;
}
#loginsearch-login.tab-active-promail #loginsearch-ad,
#loginsearch-login.tab-active-topmail #loginsearch-ad,
#loginsearch-login.tab-active-demail #loginsearch-ad { width: 700px; }
html[data-toolbar-loggedin='true'] #loginsearch-login.tab-active-promail #loginsearch-ad,
html[data-toolbar-loggedin='true'] #loginsearch-login.tab-active-topmail #loginsearch-ad { width: 780px; }
.rect321 #loginsearch-ad { right: 20px; }
#halfpage .loginmode-init #loginsearch-login #loginsearch-ad,
#halfpage .loginmode-reduced #loginsearch-login #loginsearch-ad {
width: auto;
right: 10px;
}
#halfpage .loginmode-init #loginsearch-ad>h\:section,
#halfpage .loginmode-reduced #loginsearch-ad>h\:section {
margin-right: 0;
}
#halfpage .loginmode-init #loginsearch-ad>h\:section+h\:section,
#halfpage .loginmode-reduced #loginsearch-ad>h\:section+h\:section {
display: none;
}
#loginsearch {
background: none;
position: absolute;
top: 0;
left: 1px;
right: 1px;
margin: 410px 0 0 0;
overflow: visible;
clear: both;
}
.hasMessage #loginsearch {
margin-top: 519px;
}
body[data-promoline-position="belowlogin"]:not(.hasBreakingNews) #loginsearch {
margin-top: 382px;
}
body[data-promoline-position="belowlogin"]:not(.hasBreakingNews).hasMessage #loginsearch {
margin-top: 491px;
}
body[data-promoline-position="belowlogin"]:not(.hasBreakingNews).hasMessage.loginFixed #loginsearch {
margin-top: 0;
}
#loginsearch-login {
position: relative;
background-color: #DBE5F4;
}
#loginsearch>.container {
background-color: #FFFFFF;
position: relative;
width: 100%;
height: auto;
}
[lang|="DE"] .loginFixed #loginsearch {
position: fixed;
margin: 0 auto;
margin-top: 0 !important;
width: 1320px;
box-shadow: 0 6px 10px -4px rgba(32, 32, 32, 0.4);
-moz-box-shadow: 0 6px 10px -4px rgba(32, 32, 32, 0.4);
-webkit-box-shadow: 0 6px 10px -4px rgba(32, 32, 32, 0.4);
top: 0 !important;
}
.loginFixed #loginsearch {
border-bottom: 1px solid #C1C1C1\0;
}
:root .loginFixed #loginsearch {
border-bottom: none\0;
}
.rect321 .loginFixed #loginsearch { width: 1300px; }
.rect321 #loginsearch-login .tab-contentPart,
.rect321 #loginsearch-login .tab-nav ul {
margin-left: 20px;
}
#halfpage .loginmode-init #loginsearch,
#halfpage .loginmode-reduced #loginsearch {
width: 970px;
}
.login-loggedin {
padding-top: 17px;
overflow: hidden;
width: 460px;
}
.loggedin-layer h\:header {
font-size: 18px;
line-height: 28px;
overflow: hidden;
font-family: Arial, Verdana, sans-serif;
color: #262626;
display: inline-block;
}
.loggedin-layer h\:header .name {
white-space: nowrap;
max-width: 205px;
max-width: 229px;
text-overflow: ellipsis;
display: inline-block;
overflow: hidden;
float: left;
}
.loggedin-layer h\:header .opener {
display: inline-block;
background-image: url('//img.ui-portal.de/homepage/img/gmx/icons/eingeloggt.png');
background-repeat: no-repeat;
background-position: 0 3px;
width: 13px;
height: 13px;
margin-left: 10px;
}
.loggedin-layer.open h\:header .opener {
background-position: 0 -17px;
}
.jsDisabled .login-loggedin h\:header {
background: transparent;
padding-right: 0;
cursor: inherit;
}
.loggedin-layer {
width: 252px;
padding: 5px 12px;
float: left;
margin-right: 10px;
}
.loggedin-layer.open {
background-color: #FFFFFF;
}
.loggedin-layer .layer-content {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
padding-top: 11px;
display: none;
}
.loggedin-layer.open .layer-content {
display: block;
}
.loggedin-layer .layer-content p {
line-height: 20px;
margin-bottom: 6px;
}
.loggedin-layer .layer-content .mail {
display: block;
font-weight: 700;
color: #262626;
}
.loggedin-layer .layer-content ul a {
color: #1C449B;
display: block;
line-height: 18px;
padding: 7px 0 7px 21px;
}
.loggedin-layer .layer-content ul a:hover {
background-color: #DEE7F4;
font-weight: bold;
padding-left: 7px;
padding-right: 7px;
margin-left: -7px;
margin-right: -7px;
text-decoration: none;
}
.loggedin-layer .layer-content ul li.logout a {
background-image: url('//img.ui-portal.de/homepage/img/gmx/icons/eingeloggt.png');
background-repeat: no-repeat;
background-position: 0 -32px;
padding-left: 20px;
}
.loggedin-layer .layer-content ul li.logout a:hover {
padding-left: 27px;
background-position: 7px -62px;
color: #262626;
}
.loggedin-layer .btn-wrapper {
float: left;
}
.search-field::-ms-clear {
display: none;
}
.search-field.hasSuggest {
-webkit-border-radius: 4px 0 0 0;
border-radius: 4px 0 0 0;
}
#suggestions {
background: #FFFFFF;
clear: left;
display: none;
font-size: 16px;
height: 0;
line-height: 18px;
overflow: hidden;
position: absolute;
top: 33px;
z-index: 10;
-webkit-transform: translateZ(0);
left: 0;
border: 1px solid #4E7AC0;
width: 453px;
}
#halfpage .loginmode-reduced #suggestions { width: 228px; }
#suggestions.active {
display: block;
height: auto;
}
#suggestions ul * {
font-size: 13px;
line-height: 20px;
}
#suggestions ul li {
background: #FFFFFF;
cursor: pointer;
text-align: left;
}
#suggestions ul li.spell-correct {
padding-bottom: 3px;
border-bottom: 1px solid #E7E7E7;
}
#suggestions ul li.spell-correct span {
color: #555555;
font-style: italic;
font-weight: 400;
display: block;
}
#suggestions ul li span {
display: block;
padding: 5px 9px 5px 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #262626;
}
#suggestions ul li.active span,
#suggestions ul li.active .suggestion span,
#suggestions ul li.spell-correct:hover span {
background: #ECECEC;
}
#suggestions ul li b {
color: #000000;
font-weight: normal;
}
#suggestions ul li.active b {
color: #FFFFFF;
}
#suggestions p {
color: #6A6A6A;
font-size: 11px;
line-height: 14px;
padding: 8px 9px 8px;
text-align: right;
margin-bottom: 0;
}
#suggestions p .small-text {
display: none;
}
.searchFormReset {
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/layer_close.png);
left: 433px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
border: none;
color: transparent;
cursor: pointer;
display: none;
font-size: 0;
height: 14px;
overflow: hidden;
padding: 0;
position: absolute;
text-indent: 20px;
top: 11px;
width: 14px;
}
#halfpage .loginmode-reduced #loginsearch .searchFormReset { left: 208px; }
.filled .searchFormReset {
display: inline;
}
.service .service-content {
padding: 12px 15px 15px 15px;
}
.service h\:header {
color: #1C449B;
font-size: 18px;
line-height: 25px;
margin-bottom: 8px;
font-family: Arial, Verdana, sans-serif;
display: block;
}
.service h\:header a {
color: #1C449B;
text-decoration: none;
}
.service h\:header a:hover,
.service h\:header a:focus {
text-decoration: underline;
}
#jumplabel {
position: fixed;
bottom: 60px;
height: 30px;
width: 30px;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background: #1C449b url('//img.ui-portal.de/homepage/img/gmx/icons/ico-sprungmarke.png') no-repeat center;
}
#jumplabel:hover {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
body {
position: relative;
}
.ad.empty {
background-image: url(//img.ui-portal.de/homepage/img/gmx/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
}
.jsDisabled .ad.empty {
background: none;
}
.abd .ad.empty {
background-image: none;
}
#adRectangle {
float: right;
}
.ad-background {
position: absolute;
height: 100%;
}
.ad-background a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.rect321 #adRectangle > div {
overflow: visible;
}
.ad-component {
position: absolute;
overflow: visible;
}
.hasMessage .ad-type-bridge.ad-component-layer {
display: none !important;
}
.ad-component-layer.ad-type-sitebar {
left: 0;
}
.ad-component-sitebar { left: 1322px; }
.ad-component-sitebar.ad-component-sticky,
.ad-component-skyleft.ad-component-sticky > .ad-component-inner,
.ad-component-skyright.ad-component-sticky > .ad-component-inner {
position: fixed;
}
.ad-component-skyleft.ad-component-sticky > .ad-component-inner,
.ad-component-skyright.ad-component-sticky > .ad-component-inner {
height: auto;
}
.disableSticky .ad-component-sitebar.ad-component-sticky,
.disableSticky .ad-component-sitebar.ad-component-sticky > .ad-component-inner {
position: absolute;
}
[data-ua-os="ios"] .ad-component-billboard iframe[width="100%"] {
width: 682px;
min-width: 100%;
}
[data-ua-os="ios"] .ad-component-sitebar iframe[width="100%"] {
width: 220px;
min-width: 100%;
}
[data-ua-os="ios"] .ad-component-skyleft.ad-type-bridge iframe[width="100%"],
[data-ua-os="ios"] .ad-component-skyright.ad-type-bridge iframe[width="100%"] {
width: 130px;
min-width: 100%;
}
[data-ua-os="ios"] .ad-component-skyleft.ad-type-fireplace iframe[width="100%"],
[data-ua-os="ios"] .ad-component-skyright.ad-type-fireplace iframe[width="100%"] {
width: 140px;
min-width: 100%;
}
.disableSticky .ad-component-skyright.ad-component-sticky > .ad-component-inner {
position: absolute;
margin-left: 0 !important;
left: 0 !important;
top: 0 !important;
margin-top: 0 !important;
}
.disableSticky .ad-component-skyleft.ad-component-sticky > .ad-component-inner {
position: absolute;
margin-right: 0 !important;
right: 0 !important;
top: 0 !important;
margin-top: 0 !important;
}
.ad-component-skyright.ad-component-sticky,
.ad-component-skyright.ad-component-sticky > .ad-component-inner {
left: 50%;
}
.ad-component-skyleft.ad-component-sticky,
.ad-component-skyleft.ad-component-sticky > .ad-component-inner {
right: 50%;
}
.ad-component-skyleft.ad-component-sticky {
left: auto !important;
}
.ad-component-skyright.ad-component-sticky {
right: auto !important;
}
.ad-component .background-color {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.ad-component.inside-content {
position: relative;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
.ad-component.inside-content.ad-component-fullwidth {
margin-left: 0;
margin-right: 0;
}
.ad-component-maxiad.inside-content.ad-component-fullwidth > .ad-component-inner {
margin-left: 10px;
margin-right: 10px;
}
.ad-component-maxiadcontent > .ad-component-inner {
margin-left: -20px;
}
.ad-component .main,
.ad-component .fallback,
.ad-component .noflash,
.ad-component .iframe {
height: 100%;
display: inline-block;
position: relative;
}
.ad-component .noflash .col4,
.ad-component .noflash .col4border,
.ad-component .noflash .col3,
.ad-component .noflash .col3border,
.ad-component .noflash .col2,
.ad-component .fallback .col4,
.ad-component .fallback .col4border,
.ad-component .fallback .col3,
.ad-component .fallback .col3border,
.ad-component .fallback .col2 {
display: none;
}
.ad-component-billboard .noflash .col4,
.ad-component-billboard .noflash .col4border,
.ad-component-billboard .noflash .col3,
.ad-component-billboard .noflash .col3border,
.ad-component-billboard .noflash .col2,
.ad-component-billboard .fallback .col4,
.ad-component-billboard .fallback .col4border,
.ad-component-billboard .fallback .col3,
.ad-component-billboard .fallback .col3border,
.ad-component-billboard .fallback .col2,
.ad-component-cinematic .noflash .col4,
.ad-component-cinematic .noflash .col4border,
.ad-component-cinematic .noflash .col3,
.ad-component-cinematic .noflash .col3border,
.ad-component-cinematic .noflash .col2,
.ad-component-cinematic .fallback .col4,
.ad-component-cinematic .fallback .col4border,
.ad-component-cinematic .fallback .col3,
.ad-component-cinematic .fallback .col3border,
.ad-component-cinematic .fallback .col2 {
margin: 0 auto;
}
.ad-component-cinematic .noflash {
text-align: center;
}
.ad-component-inner {
position: relative;
line-height: 0;
height: 100%;
}
.ad-component-inner.align-center { text-align: center; }
.ad-component-inner.align-right { text-align: right; }
.ad-component-inner.align-center > .adv-generic-container object,
.ad-component-inner.align-center > .adv-generic-container embed,
.ad-component-inner.align-center > .adv-generic-container iframe,
.ad-component-inner.align-center > .adv-generic-container img,
.ad-component-inner.align-center > .adv-generic-container > div,
.ad-component-inner.align-center > .iframe,
.ad-component-inner.align-center > .noflash,
.ad-component-inner.align-center > .main,
.ad-component-inner.align-center > .fallback {
margin: auto;
}
.ad-component.ad-component-expandable > .ad-component-inner {
z-index: 99999;
}
.ad-component.ad-component-expandable > .ad-component-inner.align-right > .main,
.ad-component.ad-component-expandable > .ad-component-inner.align-right > .main > *,
.ad-component.ad-component-expandable > .ad-component-inner.align-right > .iframe,
.ad-component.ad-component-expandable > .ad-component-inner.align-right > .iframe > * {
position: absolute;
right: 0;
}
.ad-component.ad-component-expandable > .ad-component-inner.align-left > .main,
.ad-component.ad-component-expandable > .ad-component-inner.align-left > .main > *,
.ad-component.ad-component-expandable > .ad-component-inner.align-left > .iframe,
.ad-component.ad-component-expandable > .ad-component-inner.align-left > .iframe > * {
position: absolute;
left: 0;
}
.ad-component-sitebar > .ad-component-inner,
.ad-component-sitebar > .ad-component-inner > .adv-generic-container {
height: 100%;
}
.ad-component > .ad-component-inner > .fallback {
display: none;
}
html[data-exclusive-ad="true"] #adRectangle,
html[data-exclusive-ad="true"] #middle-container,
[data-status="ipblocked"] #middle-container,
[data-status="loginfailed"] #middle-container {
display: none !important;
}
.hideSpecialAd .ad-component .main,
.hideSpecialAd .ad-component object,
.hideSpecialAd .ad-component embed,
.hideSpecialAd .ad-component iframe,
.hideMedRecTop #adRectangle.ad .main,
.hideMedRecTop #adRectangle.ad object,
.hideMedRecTop #adRectangle.ad embed,
.hideMedRecTop #adRectangle.ad iframe {
position: absolute !important;
left: -9999em;
}
.hideSpecialAd .ad-component .fallback iframe,
.hideMedRecTop #adRectangle .fallback iframe {
display: block;
overflow: visible !important;
position: static !important;
height: auto !important;
width: auto !important;
}
.hideSpecialAd .ad-component .fallback,
.hideMedRecTop #adRectangle .fallback {
display: inline-block;
}
.hideSpecialAd .ad-component-layer,
.hideSpecialAd .ad-component .adp-wrapper,
.hideMedRecTop #adRectangle .adp-wrapper {
display: none !important;
}
.ad > div {
overflow: hidden;
}
.ad .ad > div {
height: auto;
}
.ad > .r1 .module {
clear: left;
overflow: hidden;
}
.ad > .r1 .adv-generic-container {
margin-bottom: 20px;
}
.ad > .r1 .adv-generic-container .module {
margin-bottom: 0;
}
.ad-component-billboard > .ad-component-inner,
.ad-component-billboard > .ad-component-layer.ad-component-fullwidth > .ad-component-inner {
margin-left: -20px;
margin-right: -20px;
}
.ad-component-billboard.ad-component-fullwidth > .ad-component-inner,
.ad-component-billboard.ad-component-fullwidth > .ad-component-layer.ad-component-fullwidth > .ad-component-inner {
margin-left: -21px;
margin-right: -21px;
}
.ad-component-billboard > .ad-component-inner > .background-color,
.ad-type-billboard.ad-component-billboard.ad-component-fullwidth > .ad-component-inner > .background-color {
left: 15px;
right: 15px;
}
.ad-component-billboard.ad-component-fullwidth > .ad-component-inner > .background-color {
left: 0;
right: 0;
}
.ad-component-billboard.ad-component-dynamic {
margin-left: 0;
margin-right: 0;
}
.ad-type-fireplace.ad-component-layer > .ad-component-inner,
.ad-type-fireplace.ad-component-superbanner.ad-variant-fullsize > .ad-component-inner,
.ad-type-bridge.ad-component-superbanner > .ad-component-inner {
margin: 0 auto;
}
html[data-seperator="billboard"] #sepRespBillboard,
html[data-seperator="cinematic"] #sepRespCinematic {
display: block;
}
html[data-seperator="billboard"] #sepResp1,
html[data-seperator="billboard"] #sepResp2,
html[data-seperator="billboard"] #sepResp3 {
display: none;
}
html#halfpage .sepLoginExpander {
float: left;
clear: none;
width: 960px;
}
html#halfpage #sepResp2 + script + h\:section.news-spotlight + h\:section.news-spotlight + h\:section,
html#halfpage #sepResp2 + script + h\:section.news-spotlight + h\:section.news-spotlight + script + h\:section,
html#halfpage #sepResp2 + script + h\:section.news-fullsize-item + h\:section.news-fullsize-item + h\:section,
html#halfpage #sepResp2 + script + h\:section.news-fullsize-item + h\:section.news-fullsize-item + script + h\:section {
display: none;
}
.rect321 .wrapper-center { width: 1302px; }
.rect321 .wrapper-border {
padding-left: 11px;
padding-right: 11px;
margin: 0;
}
.rect321 #header {
margin-left: -10px;
margin-right: -10px;
}
.rect321 body {
min-width: 982px;
}
#rectangle-fallbackContent {
float: right !important;
}
#rectangle-fallbackContent + #adRectangle {
display: none !important;
}
.clean-check {
position: absolute;
top: -999em;
left: -999em;
width: 0;
height: 0;
}
.ad-component-pushdown {
position: relative;
}
.ad-type-tantum {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ad-type-tantum .ad-component-inner {
height: 100%;
}
.msg-notify .ad-type-sky.ad-component-skyright,
.msg-notify .ad-type-skyright.ad-component-skyright {
top: 0 !important;
}
.ad-component-inner > .loading {
display: block;
position: absolute;
z-index: 9999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat 50% 50%;
background-size: 32px 32px;
}
.politeFallback {
position: relative;
}
.ad-component-inner.politeFallback > .fallback {
position: absolute;
top: 0;
left: 0;
display: block;
visibility: visible;
}
.ad-component-inner.politeFallback.align-right > .fallback {
left: auto;
right: 0;
}
.ad-type-cinematic.ad-component-cinematic > .ad-component-inner.politeFallback > .fallback,
.ad-type-billboard.ad-component-billboard > .ad-component-inner.politeFallback > .fallback {
right: 0;
}
.adWithOutsideComponent { margin-left: 0.5px; }
[data-ua-browser="edge"].adWithOutsideComponent { margin-left: 0; }
.ad-type-hockeystick.ad-variant-videolayer {
width: 0;
height: 0;
}
.ad-type-hockeystick.ad-variant-videolayer.ad-component-layer {
overflow: hidden;
}
.ad-type-hockeystick.ad-variant-videolayer > .ad-component-inner,
.ad-type-hockeystick.ad-variant-videolayer > .ad-component-inner > .iframe,
.ad-type-hockeystick.ad-variant-videolayer > .ad-component-inner > .iframe > iframe {
width: 100%;
height: 100%;
}
.ad-type-hockeystick.ad-variant-videolayer > .ad-component-closer {
position: absolute;
height: 42px;
width: 42px;
top: 10px;
right: 10px;
background: url(//adimg.uimserv.net/intextvideoad/close.png);
}
#loginpromo .r1 {
width: auto;
height: auto;
}
#halfpage #adRectangle > div {
height: 600px;
margin-bottom: 65px;
}
#halfpage .hasMessage #adRectangle > div {
margin-bottom: 164px;
}
#loginpromo {
position: relative;
float: right;
width: 160px;
height: 44px;
}
.loginFixed #loginpromo {
display: none;
}
.hasLoginpromo #weather {
margin-right: 140px;
}
#halfpage .hasLoginpromo #weather {
margin-right: 160px;
padding-top: 3px;
padding-left: 35px;
}
#halfpage .hasLoginpromo #weather .tomorrow,
#halfpage .hasLoginpromo #weather .dayAfter {
display: none;
}
#halfpage .hasLoginpromo #weather .city,
#halfpage .hasLoginpromo #weather .today .temp {
font-size: 13px;
line-height: 18px;
font-weight: 700;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#halfpage .hasLoginpromo #weather .other {
padding-top: 3px;
}
.rect321 .hasLoginpromo #weather {
margin-right: 150px;
}
.ad-multiple-fallback {
display: block;
}
.ad-type-billboard .noflash .ad-multiple-fallback,
.ad-component-cinematic .noflash .ad-multiple-fallback {
display: inline-block;
}
.ad-type-layer {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
background-color: rgba(0,0,0,0.6);
display: table;
display: flex;
justify-content: center;
align-items: center;
}
.ad-type-layer > .ad-component-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
height: auto;
}
.loginTop .sepLoginExpander {
display: none !important;
}
.loginTop .wrapper-center.first .wrapper-indent {
padding-bottom: 135px;
}
.loginTop #loginsearch {
margin-top: 140px;
}
.loginTop .hasMessage .wrapper-center.first .wrapper-indent {
padding-bottom: 244px;
}
.loginTop .hint-wrapper {
margin-top: 140px;
}
.loginTop .hasMessage #loginsearch {
margin-top: 249px;
}
.loginTop body[data-promoline-position="belowlogin"]:not(.hasBreakingNews) .wrapper-center.first .wrapper-indent {
padding-bottom: 165px;
}
.loginTop body[data-promoline-position="belowlogin"]:not(.hasBreakingNews) #loginsearch {
margin-top: 112px;
}
.loginTop body[data-promoline-position="belowlogin"]:not(.hasBreakingNews) #promoline {
top: 243px;
}
.loginTop body[data-promoline-position="belowlogin"].hasMessage:not(.hasBreakingNews) .wrapper-center.first .wrapper-indent {
padding-bottom: 274px;
}
.loginTop body[data-promoline-position="belowlogin"].hasMessage:not(.hasBreakingNews) .hint-wrapper {
margin-top: 112px;
}
.loginTop body[data-promoline-position="belowlogin"].hasMessage:not(.hasBreakingNews) #loginsearch {
margin-top: 221px;
}
.loginTop body[data-promoline-position="belowlogin"].hasMessage:not(.hasBreakingNews) #promoline {
top: 352px;
}
.loginTop .hasBreakingNews .wrapper-center.first .wrapper-indent {
padding-bottom: 164px;
}
.loginTop body[data-promoline-position="belowlogin"].hasBreakingNews #promoline {
top: 271px;
}
.loginTop body[data-promoline-position="belowlogin"].hasBreakingNews.hasMessage .wrapper-center.first .wrapper-indent {
padding-bottom: 278px;
}
.loginTop body[data-promoline-position="belowlogin"].hasBreakingNews.hasMessage .hint-wrapper {
margin-top: 140px;
}
.loginTop body[data-promoline-position="belowlogin"].hasMessage.hasBreakingNews #promoline {
top: 384px;
}
.ad-type-sneaky-slider {
position: fixed;
bottom: 0;
right: 26px;
}
.ad-type-sneaky-slider .ad-component-closer {
position: absolute;
top: -24px;
height: 24px;
left: 0;
right: 0;
background-color: #F3f3f3;
}
.ad-type-sneaky-slider .ad-component-closer:after {
position: absolute;
display: block;
content: '';
width: 16px;
height: 16px;
top: 4px;
right: 4px;
background-image: url('//img.ui-portal.de/homepage/img/gmx/icons/close_32_dark.svg');
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.order-template-5 .order-5 {
float: right;
}
#halfpage.order-template-5 .order-5 {
float: left;
}
#adLayer .layer-overlay {
background: rgba(0,0,0,0.6);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align:center;
white-space:nowrap;
}
#adLayer .layer-overlay:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
#adLayer .layer-overlay {
background: url(//img.ui-portal.de/homepage/img/gmx/ads/layer/default/layer_background.png) repeat 0 0\0;
}
#adLayer .layer-container {
background: #FFFFFF;
border: 1px solid #C7CBD1;
cursor: default;
height: auto;
position: relative;
padding: 35px 10px 30px 30px;
width:590px;
z-index:4000;
color:#262626;
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: normal;
}
#adLayer .layer-container .layerCloserRt {
background: url(//img.ui-portal.de/homepage/img/gmx/ads/layer/default/close.png) no-repeat 100% 0;
height: 16px;
right: 10px;
top: 10px;
color: #2269C3;
cursor: pointer;
display: inline-block;
line-height: 15px;
padding-right: 23px;
position: absolute;
z-index: 3000;
cursor: pointer;
}
#adLayer .button-container { clear: both; }
#adLayer .button-key {
text-indent: -99999px;
display: inline-block;
overflow: hidden;
background-image: url(//img.ui-portal.de/homepage/img/gmx/ads/layer/default/key_xl.png);
background-repeat: no-repeat;
background-position: 0 -82px;
height: 62px;
width: 218px;
}
#adLayer .button-key:hover,
#adLayer .button-key:focus {
background-position:-238px -82px;
outline:none;
}
#adLayer .button-key:active {
background-position:-476px -82px;
}
#adLayer .button-container { clear: both; }
#adLayer .btn-secondary {
display: inline-block;
vertical-align: top;
margin: 25px 0 0 40px;
}
#adLayer .layer-container .layer-content h3 {
color: #1C449B;
font: 400 30px/37px Verdana, Arial, Helvetica, sans-serif;
margin: 11px 0 0;
padding-bottom: 2px;
}
#adLayer .layer-container .layer-content .subline {
color: #1C449B;
font: 400 18px/25px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 14px;
}
#adLayer .list {
margin-right: 20px;
padding: 0 15px;
}
#adLayer .list li > .list { padding-bottom: 0; }
#adLayer .list-s > li {
background-position: 0 2px;
padding: 0 0 0 26px;
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin-bottom: 10px;
}
#adLayer .list-s.list-service > li {
background-image: url(//img.ui-portal.de/homepage/img/gmx/ads/layer/default/layer_usp.png);
}
#adLayer .layer-container .layer-content > img {
display: inline;
float: right;
margin: 4px 0 15px 15px;
}
.channel.hasSponsoredTeaser {
position: relative;
}
.channel a > .sponsored {
position: absolute;
right: 0;
bottom: 0;
width: 16px;
height: 115px;
background: url(//img.ui-portal.de/homepage/img/gmx/bg/sponsored_120.jpg) no-repeat right bottom;
}
.channel.hasSponsoredTeaser.TWOTEASER .news-fullsize + .news-fullsize .teaser-text {
padding-right: 32px;
}
.channel.hasSponsoredTeaser.THREETEASER .news-image-list-item + .news-image-list-item .teaser-text {
width: 134px;
}
.channel.hasSponsoredTeaser.FOURTEASER .news-text-list-item + .news-text-list-item + .news-text-list-item .teaser-text {
width: 269px;
}
.channel.hasSponsoredTeaser.TWOTEASER a > .sponsored {
height: 85px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/sponsored_85.jpg);
}
.channel.hasSponsoredTeaser.FOURTEASER a > .sponsored {
height: 72px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/sponsored_72.jpg);
}
.news {
position: relative;
display: block;
}
.news a {
color: #FFF;
text-decoration: none;
display: block;
}
.news .link-list {
display: none;
}
.news .news-content > h\:header,
.multi-news > .r1 > h\:header {
position: absolute;
top: 0;
left: 0;
z-index: 10;
cursor: default;
}
.news .news-content > h\:header,
.multi-news > .r1 > h\:header {
display: none;
}
.news .news-content > h\:header a,
.news .news-content > h\:header a,
.news .news-content > h\:header span,
.multi-news > .r1 > h\:header a,
.multi-news > .r1 > h\:header span {
display: inline-block;
line-height: 20px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #2269C3;
font-weight: bold;
padding: 6px 10px 8px 15px;
}
.erotik .news .news-content > h\:header a,
.erotik .news .news-content > h\:header span {
background-color: #BC1761;
color: #FFFFFF;
}
.news .news-content > h\:header a:hover {
text-decoration: underline;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.news .news-content > h\:header a,
.news .news-content > h\:header span {
line-height: 19px;
padding: 6px 10px 9px 15px;
}
}
.teaser-img img {
display: block;
}
.teaser-img {
position: relative;
}
.teaser-img span.video {
display: block;
text-indent: -999em;
position: absolute;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/playbutton-2.png);
background-position: top left;
background-repeat: no-repeat;
height: 52px;
width: 52px;
top: 70px;
left: 124px;
}
.jsDisabled .teaser-img span.video,
.jsDisabled .teaser-img span.game {
display: none;
}
a:hover .teaser-img span.video,
a:focus .teaser-img span.video,
a:hover .teaser-img span.game,
a:focus .teaser-img span.game {
background-position: left -80px;
}
.news .teaser-img span.auto-service,
.multi-news .news-list-teaser span.auto-service {
position: absolute;
display: block;
top: 0;
right: 0;
background-repeat: no-repeat;
background-position: top left;
}
.multi-news.hero .teaser-img span.auto-service,
.news.news-fullsize-item .teaser-img span.auto-service,
.news.news-double-fullsize-item .teaser-img span.auto-service,
.multi-news .teaser-content .teaser-img span.auto-service {
width: 77px;
height: 34px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/auto-service-big.png);
}
.multi-news.hero .teaser-img span.auto-service {
right: auto;
left: 0;
}
.multi-news .news-list-teaser span.auto-service,
.multi-news.hero .news-list-teaser span.auto-service,
.news.news-spotlight-item .teaser-img span.auto-service,
.news.news-image-list-item .teaser-img span.auto-service,
.news.news-tile-item .teaser-img span.auto-service {
width: 36px;
height: 24px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/auto-service-small.png);
}
.teaser-content {
position: relative;
}
.news .teaser-text h\:header {
font-weight: 400;
font-size: 18px;
line-height: 23px;
margin-bottom: 2px;
font-family: Arial, Verdana, sans-serif;
display: block;
}
.news .teaser-text span.more {
background-image: url('//img.ui-portal.de/homepage/img/gmx/icons/more-2017.png');
zoom: 1;
background-position: 0 4px;
padding-left: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.news .teaser-text span.more:before {
content: '\200B';
}
}
.news .teaser-text h\:header a:hover,
.news a .teaser-text h\:header:hover {
text-decoration: underline;
}
.news .teaser-text p {
margin-bottom: 0;
font-size: 0;
line-height: 0;
}
.news .teaser-text p span {
font-weight: 400;
font-size: 13px;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
display: inline;
}
.news .teaser-text .subline {
padding-right: 5px;
}
.multi-news .teaser-text,
.news-fullsize-item .teaser-text,
.news-double-fullsize-item .teaser-text,
.news-gallery .teaser-text {
color: #FFFFFF;
background-color: rgba(32, 32, 32, 0.7);
background-repeat: repeat;
}
.multi-news .teaser-text,
.news-fullsize-item .teaser-text,
.news-double-fullsize-item .teaser-text,
.news-gallery .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/news_bg.png)\9;
}
:root .multi-news .teaser-text,
:root .news-fullsize-item .teaser-text,
:root .news-double-fullsize-item .teaser-text,
:root .news-gallery .teaser-text {
background-image: none;
}
.multi-news.hero .teaser-text,
.news-fullsize-item .teaser-text,
.news-double-fullsize-item .teaser-text {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 7px 15px 13px 15px;
}
.jsDisabled .news span.more {
display: none;
}
#sepResp2 + .news + .news + .news + h\:section { float: right; }
.news.multi-news .teaser-img {
background-image: url(//img.ui-portal.de/homepage/img/gmx/spinner.gif);
background-size: 32px 32px;
background-repeat: no-repeat;
background-position: center center;
}
.channel .teaser-img,
.news-fullsize-item .teaser-img {
background-image: url(//img.ui-portal.de/homepage/img/gmx/spinner.gif);
background-size: 32px 32px;
background-repeat: no-repeat;
background-position: 47px center;
}
.news-double-fullsize-item .teaser-img,
.news-fullsize-item .teaser-img {
background-position: center 80px;
}
.jsDisabled .news.multi-news .teaser-img,
.jsDisabled .channel .teaser-img,
.jsDisabled .news-fullsize-item .teaser-img {
background-image: none;
}
.news-double-fullsize-item > .r1 {
width: 620px;
}
.news-double-fullsize-item .teaser-img span.video,
.news-double-fullsize-item .teaser-img span.game {
left: 284px;
}
.news-double-fullsize-item .teaser-text h\:header,
.news-double-fullsize-item .teaser-text h\:header a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-double-fullsize-item .teaser-text p {
max-height: 36px;
overflow: hidden;
}
.wrapper-indent > .news-fullsize-item .news-content > h\:header {
display: block;
}
.news-fullsize-item a:hover,
.news-double-fullsize-item a:hover {
text-decoration: none;
}
.news-fullsize-item .teaser-text h\:header,
.news-double-fullsize-item .teaser-text h\:header { display: block\9; }
:root .news-fullsize-item .teaser-text h\:header,
:root .news-double-fullsize-item .teaser-text h\:header { display: inline-block\9; }
.news-fullsize-item .teaser-text span.more,
.news-double-fullsize-item .teaser-text span.more {
background-image: url('//img.ui-portal.de/homepage/img/gmx/icons/more_bright-2017.png');
}
.news-fullsize-item .teaser-text h\:header,
.news-fullsize-item .teaser-text h\:header a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-fullsize-item .teaser-text p {
max-height: 36px;
overflow: hidden;
}
@-moz-document url-prefix() {
.news-fullsize a .teaser-text span.more,
.news-double-fullsize a .teaser-text span.more {
background-position: 0 5px;
}
}
.news-fullsize-item .teaser-text,
.news-double-fullsize-item .teaser-text {
padding-bottom: 14px;
}
.news-fullsize-item .teaser-text h\:header,
.news-double-fullsize-item .teaser-text h\:header {
margin-bottom: 5px;
}
.news-image-list {
padding-right: 15px;
width: 285px;
}
.news-image-list .r1 {
height: auto;
width: auto;
}
.news-image-list .news:first-child {
padding-bottom: 20px;
}
.content-slider .news-image-list-item {
padding-bottom: 20px;
}
.news-image-list-item a {
overflow: hidden;
display: block;
color: #262626;
}
.news-image-list-item .news-content {
height: auto;
width: auto;
}
.news-image-list-item .news-content > h\:header {
display: none;
}
.news-image-list-item .news-content .teaser-content {
overflow: hidden;
padding-top: 0;
width: 300px;
}
.news-image-list-item .news-content .teaser-img {
float: left;
margin-right: 10px;
padding-top: 0;
background-size: 24px 24px;
background-position: 50px center;
}
.news-image-list-item .news-content .teaser-img span.auto-service {
top: 3px;
}
.news-image-list-item .teaser-img span.video {
height: 26px;
width: 26px;
left: 50px;
top: 41px;
background-position: left -160px;
}
.news-image-list-item a:hover .teaser-img span.video,
.news-image-list-item a:focus .teaser-img span.video {
background-position: left -240px;
}
.news-image-list-item .news-content .teaser-text {
float: left;
width: 165px;
}
.news-image-list-item .news-content .teaser-text > h\:header {
position: static;
margin-top: -3px;
line-height: 20px;
font-size: 15px;
margin-bottom: 0;
padding-bottom: 3px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
}
.news-image-list-item .news-content .teaser-text > h\:header,
.news-image-list-item .news-content .teaser-text > h\:header a {
overflow: hidden;
max-height: 40px;
}
.news-image-list-item .news-content .teaser-text > p {
float: left;
max-height: 72px;
overflow: hidden;
}
@-moz-document url-prefix() {
.news-image-list .news .teaser-text span.more {
background-position: 0 5px;
}
}
.news-text-list {
padding-right: 15px;
width: 285px;
padding-top: 5px;
height: 245px;
}
.news-text-list .r1 {
height: auto;
width: auto;
}
.news-text-list .news:first-child,
.news-text-list .news:first-child + .news {
padding-bottom: 12px;
}
.news-text-list-item {
padding-top: 8px;
clear: both;
width: 285px;
}
.news-text-list-item a {
color: #262626;
}
.news-text-list-item .news-content {
height: auto;
width: auto;
}
.news-text-list-item .news-content > h\:header,
.news-text-list-item .news-content .teaser-img,
.news-text-list-item .teaser-img span.video {
display: none;
}
.news-text-list-item .news-content .teaser-text > h\:header {
font-size: 15px;
line-height: 23px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
margin-bottom: 3px;
}
.news-text-list-item .news-content .teaser-text > h\:header,
.news-text-list-item .news-content .teaser-text > h\:header a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-text-list-item .news-content .teaser-text > p {
max-height: 36px;
overflow: hidden;
}
@-moz-document url-prefix() {
.news-text-list-item a .teaser-text span.more {
background-position: 0 5px;
}
}
.news-tile {
padding: 0;
width: 300px;
height: 250px;
}
.news-tile .r1 {
height: auto;
width: auto;
}
.news-tile .news:first-child,
.news-tile .news:first-child + .news + .news {
margin-right: 20px;
}
.news-tile-item {
width: 140px;
padding: 0;
min-height: 120px;
margin-bottom: 10px;
}
.news-tile-item a {
color: #262626;
}
.news-tile-item .news-content {
height: auto;
width: auto;
}
.news-tile-item .news-content > h\:header {
display: none;
}
.news-tile-item .teaser-img {
margin-bottom: 2px;
position: static;
background-size: 24px 24px;
background-position: 50px center;
}
.news-tile-item .teaser-img span.video,
.news-tile-item .teaser-img span.game {
height: 26px;
width: 26px;
left: 54px;
top: 23px;
background-position: left -160px;
}
.news-tile-item .teaser-img span.auto-service {
right: 10px;
}
.news-tile-item a:hover .teaser-img span.video,
.news-tile-item a:focus .teaser-img span.video,
.news-tile-item a:hover .teaser-img span.game,
.news-tile-item a:focus .teaser-img span.game {
background-position: left -240px;
}
.news-tile-item .teaser-text h\:header {
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
line-height: 23px;
display: inline-block;
font-weight: bold;
}
.news-tile-item .teaser-text h\:header,
.news-tile-item .teaser-text h\:header a {
max-height: 46px;
overflow: hidden;
}
.news-tile-item .teaser-text p,
.news-tile-item .teaser-text p .subline,
.news-tile-item .teaser-text span.more {
display: none;
}
.news-list .r4 {
height: auto;
}
.service.news-list h\:header {
font-family: Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 32px;
line-height: 40px;
color: #2269C3;
margin-right: 24px;
margin-bottom: 14px;
}
[data-variant-name="webfont"] .service.news-list h\:header {
font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}
.service.news-list h\:header a {
color: #2269C3;
padding-bottom: 1px;
}
.service.news-list h\:header a:hover {
text-decoration: none;
border-bottom: 4px solid;
}
.service.news-list .service-content {
border-top: 0;
padding-top: 12px;
padding-left: 0;
padding-right: 0;
background: transparent;
}
.service.news-list .link-list {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
border-bottom: 0;
background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='1260' height='1' viewBox='0 0 1260 1' version='1.1' style='stroke: %23B5CCEC; stroke-width:2'%3E %3Cline stroke-dasharray='300, 20' x1='00' y1='0' x2='1260' y2='0' /%3E %3C/svg%3E");
background-size: 1260px 1px;
padding-top: 1px;
}
.service.news-list .link-list li {
border-top: 0;
border-bottom: 1px solid #B5CCEC;
}
.service.news-list .link-list li a {
padding-right: 15px;
padding-top: 0;
padding-bottom: 0;
line-height: 32px;
}
.news-spotlight,
.hideTopevent h\:section.hasTopevent.news-spotlight {
padding-right: 0;
width: 300px;
padding-top: 0;
height: 250px;
}
.news-spotlight > .r1 .r1 {
height: auto;
width: auto;
}
.news-spotlight .news:first-child,
.news-spotlight .news:first-child + .news {
padding-bottom: 6px;
}
.news-spotlight-item {
float: none;
}
.news-spotlight-item a {
color: #262626;
}
.news-spotlight-item .news-content {
height: auto;
width: auto;
}
.news.news-spotlight-item .news-content > h\:header {
display: none;
}
.news-spotlight-item .news-content .teaser-content {
padding-top: 0;
overflow: hidden;
}
.news-spotlight-item .news-content .teaser-img {
float: left;
margin-right: 10px;
margin-top: 25px;
}
.news-spotlight-item .teaser-img span.video {
height: 26px;
width: 26px;
left: 23px;
top: 14px;
background-position: left -160px;
}
.news-spotlight-item a:hover .teaser-img span.video,
.news-spotlight-item a:focus .teaser-img span.video {
background-position: left -240px;
}
.news-spotlight-item .news-content .teaser-text {
float: left;
width: 208px;
padding-top: 25px;
}
.news-spotlight-item .news-content .teaser-text > h\:header {
position: absolute;
top: 3px;
left: 0;
font-size: 15px;
line-height: 20px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
width: 300px;
color: #2269C3;
}
.news-spotlight-item .news-content .teaser-text > h\:header,
.news-spotlight-item .news-content .teaser-text > h\:header a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-spotlight-item .news-content .teaser-text > h\:header a {
color: #2269C3;
}
.news-spotlight-item .news-content .teaser-text > p {
float: left;
font-size: 13px;
line-height: 18px;
}
.jsDisabled .news-spotlight-item .news-content .teaser-text > p {
max-height: 54px;
overflow: hidden;
}
#sepResp1+.multi-news {
float: right;
}
.multi-news {
position: relative;
}
.multi-news .slider {
position: absolute;
left: 0;
top: 0;
width: 1200px;
height: 192px;
}
.multi-news .slider-container[data-active-slide="1"] .slider { left: 0; }
.multi-news .slider-container[data-active-slide="2"] .slider { left: -300px; }
.multi-news .slider-container[data-active-slide="3"] .slider { left: -600px; }
.multi-news .slider-container[data-active-slide="4"] .slider { left: -900px; }
.multi-news .teaser-content {
float: left;
width: 300px;
height: 192px;
position: relative;
}
.hasCssTransitions .multi-news .teaser-content {
opacity: 0;
}
.jsDisabled .multi-news .teaser-content + .teaser-content {
visibility: hidden;
}
.hasCssTransitions .multi-news .slider-container[data-active-slide="1"] .teaser-content[data-slide-id="1"],
.hasCssTransitions .multi-news .slider-container[data-active-slide="2"] .teaser-content[data-slide-id="2"],
.hasCssTransitions .multi-news .slider-container[data-active-slide="3"] .teaser-content[data-slide-id="3"],
.hasCssTransitions .multi-news .slider-container[data-active-slide="4"] .teaser-content[data-slide-id="4"] {
opacity: 1;
}
.multi-news .slider { overflow: hidden; }
.multi-news .teaser-content:last-child {
margin-right: 0;
}
.multi-news .slider { background-color: #333333\9; }
.multi-news .slider:nth-of-type(1n) { background-color: transparent; }
.multi-news .teaser-content > a {
display: block;
}
.multi-news .teaser-img span.video {
height: 52px;
width: 52px;
top: 70px;
left: 124px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/playbutton-2.png);
}
.multi-news a:hover .teaser-img span.video,
.multi-news a:focus .teaser-img span.video,
.multi-news a:hover .teaser-img span.game,
.multi-news a:focus .teaser-img span.game {
background-position: left -80px;
}
.multi-news .slider .teaser-content .teaser-text {
position: absolute;
left: 0;
bottom: 0;
padding: 0;
right: auto;
}
.multi-news .teaser-content .teaser-text h\:header {
font-size: 13px;
line-height: 20px;
padding: 1px 10px 3px 10px;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
max-width: 280px;
}
.multi-news .teaser-content .teaser-text h\:header,
.multi-news .teaser-content .teaser-text h\:header a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.multi-news .teaser-content .teaser-text h\:header {
padding: 0 10px 4px 10px;
}
}
.multi-news .news-list {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 300px;
overflow: hidden;
height: 54px;
}
.multi-news .news-list li {
float: left;
position: relative;
}
.multi-news .news-list li + li {
margin-left: 4px;
}
.multi-news .news-list-teaser {
position: relative;
}
.multi-news .news-list-teaser,
.multi-news .news-list-teaser a,
.multi-news .news-list-teaser img {
display: block;
}
.multi-news .news-list-teaser h\:figcaption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 6px;
text-indent: -999em;
background-color: #2269C3;
border-top: 1px solid #FFF;
display: block;
opacity: 0;
}
.multi-news .news-list li a:hover .news-list-teaser h\:figcaption,
.multi-news .news-list li a:focus .news-list-teaser h\:figcaption,
.multi-news .news-list li.active .news-list-teaser h\:figcaption {
opacity: 1;
}
.multi-news .news-list li .news-list-teaser h\:figcaption {
display: none\9;
}
.multi-news .news-list li a:hover .news-list-teaser h\:figcaption,
.multi-news .news-list li a:focus .news-list-teaser h\:figcaption,
.multi-news .news-list li.active .news-list-teaser h\:figcaption {
display: block\9;
}
.multi-news.hero {
float: left;
}
.hasCssTransitions .hero .news-list-teaser,
.hasCssTransitions .hero .news-list-teaser img {
-webkit-transform: translateZ(0);
}
html body .multi-news.hero .slider-container .slider {left: 0; }
.multi-news.hero .slider-container {
position: relative;
width: 475px;
height: 250px;
overflow: hidden;
}
.multi-news.hero .slider-container .slider {
width: 475px;
height: 250px;
}
.multi-news.hero .slider-container .teaser-content {
position: absolute;
z-index: 0;
}
.hasCssTransitions .multi-news.hero .slider-container .teaser-content {
opacity: 0;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}
.multi-news.hero .slider-container[data-active-slide="1"] .teaser-content[data-slide-id="1"],
.multi-news.hero .slider-container[data-active-slide="2"] .teaser-content[data-slide-id="2"],
.multi-news.hero .slider-container[data-active-slide="3"] .teaser-content[data-slide-id="3"],
.multi-news.hero .slider-container[data-active-slide="4"] .teaser-content[data-slide-id="4"],
.multi-news.hero .slider-container[data-active-slide="5"] .teaser-content[data-slide-id="5"],
.multi-news.hero .slider-container[data-active-slide="6"] .teaser-content[data-slide-id="6"],
.multi-news.hero .slider-container[data-active-slide="clone"] .teaser-content[data-slide-id="clone"] {
opacity: 1;
z-index: 1;
}
.multi-news.hero .teaser-content {
width: 475px;
height: 250px;
zoom: 1;
background-position: center center;
opacity: inherit;
filter: inherit;
background-image: none;
}
.multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content {
position: absolute;
float: none;
}
.multi-news.hero .teaser-content .teaser-img {
position: static;
}
.multi-news.hero .teaser-content .teaser-img img {
width: 475px;
height: 250px;
}
.multi-news.hero .teaser-img span.video {
top: 70px;
left: 214px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/playbutton-2.png);
}
.multi-news.hero .teaser-text {
padding: 0;
width: 475px;
background: none;
font-size: 0;
}
.multi-news.hero .teaser-text > a:before {
display: block;
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 34px;
}
.multi-news.hero .teaser-text > a > * {
position: relative;
}
.multi-news.hero .teaser-text h\:header {
font-size: 22px;
line-height: 27px;
padding: 0;
font-family: Arial, Verdana, sans-serif;
padding: 7px 15px 1px 15px;
display: block;
max-width: none;
}
.multi-news.hero .teaser-text p {
padding: 3px 15px 13px 15px;
}
.multi-news.hero .teaser-text h\:header,
.multi-news.hero .teaser-text p {
background-color: rgba(32, 32, 32, 0.7);
background-repeat: repeat;
}
.multi-news.hero .teaser-text span.more {
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/more_bright-2017.png);
}
.multi-news.hero .news-list {
position: absolute;
top: 0;
left: auto;
bottom: auto;
z-index: 2;
width: auto;
height: auto;
}
.multi-news.hero .news-list li {
display: block;
margin: 0;
float: none;
}
.multi-news.hero .news-list li > h\:header,
.multi-news.hero .news-list li > a > h\:header {
display: none;
}
.multi-news.hero .news-list li + li {
margin-top: 5px;
}
.multi-news.hero .news-list li a:hover,
.multi-news.hero .news-list li a:focus {
text-decoration: none;
}
.multi-news.hero .news-list-teaser {
display: block;
text-decoration: none;
position: relative;
padding: 0 0 0 5px;
overflow: hidden;
}
body .multi-news.hero .news-list-teaser span.auto-service {
top: 0;
right: 0;
}
body .multi-news.hero li:first-child + li .news-list-teaser span.auto-service {
top: 6px;
}
.multi-news.hero .news-list li.active .news-list-teaser,
.multi-news.hero .news-list li:hover .news-list-teaser,
.multi-news.hero .news-list li:focus .news-list-teaser {
background-color: #2269C3;
}
.multi-news.hero .news-list-teaser a {
zoom: 1;
}
.multi-news.hero .news-list-teaser img {
display: block;
margin-top: 0;
}
.multi-news.hero .news-list li .news-list-teaser h\:figcaption {
text-indent: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 14px;
display: inline-block;
opacity: 1;
border: none;
height: auto;
background-color: transparent;
left: 5px;
right: 0;
bottom: 0;
top: auto;
border-left: 2px solid #202020;
padding-top: 1px;
padding-bottom: 1px;
}
.multi-news.hero .news-list li .news-list-teaser.breaking h\:figcaption {
padding-top: 0;
}
.multi-news.hero .news-list-teaser h\:figcaption:after {
content: '';
display: block;
clear: both;
width: 0;
height: 0;
}
.multi-news.hero .news-list-teaser h\:figcaption span {
background-color: #202020;
line-height: 14px;
white-space: pre-wrap;
padding: 2px 6px 2px 0;
font-weight: 400;
}
[data-ua-browser="firefox"] .multi-news.hero .news-list-teaser h\:figcaption span {
padding: 1px 6px 2px 0;
}
[data-ua-os="android"] .multi-news.hero .news-list li .news-list-teaser h\:figcaption {
bottom: -1px;
}
[data-ua-os="android"] .multi-news.hero .news-list-teaser h\:figcaption span {
padding: 2px 6px 3px 0;
}
.multi-news.hero li.active .news-list-teaser h\:figcaption > span:not(.placeholder),
.multi-news.hero li:hover .news-list-teaser h\:figcaption > span:not(.placeholder),
.multi-news.hero li:focus .news-list-teaser h\:figcaption > span:not(.placeholder) ,
.multi-news.hero li.active .news-list-teaser h\:figcaption > a > span:not(.placeholder),
.multi-news.hero li:hover .news-list-teaser h\:figcaption > a > span:not(.placeholder),
.multi-news.hero li:focus .news-list-teaser h\:figcaption > a > span:not(.placeholder) {
background-color: #2269C3;
}
.multi-news.hero .news-list-teaser h\:figcaption span.placeholder {
display: block;
width: 30px;
height: 10px;
float: right;
padding: 0;
background-color: transparent;
}
.multi-news.hero .news-list-teaser.breaking h\:figcaption span.placeholder {
margin-top: 14px;
}
.multi-news.hero .news-list-teaser h\:figcaption a:hover,
.multi-news.hero .news-list-teaser:hover h\:figcaption,
.multi-news.hero .news-list-teaser h\:figcaption a:focus,
.multi-news.hero .news-list-teaser:focus h\:figcaption {
text-decoration: none;
}
.multi-news.hero .news-list li.active .news-list-teaser h\:figcaption,
.multi-news.hero .news-list li:hover .news-list-teaser h\:figcaption,
.multi-news.hero .news-list li:focus .news-list-teaser h\:figcaption {
border-left-color: #2269C3;
}
.multi-news.hero .link-list {
padding-top: 0;
display: inline-block;
overflow: hidden;
position: relative;
clear: both;
}
.multi-news.hero .link-list li {
display: inline-block;
float: left;
max-width: 235px;
}
.multi-news.hero .link-list li + li {
margin-left: 5px;
}
.multi-news.hero .link-list li a {
padding: 7px 15px 6px 15px;
display: inline-block;
background-color: rgba(32, 32, 32, 0.7);
line-height: 21px;
color: #FFF;
font-weight: bold;
background-repeat: repeat;
font-weight: 400;
font-size: 13px;
}
.multi-news.hero .link-list li a:hover {
text-decoration: none;
background: #2269c3;
}
.multi-news.hero .link-list li a {
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/news_bg.png)\9;
}
:root .multi-news.hero .link-list li a {
background-image: none;
}
.multi-news.hero .teaser-content:not(.wrapped) .teaser-img::after,
.multi-news.hero .teaser-content.wrapped .teaser-img a::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuNyIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
content: '';
}
.multi-news.hero .teaser-text {
z-index: 3;
}
.multi-news.hero .teaser-text h\:header,
.multi-news.hero .teaser-text p {
background-color: transparent;
}
.multi-news.hero .teaser-text h\:header:hover {
text-decoration: underline;
}
.multi-news.hero .teaser-content.breaking h\:mark {
float: left;
position: relative;
margin: 0 0 3px 15px;
padding: 0 8px;
background: #CC1100;
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
font-style: italic;
font-weight: 700;
}
.multi-news.hero .teaser-content.breaking h\:mark + h\:header {
clear: left;
}
.multi-news.hero .news-list-teaser h\:figcaption h\:mark.breaking {
display: block;
position: relative;
margin-bottom: 1px;
}
.multi-news.hero .news-list-teaser h\:figcaption h\:mark.breaking > span {
display: inline-block;
padding: 0 3px 0 1px;
background: #CC1100;
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
line-height: 14px;
text-transform: uppercase;
font-weight: 700;
position: relative;
}
.multi-news.hero .news-list-teaser h\:figcaption h\:mark.breaking > span:before {
content: '';
position: absolute;
left: -2px;
top: 0;
bottom: 0;
width: 2px;
background: #CC1100;
}
.multi-news.hero .slider-pagination {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
text-indent: -999em;
}
.multi-news.hero .slider-pagination a {
display: block;
width: 140px;
height: 25px;
background-color: #707070;
position: absolute;
}
.multi-news.hero .slider-pagination .disabled a {
display: none;
}
.multi-news.hero .slider-pagination a:after {
content: '';
display: block;
width: 32px;
height: 24px;
position: absolute;
top: 1px;
left: 54px;
background-size: 120px 282px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/btn/arrows-up-down-flat.svg);
}
.multi-news.hero .slider-pagination a:hover,
.multi-news.hero .slider-pagination a:focus {
background-color: #333333;
}
.multi-news.hero .slider-pagination .prev {
display: none;
}
.multi-news.hero .slider-pagination .prev a {
top: 0;
right: 0;
}
.multi-news.hero .slider-pagination .next a {
bottom: 0;
right: 0;
}
.multi-news.hero .slider-pagination .prev a:after {
background-position: 58px -16px;
}
.multi-news.hero .slider-pagination .next a:after {
background-position: -1px -16px;
}
.multi-news.hero .slider-pagination .prev a:hover:after {
background-position: 58px -86px;
}
.multi-news.hero .slider-pagination .next a:hover:after {
background-position: -1px -86px;
}
h\:section.channel {
margin-left: 0;
margin-right: 0;
height: 250px;
overflow: hidden;
margin-bottom: 20px;
}
h\:section.channel.noBackground {
background-color: transparent;
}
.content-slider .channel {
width: 620px;
}
.content-slider .channel > h\:section {
margin-right: 20px;
}
.content-slider .channel > h\:section + h\:section {
margin-right: 0;
}
.channel > .r2 {
overflow: hidden;
}
.channel > .r2 > .news > .r1 {
height: auto;
}
.advCount { position: absolute; }
.ad .ad,
.info .info {
position: relative;
}
.ad .module,
.info .module,
.ad .module a,
.info .module a {
color: #262626;
}
.ad .module h3 a,
.info .module h3 a {
color: #2269C3;
}
.ad .module p,
.info .module p {
font-size: 11px;
line-height: 14px;
}
.ad .module a:hover,
.info .module a:hover {
text-decoration: none;
}
.ad .module h3 a:hover,
.info .module h3 a:hover,
.ad .module a.more:hover,
.info .module a.more:hover {
text-decoration: underline;
}
.ad .module .more,
.info .module .more {
color: #2269C3;
}
.ad-component-cinematic {
position: relative;
}
.ad-component-cinematic + .wrapper-center .wrapper-indent {
padding-top: 20px;
}
.ad-component-slot {
display: block;
}
.ad-component-slot + .wrapper-center .wrapper-indent {
padding-top: 20px;
}
#adRectangleBottom {
width: 300px;
height: 250px;
}
.content-slider .slider .ad.empty > div {
display: block !important;
}
body.adp-popup{margin:0;padding:10px;background-color:#FFF;color:#000;}.adp-top-right{top:0;right:0;}.adp-top-left{top:0;left:0;}.adp-bottom-right{bottom:0;right:0;}.adp-bottom-left{bottom:0;left:0;}.adp-wrapper{position:absolute;}.adp-popup .adp-wrapper{position:relative;}div.adp-wrapper div.adp-panel{background:#fff;color:#000;border:1px solid #ccc;margin:0;padding:13px 8px 3px 8px;min-height:25px;width:310px;position:absolute;}.adp-popup div.adp-wrapper div.adp-panel{border:0;width:100%;max-width:380px;position:relative;padding:0;}div.adp-wrapper div.adp-panel,div.adp-wrapper div.adp-admarker{font-family:Arial,Verdana,Tahoma,sans-serif;font-size:11px;line-height:1.3;font-weight:normal;font-style:normal;text-align:left;color:#000;}div.adp-wrapper div.adp-panel .adp-panel-header,div.adp-wrapper div.adp-panel .adp-panel-info,div.adp-wrapper div.adp-panel .adp-panel-publisherinfo,div.adp-wrapper div.adp-panel .adp-panel-footer{margin:0;padding:5px 0;}.adp-admarker:hover .adp-admarker-text,.adp-admarker-hover .adp-admarker-text{display:block;white-space:nowrap;}.adp-admarker-icon{background:url('//img.ui-portal.de/homepage/img/gmx/icons/oba_icon.png') no-repeat top left #ccc;width:19px;height:15px;position:absolute;cursor:pointer;}div.adp-wrapper div.adp-admarker .adp-admarker-text,div.adp-wrapper div.adp-panel .adp-panel-close{background:#ccc;font-size:10px;line-height:15px;padding:0 5px;position:absolute;cursor:pointer;}body.adp-popup div.adp-wrapper div.adp-panel .adp-panel-close{position:fixed;z-index:99;}.adp-admarker-text{display:none;}.adp-top-right .adp-admarker-text,.adp-bottom-right .adp-admarker-text{right:15px;}.adp-top-left .adp-admarker-text,.adp-bottom-left .adp-admarker-text{left:15px;}.adp-panel-close{top:0;right:0;}.adp-panel-header,.adp-panel-publisherinfo{border-bottom:1px solid #ccc;}.adp-info-header,.adp-header-strong{font-weight:bold;}div.adp-wrapper div.adp-panel .adp-panel-footer{border-top:1px solid #ccc;}div.adp-wrapper div.adp-panel a:link,div.adp-wrapper div.adp-panel a:active,div.adp-wrapper div.adp-panel a:hover,div.adp-wrapper div.adp-panel a:visited{font-family:inherit;font-size:inherit;font-style:normal;font-weight:normal;color:#08C;text-decoration:underline;}div.adp-wrapper div.adp-panel a:hover{color:#005580;}
.ad {
display: block;
}
.ad a,
.info a {
color: inherit;
}
.ad a:hover,
.ad a:focus,
.info a:hover,
.info a:focus {
text-decoration: none;
}
.oms-ad {
position: relative;
}
.oms-ad a .oms-content {
display: block;
}
.oms-ad .oms-content {
background-color: #E3EDFA;
padding: 17px 15px 13px 15px;
}
.oms-ad .oms-content.bigImg {
padding: 0;
border: 0;
}
.oms-ad .oms-content .oms-img {
position: absolute;
}
.oms-ad .oms-content.bigImg .oms-img {
position: static;
}
body .oms-ad .oms-content.bigImg .oms-img {
top: 0;
right: 0;
width: auto;
height: auto;
}
body .oms-ad .oms-content.bigImg .oms-img img {
display: block;
}
.oms-ad .oms-content > h\:header,
.oms-ad .oms-content > h\:header a {
color: #6A6A6A;
font-size: 11px;
line-height: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}
.oms-ad .oms-content .oms-text {
display: block;
}
.oms-ad .oms-content .oms-text h\:header,
.oms-ad .oms-content .oms-text h\:header a {
margin-top: -2px;
font-size: 18px;
line-height: 25px;
color: #1C449B;
font-family: Arial, Verdana, sans-serif;
display: block;
}
.oms-ad .oms-content .oms-text h\:header:hover,
.oms-ad .oms-content .oms-text h\:header a:hover {
text-decoration: underline;
}
.oms-ad .oms-content .oms-text p,
.oms-ad .oms-content .oms-text p a {
font-size: 13px;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
margin-bottom: 0;
}
.oms-ad .oms-content .oms-text p .more,
.oms-ad .oms-content .oms-text p .more a {
color: #2269C3;
}
.oms-ad .oms-content .oms-text p .more:hover,
.oms-ad .oms-content .oms-text p .more a:hover { text-decoration: underline; }
#omsFirst {
margin: 0 0 20px 0;
}
.jsEnabled #omsFirst.empty {
height: 115px;
width: 1280px;
}
#omsFirst > .r4 {
width: 1280px;
position: relative;
}
#omsFirst > .r4 > h\:section {
margin-left: 10px;
margin-right: 10px;
width: auto;
}
#omsFirst > .r4 > h\:section .r1 {
margin-right: 0;
width: 620px;
}
#omsFirst .r4 { height: auto; }
#omsFirst > .r4 > h\:section .r1 { height: 115px; }
#omsFirst .oms-content.bigImg {
padding: 0;
border: 0;
}
#omsFirst > .r4 > h\:section .oms-img {
right: 15px;
top: 15px;
}
#omsFirst > .r4 > h\:section .oms-content .oms-text h\:header {
display: block;
margin-bottom: 3px;
}
#omsFirst > .r4 > h\:section .oms-content .oms-text p {
max-height: 40px;
overflow: hidden;
}
#omsFirst .oms-ad .oms-content .oms-text p {
height: 40px;
}
#omsFirst > .r4 > h\:section .oms-content-large .oms-img {
display: block;
width: 110px;
height: 85px;
text-align: center;
}
#omsFirst > .r4 > h\:section .oms-content-large .oms-text {
margin-bottom: 4px;
margin-right: 125px;
}
#omsFirst > .r4 > h\:section .oms-content-small {
display: none;
}
#omsFirst > .r4 > h\:section .oms-content-small .oms-text {
margin-right: 100px;
}
#omsFirst > .r4 > h\:section .oms-content-small .oms-text h\:header {
margin-bottom: 4px;
}
#omsFirst > .r4 > h\:section .oms-content-small .oms-text h\:header + .btn-position { margin-top: 14px; }
#loginsearch-ad > h\:section {
margin:0 10px 0 0 ;
}
#loginsearch-ad > h\:section + h\:section {
margin:0 0 0 10px;
}
#loginsearch-ad > h\:section .r1 {
height: 48px;
width: auto;
}
#loginsearch-ad > h\:section .oms-content {
height: 30px;
width: 200px;
background: #F2F6FD url(//img.ui-portal.de/homepage/img/gmx/bg/oms-loginsearch-bg.gif) repeat-x;
background: -moz-linear-gradient(top, #f2f6fd 0%, #dee7f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6fd), color-stop(100%,#dee7f4));
background: -webkit-linear-gradient(top, #f2f6fd 0%,#dee7f4 100%);
background: -o-linear-gradient(top, #f2f6fd 0%,#dee7f4 100%);
background: -ms-linear-gradient(top, #f2f6fd 0%,#dee7f4 100%);
background: linear-gradient(to bottom, #f2f6fd 0%,#dee7f4 100%);
padding: 9px 10px 9px 10px;
}
#loginsearch-ad > h\:section .oms-content.bigImg {
height: 48px;
padding: 0;
width: 220px;
}
#loginsearch-ad > h\:section .oms-content.oms-content-large { width: 360px; }
#loginsearch-ad > h\:section .oms-content.oms-content-large.bigImg { width: 380px; }
#loginsearch-ad > h\:section .oms-content.oms-content-mini { width: 120px; }
#loginsearch-ad > h\:section .oms-content.oms-content-mini.bigImg { width: 140px; }
#loginsearch-ad > h\:section .oms-content.oms-content-small,
#loginsearch-ad > h\:section .oms-content.oms-content-medium {
display: none;
}
#loginsearch-ad > h\:section .oms-img {
top: 8px;
right: 10px;
}
#loginsearch-ad > h\:section .oms-content > h\:header { display: none; }
#loginsearch-ad > h\:section .oms-content .oms-text {
margin-right: 57px;
}
#loginsearch-ad > h\:section .oms-content.oms-content-mini .oms-text { margin-right: 0; }
#loginsearch-ad > h\:section .oms-content .oms-text h\:header,
#loginsearch-ad > h\:section .oms-content .oms-text h\:header a {
font-size: 11px;
line-height: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
margin-top: 0;
}
#loginsearch-ad > h\:section .oms-content .oms-text p,
#loginsearch-ad > h\:section .oms-content .oms-text p a {
font-size: 11px;
line-height: 15px;
max-height: 15px;
overflow: hidden;
margin-bottom: 0;
}
#loginsearch-login.tab-active-freemail #loginsearch-ad > h\:section .oms-content.oms-content-large,
#loginsearch-login.tab-active-domain #loginsearch-ad > h\:section .oms-content.oms-content-large { display: block; }
#loginsearch-login.tab-active-freemail #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-freemail #loginsearch-ad > h\:section .oms-content.oms-content-small,
#loginsearch-login.tab-active-domain #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-domain #loginsearch-ad > h\:section .oms-content.oms-content-small { display: none; }
html[data-toolbar-loggedin='true'] #loginsearch-login.tab-active-promail #loginsearch-ad > h\:section .oms-content.oms-content-large,
html[data-toolbar-loggedin='true'] #loginsearch-login.tab-active-topmail #loginsearch-ad > h\:section .oms-content.oms-content-large { display: block; }
html[data-toolbar-loggedin='true'] #loginsearch-login.tab-active-promail #loginsearch-ad > h\:section .oms-content.oms-content-mini,
html[data-toolbar-loggedin='true'] #loginsearch-login.tab-active-promail #loginsearch-ad > h\:section .oms-content.oms-content-small,
html[data-toolbar-loggedin='true'] #loginsearch-login.tab-active-topmail #loginsearch-ad > h\:section .oms-content.oms-content-mini,
html[data-toolbar-loggedin='true'] #loginsearch-login.tab-active-topmail #loginsearch-ad > h\:section .oms-content.oms-content-small { display: none; }
#loginsearch-login.tab-active-promail #loginsearch-ad > h\:section .oms-content.oms-content-small,
#loginsearch-login.tab-active-topmail #loginsearch-ad > h\:section .oms-content.oms-content-small,
#loginsearch-login.tab-active-demail #loginsearch-ad > h\:section .oms-content.oms-content-small { display: block; }
#loginsearch-login.tab-active-promail #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-promail #loginsearch-ad > h\:section .oms-content.oms-content-large,
#loginsearch-login.tab-active-topmail #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-topmail #loginsearch-ad > h\:section .oms-content.oms-content-large,
#loginsearch-login.tab-active-demail #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-demail #loginsearch-ad > h\:section .oms-content.oms-content-large { display: none; }
#promoline {
margin: 0 10px;
font-size: 11px;
overflow: hidden;
height: 13px;
line-height: 13px;
margin-bottom: 20px;
}
#promoline .oms-promoline .oms-promoline-part,
#promoline .part1 {
float: left;
}
#promoline .oms-promoline .oms-promoline-part + .oms-promoline-part,
#promoline .part2 {
float: right;
}
#promoline>div.module,
#promoline>div.module+div.module {
float: none;
}
#promoline a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
white-space: nowrap;
color: #225FC3;
}
#promoline .oms-promoline a:hover {
text-decoration: none;
}
#promoline .oms-promoline a:hover > strong {
text-decoration: underline;
}
#promoline .oms-promoline a:hover > span {
text-decoration: underline;
}
#promoline a strong,
#promoline a em {
font-weight: 700;
font-style: normal;
color: #C80D23;
}
body[data-promoline-position="belowlogin"] #promoline {
width: 1260px;
z-index: 5000;
}
#halfpage body[data-promoline-position="belowlogin"] #promoline {
width: 940px;
}
#halfpage body[data-promoline-position="belowlogin"] #adRectangle {
height: 694px;
}
#halfpage body.hasMessage[data-promoline-position="belowlogin"] #adRectangle {
height: 803px;
}
body[data-promoline-position="belowlogin"] #promoline {
position: absolute;
top: 513px;
}
body[data-promoline-position="belowlogin"].hasBreakingNews #promoline {
position: absolute;
top: 543px;
}
body[data-promoline-position="belowlogin"].hasMessage #promoline {
top: 622px;
}
body[data-promoline-position="belowlogin"].hasMessage.hasBreakingNews #promoline {
top: 652px;
}
.promo .moduleContent .part1 {
left: 9px;
position: absolute;
top: 30px;
}
.promo .part1 { width: 160px; }
.promo .moduleContent .part1 h3 a {
color: #FFFFFF;
display: block;
font-size: 12px;
font-weight: 700;
line-height: 20px;
padding-bottom: 4px;
}
.promo.advRectangle .moduleContent .part1 h3 a {
width: 280px;
position: relative;
}
.promo.advRectangle .moduleContent .part1 p { padding-top: 8px; }
.promo .moduleContent p a,
.promo .moduleContent p a:hover { text-decoration: none; }
.promo .moduleContent .part1 .more {
font-size: 11px;
}
.promo .moduleContent p a,
.promo .moduleContent .more {
display: block;
}
.promo .part2 {
font-size: 11px;
left: 10px;
line-height: 18px;
position: absolute;
top: 185px;
width: 280px;
}
.promo .part2 li a { color: #000000; }
.promo .part2 li a:hover { text-decoration: none; }
.promo .part2 li a strong,
.promo .part2 li a span { color: #2269C3; }
.promo .part2 li a:hover * { text-decoration: underline; }
.promo .part2 .info { padding-left: 60px; }
.promo .part2 .info li {
background: url(//img.ui-portal.de/homepage/img/gmx/icons/arrows.gif) no-repeat 0 -392px;
padding-left: 8px;
}
.oms-rectangle .oms-content {
height: 220px;
}
.oms-rectangle .oms-content.bigImg {
padding: 0;
height: 250px;
border-top: 0;
}
.oms-rectangle .oms-img {
top: 71px;
right: 15px;
}
.oms-rectangle .oms-content .oms-text h\:header {
display: block;
margin-bottom: 18px;
}
.oms-rectangle .oms-content .oms-text p {
margin-bottom: 28px;
margin-right: 125px;
}
.oms-rectangle .oms-content .oms-text .btn-position {
text-align: center;
}
.content-slider .ad > .r1,
.content-slider .info > .r1 {
width: 300px;
height: 250px;
}
.ad .r1 > h\:header,
.info .r1 > h\:header {
display: block;
color: #6A6A6A;
border-top: 4px solid #E3E5E8;
font-size: 11px;
line-height: 27px;
font-weight: bold;
padding-bottom: 3px;
}
.ad .r1 > h\:header span,
.info .r1 > h\:header span {
display: inline-block;
}
.ad .r1 > h\:header .flag,
.info .r1 > h\:header .flag {
float: right;
font-weight: normal;
padding-right: 5px;
color: #979696;
}
.ad .adv-promotion-text,
.info .adv-promotion-text {
display: none;
}
.advHalfRectangle .moduleContent .teaser-image-scaled {
width: 140px;
height: 115px;
text-align: center;
overflow: hidden;
position: relative;
}
.advHalfRectangle .moduleContent .teaser-image-scaled img {
float: none;
height: 100%;
width: auto;
margin-left: -100%;
margin-right: -100%;
display: inline-block;
}
#not#ie8,
.advHalfRectangle .moduleContent .teaser-image-scaled img {
margin-left: 0;
margin-right: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uim-ad .privacy-icon {
position: absolute;
top: 0;
right: 0;
}
.module {
position: relative;
}
.advHalfRectangle {
height: 115px;
width: 300px;
max-height: 115px;
overflow: hidden;
position: relative;
}
.ad .module .advHalfRectangle {
margin-bottom: 20px;
}
.ad .module + .module .advHalfRectangle {
margin-bottom: 0;
}
.advHalfRectangle .content {
position: absolute;
top: 0;
left: 150px;
width: 150px;
}
.withoutImage .content {
left: 0;
width: 300px;
}
.advHalfRectangle .moduleContent > a img {
display: inline-block;
}
.advHalfRectangle .content h2 a {
color: #888888;
display: block;
font-weight: 400;
margin-top: -1px;
}
.advHalfRectangle .content h2 a span {
font-size: 12px;
line-height: 19px;
}
.advHalfRectangle .content h3 a {
display: block;
}
.advHalfRectangle .content h3 a {
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 19px;
margin-bottom: 2px;
}
.advHalfRectangle .content h2 a:hover { text-decoration: none; }
.advHalfRectangle .content p { display: inline; }
.advHalfRectangle .content p {
font-size: 12px;
line-height: 16px;
}
.advHalfRectangle .content p a { text-decoration: none; }
.advHalfRectangle .content .more {
line-height: 16px;
}
.advHalfRectangle .content .more:hover span { text-decoration: underline; }
.ad .adv-promotion-text,
.info .adv-promotion-text {
display: none;
}
.advHalfRectangle .moduleContent .teaser-image-scaled {
width: 140px;
height: 115px;
text-align: center;
overflow: hidden;
position: relative;
}
.advHalfRectangle .moduleContent .teaser-image-scaled img {
float: none;
height: 100%;
width: auto;
margin-left: -100%;
margin-right: -100%;
display: inline-block;
}
#not#ie8,
.advHalfRectangle .moduleContent .teaser-image-scaled img {
margin-left: 0;
margin-right: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uim-ad .privacy-icon {
position: absolute;
top: 0;
right: 0;
}
.advFullRectangle .moduleContent > a img {
display: block;
margin-bottom: 9px;
}
#adRectangle .advFullRectangle .moduleContent > a img,
#adRectangleBottom .advFullRectangle .moduleContent > a img { margin-bottom: 10px; }
.advFullRectangle .content {
padding: 0 15px 0 0;
}
.advFullRectangle .content h2 {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin-bottom: 7px;
}
#adRectangle .advFullRectangle .content h2,
#adRectangleBottom .advFullRectangle .content h2 {
font-size: 12px;
margin-bottom: 10px;
}
.advFullRectangle .content h2,
.advFullRectangle .content h2 a {
color: #6A6A6A;
}
.advFullRectangle .content h3 {
font-size: 11px;
line-height: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #2269C3;
margin-bottom: 5px;
}
#adRectangle .advFullRectangle .content h3,
#adRectangleBottom .advFullRectangle .content h3 {
font-size: 16px;
line-height: 19px;
font-family: Arial, Verdana, sans-serif;
margin-bottom: 7px;
white-space: normal;
}
.advFullRectangle .content h3 a,
.advFullRectangle .content h3 a span {
color: #2269C3;
}
.advFullRectangle .content p,
.advFullRectangle .content a.more {
font-size: 11px;
line-height: 16px;
display: inline;
}
#adRectangle .advFullRectangle .content p,
#adRectangle .advFullRectangle .content a.more,
#adRectangleBottom .advFullRectangle .content p,
#adRectangleBottom .advFullRectangle .content a.more {
font-size: 12px;
line-height: 17px;
}
.advFullRectangle .content p,
.advFullRectangle .content p a,
.advFullRectangle .content p a span {
color: #262626;
}
.advFullRectangle .content a.more {
}
.uim-top-list .uim-content ul {
padding-top: 11px;
overflow: hidden;
}
.uim-top-list .uim-content ul li {
border-top: 1px solid #B5CCEC;
position: relative;
zoom: 1;
}
.uim-top-list .uim-content ul li.last {
border-bottom: 1px solid #B5CCEC;
}
.uim-top-list .uim-content ul li a {
line-height: 20px;
color: #262626;
display: block;
padding: 6px 57px 6px 29px;
zoom: 1;
background: #FFFFFF;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/uim-finanzvergleich.png);
background-repeat: no-repeat;
background-position: left 10px;
font-size: 13px;
}
.uim-top-list .uim-content ul li a span.more {
color: #2269C3;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
}
.uim-top-list .uim-content ul li a:hover,
.uim-top-list .uim-content ul li a:focus {
text-decoration: none;
background-color: #F2F6FD;
}
.uim-top-list .uim-content ul li a span.more:hover {
text-decoration: underline;
}
.uim-gallery.uim-trendbox .slider {
margin-bottom: 30px;
}
.uim-gallery.uim-trendbox .gallery-navigation li img {
margin-top: -2px;
}
.uim-fullsize-imageteaser {
position: relative;
}
.uim-fullsize-imageteaser .teaser-img {
position: static;
}
.uim-fullsize-imageteaser .teaser-img img {
display: block;
}
.uim-fullsize-imageteaser .teaser-image-scaled {
width: 300px;
height: 250px;
text-align: center;
overflow: hidden;
position: relative;
}
.uim-fullsize-imageteaser .teaser-image-scaled img {
float: none;
height: 100%;
width: auto;
display: inline-block;
margin-left: -100%;
margin-right: -100%;
}
#not#ie8,
.uim-fullsize-imageteaser .teaser-image-scaled img {
margin-left: 0;
margin-right: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uim-fullsize-imageteaser .teaser-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 11px;
line-height: 16px;
color: #FFF;
padding: 8px 15px 18px 15px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
background-color: rgba(32,32,32,0.7);
background-repeat: repeat;
}
.uim-fullsize-imageteaser .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/news_bg.png)\9;
}
:root .uim-fullsize-imageteaser .teaser-text {
background-image: none;
}
.uim-fullsize-imageteaser .teaser-text h\:header,
.uim-fullsize-imageteaser .teaser-text h\:header span {
display: block;
}
.uim-fullsize-imageteaser .teaser-text h\:header span {
margin-bottom: 5px;
}
.uim-fullsize-imageteaser .teaser-text h\:header span.headline {
font-weight: bold;
margin-bottom: 4px;
}
.uim-fullsize-imageteaser .teaser-text p {
margin-bottom: 0;
font-size: 11px;
line-height: 16px;
}
.uim-fullsize-imageteaser .teaser-text h\:header span.headline:hover,
.uim-fullsize-imageteaser .teaser-text p span.more:hover {
text-decoration: underline;
}
.uim-fullsize-imageteaser .teaser-text {
padding-right: 31px;
}
.uim-fullsize-imageteaser .consumerinfo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 16px;
background: #888888 url(//img.ui-portal.de/homepage/img/gmx/bg/consumerinfo.png) no-repeat 0 100%;
}
.uim-fullsize-imageteaser .consumerinfo > span {
display: none;
}
#anti#ie8, .uim-fullsize-imageteaser .consumerinfo {
background: #888888;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
font-weight: 400;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
overflow: hidden;
}
#anti#ie8, .uim-fullsize-imageteaser .consumerinfo > span {
display: block;
float: left;
margin-left: 9px;
margin-top: 1px;
}
#anti#ie8, :root .uim-fullsize-imageteaser .consumerinfo > span {
margin-left: -1px \9 ;
margin-top: 11px \9 ;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
:root .uim-fullsize-imageteaser .consumerinfo > span {
margin-left: 9px;
margin-top: 1px;
}
}
#anti#ie8, .uim-fullsize-imageteaser .consumerinfo > span > span {
float: left;
margin-left: -50%;
margin-top: 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.adaptiveboard.ad.empty {
display: none;
}
.adaptiveboard > .r1 {
width: 1260px;
height: 138px;
}
.adaptiveboard .ad .r1 {
width: 1260px;
}
.adaptiveboard .ad .r1 h\:header {
overflow: hidden;
}
.adaptiveboard .ad .r1 iframe {
width: 1260px;
height: 104px;
display: block;
}
.adRectangleBottom {
float: right;
}
#uim_5 {
float: right;
}
.topnews .r3 {
position: relative;
background-image: url(//img.ui-portal.de/homepage/img/gmx/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
}
.topnews,
.topnews a {
color: #FFFFFF;
}
.topnews .news-content,
.topnews .teaser-content {
position: relative;
height: 250px;
}
.topnews .teaser-img {
position: relative;
}
.topnews .teaser-img > a {
display: block;
width: 100%;
height: 100%;
}
.topnews .teaser-img .teaser-flag {
position: absolute;
top: 0;
left: 0;
line-height: 32px;
font-size: 18px;
color: #FFF;
padding: 2px 14px 1px 14px;
font-family: Arial, Verdana, sans-serif;
background-color: #C81F33;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.topnews .teaser-img .teaser-flag {
padding: 1px 10px 2px 10px;
}
}
.topnews .teaser-img .teaser-flag.top {
background-color: #2269c3;
}
.topnews .teaser-text {
position: absolute;
bottom: 0;
padding-top: 0;
background: none;
display: inline-block;
width: 620px;
font-size: 0;
}
.topnews .teaser-text > a:before {
display: block;
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.topnews .teaser-text > a > * {
position: relative;
}
.topnews .teaser-text h\:header {
line-height: 34px;
display: inline-block;
font-size: 28px;
font-weight: 400;
font-family: Arial, Verdana, sans-serif;
padding: 9px 15px 0 15px;
float: left;
width: 590px;
}
.topnews .teaser-text h\:header,
.topnews .teaser-text h\:header a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.topnews .teaser-text h\:header:hover,
.topnews .teaser-text h\:header a:hover {
text-decoration: underline;
}
.topnews .teaser-text p {
padding: 4px 15px 9px 15px;
margin: 0;
font-size: 14px;
line-height: 23px;
font-family: Verdana, Arial, Helvetica, sans-serif;
clear: both;
}
.topnews .teaser-text a {
display: block;
}
.topnews .teaser-text a:hover {
text-decoration: none;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.topnews .teaser-text p {
padding: 3px 15px 10px 15px;
}
}
.topnews .teaser-text h\:header,
.topnews .teaser-text p {
background-color: rgba(32, 32, 32, 0.7);
background-repeat: repeat;
}
.topnews .link-list {
padding-top: 5px;
display: inline-block;
overflow: hidden;
position: relative;
clear: both;
}
.topnews .link-list li {
display: inline-block;
float: left;
}
.topnews .link-list li + li {
margin-left: 5px;
}
.topnews .link-list li a {
padding: 7px 15px 6px 15px;
display: inline-block;
background-color: rgba(32, 32, 32, 0.7);
line-height: 21px;
color: #FFF;
font-weight: bold;
background-repeat: repeat;
font-weight: 400;
font-size: 13px;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.topnews .link-list li a {
padding: 4px 15px 6px 15px;
}
}
.topnews .link-list li a:hover {
text-decoration: none;
background: #2269c3;
}
.topnews .link-list li a {
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/news_bg.png)\9;
}
:root .topnews .link-list li a {
background-image: none;
}
.topnews .icon {
display: inline-block;
margin-left: 8px;
background-repeat: no-repeat;
width: 11px;
height: 11px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/trm_more_large.png);
background-position: center center;
}
body.hasTopnews .news.hero + .news {
float: right;
}
.topnews .teaser-img::before,
.topnews .teaser-img a::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuNyIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
zoom: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
content: '';
}
.topnews .teaser-img::before {
z-index: 2;
}
.topnews .teaser-img a {
position: relative;
z-index: 3;
}
.topnews .teaser-text {
z-index: 3;
}
.topnews .teaser-text h\:header,
.topnews .teaser-text p {
background-color: transparent;
}
body.hasTopnews #sepResp0 {
display: block;
}
[data-seperator="billboard"] body.hasTopnews #sepResp0 {
display: none;
}
body.hasTopnews #sepResp1,
body.hasTopnews #sepResp2 {
display: none;
}
.wrapper-themed {
position: relative;
}
.wrapper-themed .wrapper-indent {
padding-top: 20px;
}
.wrapper-themed + .wrapper-center .wrapper-indent,
.wrapper-themed + style + .wrapper-center .wrapper-indent {
padding-top: 20px;
}
.content-slider {
overflow: visible;
position: relative;
margin-bottom: 25px;
}
.content-slider.background {
display: none;
}
.content-slider .slider-item.loader {
background-image: url(//img.ui-portal.de/homepage/img/gmx/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
width: 1260px;
}
.content-slider > .r4 {
height: auto;
}
.content-slider .channel-list {
display: block;
margin-bottom: 10px;
}
.content-slider .channel-list ul {
white-space: normal;
height: 24px;
overflow: hidden;
}
.content-slider .channel-list ul li {
float: left;
}
.content-slider .channel-list a {
background-color: #ECECEC;
color: #666666;
}
.content-slider .channel-list a:hover {
background-color: #6395D4;
color: #FFFFFF;
text-decoration: none;
}
.content-slider .channel-list .highlight a,
.content-slider .channel-list li:first-child a {
background-color: #2269C3;
color: #FFFFFF;
}
.content-slider .logo {
display: block;
float: right;
margin-top: 4px;
}
.content-slider .logo a {
display: block;
border: 0;
line-height: 0;
}
.content-slider .logo img {
display: block;
height: 32px;
}
[data-ua-browser="msie"] .content-slider .logo img {
width: 100%;
}
.content-slider .slider:after {
content: '';
display: block;
clear: both;
height: 0;
width: 0;
}
.content-slider .slider-container {
position: relative;
overflow: hidden;
clear: left;
}
.content-slider .slider {
position: relative;
white-space: nowrap;
font-size: 0;
line-height: 0;
}
.content-slider .slider:not(.noTransition) {
-webkit-transition: margin.6s;
-moz-transition: margin .6s;
-ms-transition: margin .6s;
transition: margin .6s;
}
.content-slider > .r4 > .slider-container > .slider > *:not(script) {
display: inline-block;
white-space: normal;
float: none;
margin-bottom: 0;
vertical-align: top;
}
.content-slider > .r4 > .slider-container > .slider > *:first-child ~ *:not(script) {
margin-left: 20px;
}
.content-slider > .r4 > .slider-container > .slider > * > * {
white-space: normal;
font-size: 12px;
line-height: normal;
}
.content-slider .slider-item {
display: inline-block;
white-space: normal;
float: none;
width: 300px;
height: 250px;
}
.content-slider > .r4 > .slider-container > .slider > .slider-item + .slider-item {
margin-left: 20px;
}
.content-slider .slider-pagination {
width: 0;
height: 0;
}
.content-slider .slider-pagination a {
display: inline-block;
position: absolute;
overflow: hidden;
margin: 0;
opacity: 1;
width: 30px;
height: 40px;
bottom: 105px;
z-index: 100;
background-color: #FFFFFF;
}
.content-slider .slider-pagination a svg {
fill: #2269C3
}
[data-device-type="mobile"] .content-slider .slider-pagination .prev a {
-ms-transform: scale(1.5) translateX(5px);
-webkit-transform: scale(1.5) translateX(5px);
transform: scale(1.5) translateX(5px);
}
[data-device-type="mobile"] .content-slider .slider-pagination .next a {
-ms-transform: scale(1.5) translateX(-5px);
-webkit-transform: scale(1.5) translateX(-5px);
transform: scale(1.5) translateX(-5px);
}
.content-slider .slider-pagination a:hover,
.content-slider .slider-pagination a:focus {
background-color: #2269C3;
}
.content-slider .slider-pagination a:hover svg,
.content-slider .slider-pagination a:focus svg {
fill: #FFF !important;
}
.content-slider .slider-pagination .prev.disabled a,
.content-slider .slider-pagination .next.disabled a {
display: none;
}
.content-slider .slider-pagination .prev a {
left: -30px;
background-position: -2px -7px;
}
.rect321 .content-slider .slider-pagination .prev a {
left: -20px;
}
.content-slider .slider-pagination .prev a:hover,
.content-slider .slider-pagination .prev a:focus {
background-position: -2px -77px;
}
.content-slider .slider-pagination .prev a:active {
background-position: -2px -147px;
}
.content-slider .slider-pagination .next a {
right: -30px;
background-position: -62px -7px;
}
.rect321 .content-slider .slider-pagination .next a {
right: -20px;
}
.content-slider .slider-pagination .next a:hover,
.content-slider .slider-pagination .next a:focus {
background-position: -62px -77px;
}
.content-slider .slider-pagination .next a:active {
background-position: -62px -147px;
}
:root {
--slider-special-background: #E9F0F5;
--slider-special-primary: #1F6A9F;
}
.wrapper-themed.special .wrapper-center {
background-color: #E9F0F5;
background-color: var(--slider-special-background);
}
.wrapper-themed.special .slider-headnav h\:header a,
.wrapper-themed.special .slider-headnav li a:focus,
.wrapper-themed.special .slider-headnav li a:hover {
color: #1F6A9F;
color: var(--slider-special-primary);
}
.wrapper-themed.special .content-slider .slider-pagination a {
background-color: #E9F0F5;
background-color: var(--slider-special-background);
}
.wrapper-themed.special .content-slider .slider-pagination a svg {
fill: #1F6A9F;
fill: var(--slider-special-primary);
}
.wrapper-themed.special .content-slider .slider-pagination a:hover,
.wrapper-themed.special .content-slider .slider-pagination a:focus {
background-color: #1F6A9F;
background-color: var(--slider-special-primary);
}
.slider-headnav {
overflow: hidden;
height: 45px;
margin-top: 1px;
margin-bottom: 9px;
white-space: nowrap;
overflow: hidden;
}
.slider-headnav ul {
font-family: Arial, Verdana, sans-serif;
font-weight: 400;
display: inline;
}
.slider-headnav h\:header,
.slider-headnav li {
float: left;
}
.slider-headnav h\:header {
font-family: Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 32px;
line-height: 40px;
color: #2269C3;
margin-right: 24px;
}
[data-variant-name="webfont"] .slider-headnav ul {
font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
}
[data-variant-name="webfont"] .slider-headnav h\:header {
font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}
.slider-headnav h\:header a {
padding-bottom: 1px;
}
.slider-headnav h\:header a:hover {
text-decoration: none;
border-bottom: 4px solid;
}
.slider-headnav li {
font-size: 20px;
line-height: 22px;
margin: 13px 0 0 0;
}
.slider-headnav li a {
font-weight: 400;
color: #515151;
margin: 0 16px;
padding-bottom: 4px;
}
.slider-headnav li a:hover {
color: #2269C3;
text-decoration: none;
border-bottom: 4px solid;
}
.slider-headnav li ~ li {
border-left: 1px solid #C2C2C2;
}
.wrapper-themed.vorteilswelt .wrapper-center {
background-color: #F0F5EB;
}
.content-slider.vorteilswelt .slider-headnav h\:header a,
.content-slider.vorteilswelt .slider-headnav li a:hover {
color: #418100;
}
.content-slider.vorteilswelt .slider-pagination a {
background-color: #F0F5EB;
}
.content-slider.vorteilswelt .slider-pagination a svg {
fill: #418100;
}
.content-slider.vorteilswelt .slider-pagination a:hover,
.content-slider.vorteilswelt .slider-pagination a:focus {
background-color: #418100;
}
.wrapper-themed.games .wrapper-center {
background-color: #E9F0F5;
}
.content-slider.games .slider-headnav h\:header a,
.content-slider.games .slider-headnav li a:hover {
color: #1F6A9F;
}
.content-slider.games .slider-pagination a {
background-color: #E9F0F5;
}
.content-slider.games .slider-pagination a svg {
fill: #1F6A9F;
}
.content-slider.games .slider-pagination a:hover,
.content-slider.games .slider-pagination a:focus {
background-color: #1F6A9F;
}
.horoscope .service-content {
padding: 12px 5px 10px 5px;
position: relative;
}
.service.horoscope h\:header {
margin-left: 10px;
}
.service.horoscope ul {
overflow: hidden;
padding: 0 5px;
}
.horoscope li {
float: left;
}
.horoscope li a {
display: block;
height: 60px;
width: 60px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/horoscope.png);
background-repeat: no-repeat;
margin: 0 5px 5px 5px;
position: relative;
}
.horoscope li a:hover,
.horoscope li a:focus {
text-decoration: none;
}
.horoscope li a span {
font-size: 11px;
line-height: 15px;
color: #979696;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.horoscope li a.wassermann span {
left: -10px;
right: -10px;
}
.horoscope li a.wassermann { background-position: -10px -10px; }
.horoscope li a.fische { background-position: -10px -90px; }
.horoscope li a.steinbock { background-position: -10px -170px; }
.horoscope li a.stier { background-position: -10px -250px; }
.horoscope li a.zwillinge { background-position: -10px -330px; }
.horoscope li a.krebs { background-position: -10px -410px; }
.horoscope li a.loewe { background-position: -10px -490px; }
.horoscope li a.jungfrau { background-position: -10px -570px; }
.horoscope li a.waage { background-position: -10px -650px; }
.horoscope li a.skorpion { background-position: -10px -730px; }
.horoscope li a.schuetze { background-position: -10px -810px; }
.horoscope li a.widder { background-position: -10px -890px; }
.horoscope li a:hover.wassermann { background-position: -90px -10px; }
.horoscope li a:hover.fische { background-position: -90px -90px; }
.horoscope li a:hover.steinbock { background-position: -90px -170px; }
.horoscope li a:hover.stier { background-position: -90px -250px; }
.horoscope li a:hover.zwillinge { background-position: -90px -330px; }
.horoscope li a:hover.krebs { background-position: -90px -410px; }
.horoscope li a:hover.loewe { background-position: -90px -490px; }
.horoscope li a:hover.jungfrau { background-position: -90px -570px; }
.horoscope li a:hover.waage { background-position: -90px -650px; }
.horoscope li a:hover.skorpion { background-position: -90px -730px; }
.horoscope li a:hover.schuetze { background-position: -90px -810px; }
.horoscope li a:hover.widder { background-position: -90px -890px; }
.horoscope .service-content > .overview,
.horoscope .service-content > .close {
display: none;
}
.service.top-search .service-content {
padding: 12px 10px 15px 15px;
overflow: hidden;
}
.service.top-search h\:header {
margin-right: -10px;
}
.service.top-search ol {
float: left;
width: 130px;
white-space: nowrap;
overflow: hidden;
padding-top: 11px;
}
.service.top-search ol {
margin-right: 10px;
width: 270px;
padding-top: 7px;
}
.service.top-search ol li {
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
overflow: hidden;
height: 24px;
margin-bottom: 10px;
background: #E9F0F5;
}
.service.top-search ol li * {
float: left;
}
.service.top-search ol li .number {
display: inline-block;
margin-right: 5px;
color: #949494;
}
.service.top-search ol:first-child li .number { width: 13px; }
.service.top-search ol:last-child li .number { width: 21px; }
.service.top-search ol li a {
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
background: #2269C3;
padding: 0 10px;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
line-height: 24px;
font-weight: 700;
color: #FFFFFF;
}
.service.top-search li:first-child a { width: 220px; }
.service.top-search li:first-child + li a { width: 200px; }
.service.top-search li:first-child + li + li a { width: 180px; }
.service.top-search li:first-child + li + li + li a { width: 160px; }
.service.top-search li:first-child + li + li + li + li a { width: 140px; }
.service.top-article {
position: relative;
}
.service.top-article .service-content {
padding-left: 0;
padding-right: 0;
}
.service.top-article .service-content h\:header {
margin-left: 15px;
}
.service.top-article .service-content ul {
margin-bottom: 8px;
overflow: hidden;
}
.service.top-article .service-content ul li {
border-top: 1px solid #B5CCEC;
position: relative;
zoom: 1;
}
.service.top-article .service-content ul li:last-child {
border-bottom: 1px solid #B5CCEC;
}
.service.top-article .service-content ul li a {
font-size: 13px;
line-height: 20px;
display: block;
padding: 6px 57px 6px 15px;
zoom: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #262626;
}
.service.top-article .service-content ul li a span.more {
color: #2269C3;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
}
.service.top-article .service-content ul li a:hover,
.service.top-article .service-content ul li a:focus {
text-decoration: none;
background-color: #F2F6FD;
}
.service.top-article .service-content ul li a span.more:hover {
text-decoration: underline;
}
.service.top-article .service-content > a {
margin-left: 15px;
color: #2269C3;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.service .link-list {
margin-bottom: 8px;
overflow: hidden;
border-bottom: 1px solid #B5CCEC;
}
.service .link-list li {
border-top: 1px solid #B5CCEC;
position: relative;
zoom: 1;
}
.service .link-list li a {
font-size: 13px;
line-height: 20px;
display: block;
padding: 6px 57px 6px 15px;
zoom: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #262626;
}
.service .link-list li a span.more {
color: #2269C3;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
}
.service .link-list li span.published {
color: #999999;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
font-style: italic;
}
.service .link-list li a:hover,
.service .link-list li a:focus {
text-decoration: none;
background-color: #F2F6FD;
}
.service .link-list li a span.more:hover {
text-decoration: underline;
}
h\:section.liveticker > .r1 {
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.liveticker .liveticker-content {
padding: 12px 15px 15px 15px;
}
.liveticker .liveticker-content > h\:header {
font-size: 18px;
line-height: 27px;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
display: block;
margin-bottom: 8px;
}
.liveticker .partner {
display: inline-block;
position: absolute;
top: 15px;
right: 12px;
}
.liveticker .partner a {
text-align: right;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.liveticker .partner span,
.liveticker .partner img {
float: right;
display: inline-block;
}
.liveticker .partner span {
padding-right: 3px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 3px;
}
.liveticker .partner img {
display: block;
clear: both;
}
.liveticker .game h\:header {
font-size: 13px;
line-height: 19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 1px;
display: inline-block;
}
.liveticker .game .game-content {
position: absolute;
left: 15px;
right: 15px;
top: 88px;
}
.liveticker .game .game-content.ajax-load .liveticker-slides {
background-color: rgba(255, 255, 255, 0.9);
background-repeat: no-repeat;
background-position: center center;
}
.liveticker .game .game-content.ajax-load .liveticker-slides {
background-size: 24px 24px;
}
.liveticker .game .game-content.ajax-load table {
display: none;
}
.liveticker .game-content .liveticker-slides .ajax-error {
padding: 11px 10px;
background-color: rgba(255, 255, 255, 0.9);
font-family: Verdana;
font-weight: normal;
font-size: 11px;
line-height: 16px;
display: none;
color: #235C0D;
}
.jsDisabled .liveticker .game-content .liveticker-slides .ajax-error {
display: block;
}
.liveticker .game-content.ajax-error .liveticker-slides .ajax-error { display: block; }
.liveticker .game-content.ajax-error .liveticker-slides table { display: none; }
.liveticker .game-content .liveticker-slides {
overflow: hidden;
margin-bottom: 6px;
}
.liveticker .game-content[data-liveticker-games="1"] .liveticker-slides {
margin-bottom: 7px;
}
.liveticker .game table,
.liveticker .link-list ul {
width: 270px;
border-collapse: separate;
}
.liveticker .game-content .ajax-error {
width: 250px;
}
.liveticker .game-content {
overflow: hidden;
}
.liveticker .link-list {
text-align: right;
}
.liveticker .link-list ul {
font-size: 0;
text-align: right;
margin-top: 1px;
overflow: hidden;
margin-bottom: 10px;
}
.liveticker .link-list li {
display: inline-block;
}
.liveticker .link-list li.border {
padding: 0;
}
.liveticker .link-list li.border span {
display: block;
width: 1px;
height: 7px;
background-color: #62A424;
}
.liveticker .link-list li a {
font-size: 10px;
line-height: 16px;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0 6px;
}
.liveticker .link-list li a:hover {
text-decoration: underline;
}
.liveticker .link-list li.last a {
padding-right: 0;
}
.tooltip-name-liveticker .tooltip-wrapper {
padding: 10px;
width: 213px;
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
.tooltip-name-liveticker.tooltip-enlarged.tooltip-right-bottom .nose {
right: -16px;
width: 16px;
}
.tooltip-name-liveticker .tooltip-wrapper .txt p {
margin-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
font-size: 10px;
line-height: 17px;
}
.content-slider .liveticker .slider-pagination {
width: 17px;
height: 92px;
}
.content-slider .liveticker .slider-pagination .prev.disabled a,
.content-slider .liveticker .slider-pagination .next.disabled a {
display: block;
}
.content-slider .liveticker .slider-pagination .prev a,
.content-slider .liveticker .slider-pagination .next a {
left: 2px;
overflow: visible;
background-size: inherit;
}
.content-slider .liveticker .slider-pagination .prev a {
top: 0;
}
.content-slider .liveticker .slider-pagination .next a {
bottom: 0;
}
.liveticker.football .partner span {
color: #888888;
}
.liveticker.football .game h\:header,
.liveticker.football .game h\:header a {
color: #515151;
}
.liveticker.football .game-content .liveticker-slides .ajax-error {
background-color: #333333;
color: #FFFFFF;
padding: 20px 15px;
width: 240px;
}
.liveticker.football .game .game-content.ajax-load .liveticker-slides {
background-color: #333333;
}
.liveticker.football .game-content .liveticker-slides {
height: 92px;
overflow: hidden;
}
.liveticker.football table {
table-layout: fixed;
}
.liveticker.football .hasSlider table {
width: 253px;
-webkit-transition: margin-top .6s;
-moz-transition: margin-top .6s;
transition: margin-top .6s;
}
.liveticker.football .slider-pagination {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.liveticker.football .hasSlider .slider-pagination {
display: block;
}
.liveticker.football .ajax-load .slider-pagination {
display: none;
}
.liveticker.football .slider-pagination a {
display: block;
width: 15px;
height: 46px;
background-color: #FFFFFF;
text-indent: -999em;
background-repeat: no-repeat;
}
.liveticker.football .slider-pagination .prev a {
background-position: top center;
}
.liveticker.football .slider-pagination .next a {
background-position: bottom center;
}
.liveticker.football .slider-pagination .disabled a {
cursor: default;
}
.liveticker.football .slider-pagination .prev.disabled a {
background-position: top left;
}
.liveticker.football .slider-pagination .next.disabled a {
background-position: bottom left;
}
.liveticker.football .game-content td {
background-color: #333333;
color: #000000;
padding: 0 2px;
vertical-align: middle;
line-height: 0;
}
.liveticker.football .game-content tr.data td {
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
}
.liveticker.football .game-content tr.data td:first-child {
border-left: 1px solid #333333;
}
.liveticker.football .game-content tr.data td:last-child {
border-right: 1px solid #333333;
}
.liveticker.football .game-content td:first-child { padding-left: 4px; }
.liveticker.football .game-content td span {
display: inline-block;
overflow: hidden;
white-space: nowrap;
font-size: 9px;
text-overflow: ellipsis;
line-height: 26px;
color: #FFFFFF;
}
.liveticker.football .game-content[data-liveticker-games='1'] .liveticker-slides {
height: 48px;
}
.liveticker.football .game-content[data-liveticker-games='2'] .liveticker-slides {
height: 60px;
}
.liveticker.football .game-content[data-liveticker-games='1'] td span {
line-height: 46px;
}
.liveticker.football .game-content .team-logo {
width: 20px;
position: relative;
padding-right: 6px;
}
.liveticker.football .game-content .team-logo img {
vertical-align: middle;
}
.liveticker.football .game-content td.team {
width: 18px;
position: relative;
}
.liveticker.football .game-content td.dash {
width: 20px;
text-align: center;
}
.liveticker.football .game-content td.score,
.liveticker.football .game-content td.score span {
width: 35px;
text-align: center;
}
.liveticker.football .game-content td.info,
.liveticker.football .game-content td.info span {
width: 59px;
}
.liveticker.football .game-content.hasSlider td.info,
.liveticker.football .game-content.hasSlider td.info span {
width: 55px;
}
[data-device-type="mobile"] .liveticker.football .game-content td.info,
[data-device-type="mobile"] .liveticker.football .game-content td.info span {
width: 74px;
}
[data-device-type="mobile"] .liveticker.football .game-content.hasSlider td.info,
[data-device-type="mobile"] .liveticker.football .game-content.hasSlider td.info span {
width: 70px;
}
.liveticker.football .game-content td.icon {
padding-right: 3px;
padding-left: 3px;
width: 10px;
}
.liveticker.football .game-content td.icon span {
display: block;
text-indent: -999em;
background-repeat: no-repeat;
background-position: center center;
height: 18px;
}
.liveticker.football .game-content .spacer td {
background: #F2F2F2;
padding: 0;
height: 4px;
width: auto;
}
.liveticker.football .game-content td.icon .info-container {
display: none;
}
h\:section.liveticker.bundesliga > .r1 {
background-image: url('//img.ui-portal.de/homepage/img/gmx/liveticker/bundesliga/background.png');
}
.liveticker.bundesliga .liveticker-content > h\:header {
color: #CC0000;
}
.liveticker.bundesliga .game .game-content.ajax-load .liveticker-slides {
background-image: url(//img.ui-portal.de/homepage/img/gmx/spinner-light.svg);
}
.liveticker.bundesliga .link-list li a {
color: #CC0000;
}
.liveticker.bundesliga .slider-pagination .prev a {
background-image: url(//img.ui-portal.de/homepage/img/gmx/liveticker/bundesliga/sprite_arrow_up.png);
}
.liveticker.bundesliga .slider-pagination .next a {
background-image: url(//img.ui-portal.de/homepage/img/gmx/liveticker/bundesliga/sprite_arrow_down.png);
}
.liveticker.bundesliga .game-content td.icon span {
background-image: url('//img.ui-portal.de/homepage/img/gmx/liveticker/bundesliga/info-small.png');
}
h\:section.liveticker.champions-league > .r1 {
background-image: url('//img.ui-portal.de/homepage/img/gmx/liveticker/champions-league/background.png');
}
.liveticker.champions-league .liveticker-content > h\:header {
color: #2A4982;
}
.liveticker.champions-league .game .game-content.ajax-load .liveticker-slides {
background-image: url(//img.ui-portal.de/homepage/img/gmx/liveticker/champions-league/spinner.gif);
}
.liveticker.champions-league .link-list li a {
color: #2A4982;
}
.liveticker.champions-league .slider-pagination .prev a {
background-image: url(//img.ui-portal.de/homepage/img/gmx/liveticker/champions-league/sprite_arrow_up.png);
}
.liveticker.champions-league .slider-pagination .next a {
background-image: url(//img.ui-portal.de/homepage/img/gmx/liveticker/champions-league/sprite_arrow_down.png);
}
.liveticker.champions-league .game-content td.icon span {
background-image: url('//img.ui-portal.de/homepage/img/gmx/liveticker/champions-league/info-small.png');
}
.service.product-list {
position: relative;
}
.service.product-list .service-content {
padding-left: 0;
padding-right: 0;
}
.service.product-list .service-content h\:header {
margin-left: 15px;
}
.service.product-list .service-content ul {
margin-bottom: 8px;
overflow: hidden;
}
.service.product-list .service-content ul li {
border-top: 1px solid #B5CCEC;
position: relative;
zoom: 1;
}
.service.product-list .service-content ul li:last-child {
border-bottom: 1px solid #B5CCEC;
}
.service.product-list .service-content ul li a {
font-size: 13px;
line-height: 20px;
display: block;
padding: 6px 57px 6px 15px;
zoom: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #262626;
}
.service.product-list .service-content ul li a span.more {
color: #2269C3;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
}
.service.product-list .service-content ul li a:hover,
.service.product-list .service-content ul li a:focus {
text-decoration: none;
background-color: #F2F6FD;
}
.service.product-list .service-content ul li a span.more:hover {
text-decoration: underline;
}
.service.product-list .service-content > a {
margin-left: 15px;
color: #2269C3;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.jsDisabled .first .wrapper-indent:before {
content: 'Bitte aktivieren Sie Javascript in Ihrem Browser, um dieses Internetangebot voll nutzen zu können.';
display: block;
height: 44px;
line-height: 44px;
font-size: 13px;
font-weight: bold;
color: #262626;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/hint_24x24.png);
background-position: 10px -230px;
background-repeat: no-repeat;
float: left;
margin-top: 3px;
padding-left: 44px;
top: -47px;
position: absolute;
zoom: 1;
}
.jsDisabled {
margin-top: 44px;
}
.jsDisabled:before {
content: '';
position: absolute;
left: 0;
top: -44px;
background-color: #FFCDCD;
right: 0;
height: 44px;
display: block;
}
.service.icons .service-content {
overflow: hidden;
padding: 0;
}
.service.icons .icon-wrapper {
display: block;
height: 115px;
width: 140px;
float: left;
overflow: hidden;
margin: 0 10px 20px 10px;
}
.service.icons .icon-wrapper a {
text-decoration: none;
}
.service.icons .icon-wrapper h\:figure {
position: relative;
display: block;
height: 100%;
padding: 0;
background-color: #7FA63B;
background-image: -webkit-linear-gradient(top, #94B655 0%, #668F29 100%);
background-image: -moz-linear-gradient(top, #94B655 0%, #668F29 100%);
background-image: -o-linear-gradient(top, #94B655 0%, #668F29 100%);
background-image: linear-gradient(to bottom, #94B655 0%, #668F29 100%);
}
.service.icons .icon-wrapper a:hover h\:figure,
.service.icons .icon-wrapper > h\:figure:hover {
background-color: #8DB841;
background-image: -webkit-linear-gradient(top, #9FD04A 0%, #7FA63B 100%);
background-image: -moz-linear-gradient(top, #9FD04A 0%, #7FA63B 100%);
background-image: -o-linear-gradient(top, #9FD04A 0%, #7FA63B 100%);
background-image: linear-gradient(to bottom, #9FD04A 0%, #7FA63B 100%);
}
.jsDisabled .service.icons .icon-wrapper > h\:figure h\:header a:hover {
text-decoration: underline;
}
.service.icons .icon-wrapper:first-child {
margin-left: 0;
}
.service.icons .icon-wrapper:first-child + .icon-wrapper {
margin-right: 0;
}
.service.icons .icon-wrapper:first-child + .icon-wrapper + .icon-wrapper {
margin-left: 0;
margin-bottom: 0;
}
.service.icons .icon-wrapper:first-child + .icon-wrapper + .icon-wrapper + .icon-wrapper {
margin-right: 0;
margin-bottom: 0;
}
.service.icons .icon {
display: block;
width: 140px;
height: 115px;
background-repeat: no-repeat;
}
.service.icons h\:figure h\:figcaption {
position: absolute;
display: block;
left: 0;
right: auto;
bottom: 0;
padding: 0;
}
.service.icons h\:figure h\:figcaption h\:header,
.service.icons h\:figure h\:figcaption h\:header a,
.service.icons h\:figure h\:figcaption h\:footer {
color: #FFFFFF;
text-decoration: none;
}
.service.icons a h\:figure h\:figcaption h\:header:hover {
color: #FFFFFF;
text-decoration: underline;
}
.service.icons h\:figure h\:figcaption h\:header {
}
.service.icons h\:figure h\:figcaption h\:header {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 20px;
margin: 0;
font-weight: normal;
padding: 2px 10px;
}
@media screen and (min--moz-device-pixel-ratio: 0) {
.service.icons h\:figure h\:figcaption h\:header {
padding: 2px 10px;
}
}
.service.icons h\:figure h\:figcaption h\:header {
color: #FFFFFF;
background-repeat: repeat;
background-color: rgba(51, 51, 51, 0.8);
background-color: rgba(32, 32, 32, 0.7);
}
.service.icons h\:figure h\:figcaption h\:header {
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/news_bg.png)\9;
}
:root .service.icons h\:figure h\:figcaption h\:header {
background-image: none;
}
.service.icons h\:figure h\:figcaption h\:footer {
display: none;
}
#footer {
background: none;
zoom: 1;
}
#footer .wrapper-indent {
padding-top: 70px;
}
#footer .wrapper-border {
padding-bottom: 4px;
}
#footer .wrapper-center:before {
content: '';
display: block;
background-color: #ECECEC;
position: absolute;
left: 1px;
right: 1px;
top: 70px;
height: 88px;
}
#footer li {
list-style-position: outside;
}
#footer .hint {
margin: 0;
padding: 0;
min-height: 0;
}
#footer-bubble {
position: absolute;
right: 0;
top: 50px;
right: 30px;
cursor: default;
}
.rect321 #footer-bubble { right: 20px; }
#footer-bubble > h\:section {
margin: 0;
padding: 0;
}
#footer-bubble > h\:section .r1 {
display: block;
width: 270px;
height: 64px;
padding: 15px;
color: #FFFFFF;
background: #2269C3;
}
#footer-bubble > h\:section h\:pointer {
display: block;
position: absolute;
top: -23px;
right: 20px;
border: 20px solid transparent;
border-width: 23px 23px 0 0;
border-color: transparent #2269C3 transparent transparent;
}
#footer-bubble > h\:section a:hover {
text-decoration: none;
}
#footer-bubble > h\:section .r1 h\:header {
background: url(//img.ui-portal.de/homepage/img/gmx/bg/pssssst_text.png) left top no-repeat;
margin-bottom: 8px;
display: block;
height: 17px;
}
#footer-bubble > h\:section h\:detail {
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
font-size: 13px;
line-height: 20px;
}
#footer-socialmarks {
overflow: hidden;
display: block;
padding: 20px 0;
margin: 0 0 20px;
background: #ECECEC;
}
.rect321 #footer-socialmarks { padding-left: 0; }
#footer-socialmarks > h\:section {
height: 48px;
background: none;
margin-bottom: 0;
}
#footer-socialmarks .r1 {
display: inline-block;
height: 48px;
}
#footer-socialmarks .r1 > a {
height: 48px;
display: inline-block;
padding-left: 63px;
padding-right: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #6A6A6A;
}
#footer-socialmarks .r1 > a > h\:header {
font-size: 18px;
line-height: 28px;
}
@media screen and (min--moz-device-pixel-ratio:0) {
#footer-socialmarks .r1 > a > h\:header {
line-height: 27px;
}
}
#footer-socialmarks > h\:section {
background-repeat: no-repeat;
background-position: left top;
}
#footer-socialmarks a:hover {
cursor: pointer;
background-position: 0 -80px;
text-decoration: underline;
}
.footer-links {
overflow: hidden;
display: block;
background: none;
margin: 20px 0 0;
}
.rect321 .footer-links {
margin-left: 10px;
margin-right: 10px;
}
.footer-links + .footer-links { border-bottom: 0; }
.footer-links > h\:section > .r0 {
height: auto;
}
.footer-addition-container {
margin: 0 0 0 10px;
width: 300px;
}
.footer-links li {
line-height: 20px;
font-size: 13px; zoom: 1;
}
#footer-icons li {
padding-left: 0;
line-height: 20px;
background-position: 0 2px;
}
#footer-icons li a {
padding-left: 24px;
}
.footer-links h\:header {
display: block;
margin: 0 0 7px;
font-weight: normal;
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
color: #6395D4;
}
.footer-links a {
font-size: 13px;
line-height: 20px;
color: #6A6A6A;
}
.footer-links > h\:section > .r1 h\:header { margin: 0; padding: 0; color: #6A6A6A; font-size: 11px; line-height: 18px; }
.footer-links > h\:section > .r1 h\:header + ul li { display: block; color: #6A6A6A; font-size: 11px; line-height: 16px; }
.footer-links > h\:section > .r1 p { font-size: 11px; color: #919090; }
.footer-links > .footer-addition-container > h\:section > .r1 h\:header { margin: 0; padding: 0; color: #6A6A6A; font-size: 11px; line-height: 18px; }
.footer-links > .footer-addition-container > h\:section > .r1 h\:header + ul li { display: block; color: #6A6A6A; font-size: 11px; line-height: 16px; }
.footer-links > .footer-addition-container > h\:section > .r1 p { font-size: 11px; color: #919090; }
.footer-links ul {
display: inline-block;
}
.footer-links .hint {
height: auto;
}
.footer-links + .footer-links {
margin-top: 13px;
}
.footer-links + .footer-links > h\:section {
margin-bottom: 16px;
}
*:first-child+html .footer-links + .footer-links {
margin-bottom: 20px;
}
.footer-links .r4 {
position: relative;
height: auto;
}
.footer-links .r4 ul:first-child {
overflow: hidden;
display: block;
}
.footer-links .r4 ul:first-child li {
display: block;
float: left;
margin-right: 30px;
}
.footer-links .r4 ul:first-child li a {
white-space: nowrap;
}
.footer-links .r4 ul:first-child li.as-homepage {
float: right;
margin-right: 0;
}
.footer-links .r4 ul + ul { position: absolute; right: 0; top: 0; margin: 0; }
.rect321 .footer-links .r4 ul + ul { right: 0; }
.footer-link-group > h\:section {
float: none;
}
.footer-link-group > h\:section > .r0 {
height: auto;
}
.footer-link-group > h\:section ~ h\:section > .r0 {
padding-top: 31px;
}
.footer-addition { margin-bottom: 0; }
.footer-addition h\:header { font-family: Verdana, Arial, Helvetica, sans-serif; }
.footer-addition .description { line-height: 16px; }
.footer-addition:first-child { margin-bottom: 6px; }
[data-country="at"] .footer-addition:first-child,
[data-country="ch"] .footer-addition:first-child { margin-bottom: 10px; }
.footer-addition:first-child > .r1,
.footer-addition:last-child > .r1 { height: auto; }
.footer-addition:first-child > .r1,
.footer-addition:first-child a:first-child { margin-right: 0; }
.footer-links > script#ita-footer-icons + .footer-addition:first-child > .r1 { width: auto; }
.footer-links > script#ita-footer-icons + .footer-addition:first-child > .r1 ul:first-child li + li { margin-left: 8px; }
.footer-links > script#ita-footer-icons + .footer-addition-container > .footer-addition:first-child > .r1 { width: auto; }
.footer-links > script#ita-footer-icons + .footer-addition-container > .footer-addition:first-child > .r1 ul:first-child li + li { margin-left: 8px; }
.rect321 .footer-links h\:section:first-child,
.rect321 .footer-links script:first-child + h\:section { margin-left: 0; }
.rect321 .footer-addition { margin-right: 0; }
.footer-links > .footer-addition-container > h\:section.footer-addition:first-child ul {
margin: 0 -4px 0 -4px;
}
.footer-links > .footer-addition-container > h\:section.footer-addition:first-child ul li {
margin: 3px 4px 6px 4px;
float: left;
}
.footer-links > .footer-addition-container > h\:section.footer-addition:first-child ul li a,
.footer-links > .footer-addition-container > h\:section.footer-addition:first-child ul li img {
display: block;
}
#footer .sep-line { margin: 15px 10px 0 10px; clear:both; }
#footer .sep-line > .r4 { height: 1px; border-top: 1px solid #DEDEDE; }
.service.lotto {
position: relative;
}
.service.lotto .slide-navigation {
position: absolute;
top: 0;
right: 0;
background-color: rgba(32, 32, 32, 0.7);
padding: 6px;
}
.service.lotto .slide-navigation li {
float: left;
margin: 0 6px 0 0;
overflow: hidden;
text-indent: -9999em;
width: 10px;
height: 10px;
border: 1px solid #FFFFFF;
cursor: pointer;
}
.service.lotto .slide-navigation li {
border: 1px solid #FF0000;
border: 1px solid #FFFFFF;
}
.service.lotto .slide-navigation li:last-child {
margin-right: 0;
}
.service.lotto .slide-navigation li.active,
.service.lotto .slide-navigation li:hover {
border-color: #2269C3;
}
.service.lotto .slide-navigation li.active,
.service.lotto .slide-navigation li:hover,
.service.lotto .slide-navigation li:focus {
background-color: #2269C3;
}
.service.lotto .service-content {
display: none;
}
.service.lotto .service-content > a:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 19px;
left: 0;
}
.service.lotto.lotto-slider [data-active-slide="1"] .service-content[data-slide-id="1"],
.service.lotto.lotto-slider [data-active-slide="2"] .service-content[data-slide-id="2"] {
display: block;
}
.service.lotto:not(.lotto-slider) .service-content {
display: block;
}
.service.lotto a,
.service.lotto a:hover,
.service.lotto a:focus {
text-decoration: none;
outline: none;
}
.service.lotto .service-content {
border-top: 0;
padding: 10px 13px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/lotto_bg.jpg);
background-repeat: no-repeat;
height: 230px;
}
.service.lotto .service-content > h\:header,
.service.lotto .service-content > a > h\:header {
display: block;
font-size: inherit;
line-height: inherit;
padding-bottom: 40px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/lotto_logo-2.png);
background-repeat: no-repeat;
background-position: 5px 34px;
margin-bottom: 4px;
margin-left: -3px;
padding-top: 24px;
}
.service.lotto .service-content > h\:header span,
.service.lotto .service-content > a > h\:header span {
display: inline-block;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
margin-right: -3px;
color: #FFFFFF;
font-weight: bold;
padding: 6px 10px 8px 15px;
position: absolute;
top: 0;
left: 0;
background-color: #789e3b;
}
.service.lotto .next-draw-content {
padding: 5px 0 5px 15px;
height: 45px;
background-color: #C90713;
position: relative;
margin-top: 9px;
}
.service.lotto .next-draw-content:before {
content: '.';
text-indent: -999em;
position: absolute;
top: -12px;
left: 50%;
border: 6px solid transparent;
border-bottom: 6px solid #C90713;
height: 0;
width: 0;
margin-left: -6px;
}
.service.lotto .next-draw-content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.service.lotto .jackpot-info {
display: inline-block;
float: left;
color: #FFFFFF;
width: 140px;
}
.service.lotto .jackpot-info:after {
content: '';
display: block;
clear: both;
width: 0;
height: 0;
overflow: hidden;
}
.service.lotto .jackpot-info .jackpot {
font-family: Arial, Verdana, sans-serif;
font-size: 45px;
line-height: 45px;
float: left;
margin-right: 10px;
}
.service.lotto .no-jackpot .jackpot-info {
text-align: center;
width: 125px;
margin-right: 15px;
}
.service.lotto .no-jackpot .jackpot-info .jackpot {
display: none;
}
.service.lotto .next-draw-content .jackpot-info .headline {
display: inline-block;
font-family: Arial, Verdana, sans-serif;
font-size: 22px;
line-height: 22px;
margin-top: 4px;
}
.service.lotto .next-draw-content .jackpot-info .subline {
display: inline-block;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 16px;
}
.service.lotto .jackpot-button {
float: left;
color: #FFFFFF;
overflow: hidden;
padding-top: 5px;
}
.service.lotto .chance {
margin-top: 5px;
display: block;
font-size: 10px;
color: #FFFFFF;
}
.service.lotto .next-draw {
margin-bottom: 25px;
}
.service.lotto .last-draw {
overflow: hidden;
padding-left: 5px;
}
.service.lotto .next-draw h\:header,
.service.lotto .last-draw h\:header {
line-height: 18px;
font-weight: 700;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 1px;
font-size: 12px;
color: #262626;
}
.service.lotto .next-draw p {
font-size: 11px;
line-height: 16px;
color: #6A6A6A;
margin-bottom: 0;
font-weight: normal;
}
.service.lotto .next-draw h\:footer {
font-size: 11px;
line-height: 16px;
color: #6A6A6A;
clear: both;
display: inline-block;
width: 110px;
}
.service.lotto .winning-numbers {
margin-bottom: 5px;
}
.service.lotto .winning-numbers h\:header {
float: left;
font-size: 11px;
line-height: 17px;
font-weight: 400;
margin-top: 2px;
}
.service.lotto .winning-numbers {
overflow: hidden;
}
.service.lotto .winning-numbers ol {
overflow: hidden;
float: left;
}
.service.lotto .winning-numbers ol li {
float: left;
}
.service.lotto .winning-numbers ol li + li {
margin-left: 7px;
}
.service.lotto .winning-numbers ol.numbers span {
display: block;
height: 24px;
width: 24px;
font-size: 10px;
color: #333;
line-height: 24px;
text-align: center;
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/lottokugel-2.png);
background-position: center center;
background-repeat: no-repeat;
}
.service.lotto .winning-numbers .sz {
display: inline-block;
float: left;
line-height: 24px;
font-size: 11px;
color: #000000;
padding-left: 25px;
padding-right: 7px;
}
.service.lotto .service-content > h\:footer,
.service.lotto .service-content > a > h\:footer {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #B3B3B3;
color: #000000;
display: block;
clear: both;
line-height: 17px;
padding-left: 5px;
padding-right: 5px;
}
.service.lotto .service-content > h\:header,
.service.lotto .service-content > a > h\:header {
padding-bottom: 37px;
}
.service.lotto .additional-links {
text-align: right;
font-size: 11px;
position: absolute;
right: 8px;
bottom: 72px;
padding: 5px;
}
.service.lotto .btn-m {
display: none;
}
.service.lotto .additional-links li {
display: inline-block;
}
.service.lotto .additional-links li a:hover {
text-decoration: underline;
}
.service.lotto .additional-links li + li {
padding-left: 15px;
}
.service.lotto .winning-numbers .sz {
padding-left: 40px;
}
.service.lotto .slide-eurojackpot {
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/eurojackpot_bg.jpg);
}
.service.lotto .slide-eurojackpot > h\:header,
.service.lotto .slide-eurojackpot > a > h\:header {
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/eurojackpot_logo.png);
}
.service.lotto .slide-eurojackpot .next-draw-content {
background-color: #8E5B26;
}
.service.lotto .slide-eurojackpot .next-draw-content:before {
border-bottom-color: #8E5B26;
}
.service.lotto .slide-lotto.standalone {
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/lotto_bg_standalone.jpg);
}
.service.lotto .slide-eurojackpot.standalone {
background-image: url(//img.ui-portal.de/homepage/img/gmx/bg/eurojackpot_bg_standalone.jpg);
}
.service.lotto .standalone .next-draw h\:header {
display: none;
}
.service.lotto .standalone .next-draw-content {
background: transparent;
margin-top: 0;
padding-top: 0;
height: auto;
text-align: center;
}
.service.lotto .standalone .next-draw-content::before {
display: none;
}
.service.lotto .standalone .next-draw-content .jackpot-info {
width: 244px;
margin-bottom: 8px;
}
.service.lotto .standalone .next-draw-content .jackpot-info .jackpot {
font-family: Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 98px;
width: 115px;
line-height: 86px;
text-align: right;
}
.service.lotto .standalone .next-draw-content .jackpot-info .headline,
.service.lotto .standalone .next-draw-content .jackpot-info .subline {
text-align: left;
display: block;
white-space: nowrap;
}
.service.lotto .standalone .next-draw-content .jackpot-info .headline {
font-size: 35px;
line-height: 35px;
margin-top: 3px;
margin-bottom: 4px;
font-weight: bold;
}
.service.lotto .standalone .next-draw-content .jackpot-info .subline {
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
}
.service.lotto .standalone .next-draw-content .chance {
position: absolute;
left: 140px;
top: 60px;
}
.service.lotto .slide-lotto.standalone .next-draw-content .chance {
color: #6A6A6A;
}
.service.lotto .slide-lotto.standalone .next-draw-content .jackpot-info {
color: #C90713;
}
.service.lotto .standalone .btn-xs { display: none; }
.service.lotto .standalone .btn-m {
display: inline-block;
}
.service.lotto .standalone .additional-links {
text-align: center;
bottom: 21px;
left: 0;
right: 0;
}
.service.lotto .standalone .additional-links ul {
padding-top: 8px;
}
.service.lotto .standalone .last-draw {
display: none;
}
.breaking-news {
margin: 0 10px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #CC1100;
overflow: hidden;
height: 20px;
line-height: 20px;
margin-bottom: 13px;
clear: both;
padding: 0 10px;
overflow: hidden;
position: relative;
transform: translateZ(0);
}
.breaking-news .breaking-news-inner {
position: absolute;
left: 10px;
}
.breaking-news a {
color: #FFFFFF;
white-space: nowrap;
overflow: hidden;
line-height: 20px;
padding: 5px 0;
}
.breaking-news:hover a {
text-decoration: underline;
}
.info-layer {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
white-space: nowrap;
background-color: rgba(0,0,0,0.6);
}
[data-device-type="desktop"] .info-layer {
position: fixed;
bottom: 0;
}
.info-layer:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.info-layer .layer-content {
padding: 35px 30px 30px 30px;
background-color: #FFFFFF;
box-sizing: border-box;
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: normal;
width: 710px;
}
.info-layer .tooltip-closer {
top: 10px;
right: 10px;
cursor: pointer;
padding-right: 20px;
width: auto;
background-position: right center;
background-color: transparent;
}
.info-layer .layer-content-inner {
display: block;
padding: 15px;
overflow: hidden;
position: relative;
}
.info-layer h1 {
font-weight: 400;
font-size: 30px;
line-height: 37px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.info-layer h2 {
font-weight: 400;
font-size: 22px;
line-height: 30px;
font-family: Arial, Verdana, sans-serif;
margin-bottom: 20px;
}
.info-layer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
margin: 0 0 15px 0;
}
.info-layer-inactive .stage {
text-align: center;
margin-bottom: 50px;
}
.info-layer-inactive h2 {
margin-bottom: 12px;
}
.info-layer-inactive .reco-teaser {
margin: 0;
float: none;
display: block;
}
.info-layer-inactive .footer {
padding-top: 35px;
font-size: 11px;
line-height: 16px;
margin-bottom: 0;
}
.info-layer-inactive .news-image-list {
height: auto;
padding-top: 0;
padding-right: 0;
width: 300px;
}
.info-layer-inactive .news-image-list .r1 {
width: 300px;
}
.info-layer-inactive .news-image-list + .news-image-list {
margin-left: 20px;
}
.info-layer-inactive .news-image-list-item .news-content .teaser-text {
width: 165px;
}
.info-layer-inactive .news-image-list .news {
border: 0;
padding-bottom: 12px;
}
.info-layer-inactive .news-image-list .news:first-child + .news {
border: 0;
}
.info-layer-inactive.info-layer-with-search .news-image-list-item .news-content .teaser-text > p {
max-height: 54px;
}
body > .wrapper-center .wrapper-indent > div:not(.ie7fix):not(.sepLoginExpander):not(#promoline):not(.ad-component),
body > .wrapper-center .wrapper-indent > h\:section:not(#adRectangle) {
position: relative;
z-index: 5000;
}
#header {
z-index: 10000;
}
.hint-wrapper,
#loginsearch,
#middle-container {
z-index: 10000;
}
.ad-component {
z-index: 20000;
}
.ad-component-layer {
z-index: 25000;
}
.ad-component.ad-type-skyright,
.ad-component.ad-type-layer,
.ad-component.ad-type-hockeystick,
.ad-component.ad-type-tandem_singleton,
.ad-component.ad-type-superbanner {
z-index: 42500;
}
[data-tooltip-active="demail"] #loginsearch,
[data-tooltip-active="control"] #loginsearch,
[data-tooltip-active="password"] #loginsearch {
z-index: 30000;
}
[data-layer-allcontents="open"] #header,
[data-tooltip-active="homepage"] #header {
z-index: 40000;
}
[data-layer-searchsuggest="open"] #header {
z-index: 40000;
}
#jumplabel {
z-index: 45000;
}
body #topper,
body .notification,
body .notification-area,
.ad-component.ad-component-sneaky-slider {
z-index: 50000;
}
.content-layer,
#video-layer,
.info-layer {
z-index: 60000;
}
#adLayer .layer-overlay {
z-index: 60000;
}
.domain-check {
display: none;
position: absolute;
top: 56px;
right: 0;
left: 670px;
z-index: 25;
}
.rect321 .domain-check {
left: 660px;
}
html:not(#halfpage) #loginsearch-login.tab-active-domain .domain-check {
display: block;
}
.domain-check label {
font-size: 11px;
line-height: 18px;
color: #262626;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-right: 15px;
display: inline-block;
}
.domain-check label > h\:header {
color: #262626;
font-size: 18px;
display: block;
}
.domain-check input[type="text"] {
width: 171px;
margin-right: 10px;
}
.facelift-hint {
position: fixed;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
padding: 20px 20px 26px 20px;
text-align: center;
color: #FFFFFF;
z-index: 22500;
cursor: pointer;
background-color: #1C449B;
border-radius: 4px 4px 0 0;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}
.facelift-hint:hover {
background-color: #6395D4;
}
.facelift-hint .closer {
position: absolute;
top: 8px;
right: 8px;
width: 16px;
height: 16px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/close_32.svg);
background-size: 16px 16px;
}
.facelift-hint .arrow {
position: absolute;
bottom: 2px;
left: 50%;
margin-left: -12px;
width: 24px;
height: 24px;
background-image: url(//img.ui-portal.de/homepage/img/gmx/icons/arrow_down_32.svg);
background-size: 24px 24px;
cursor: pointer;
animation: bounce 3.6s ease infinite;
transform-origin: 50% 50%;
}
.facelift-hint:hover {
opacity: 1;
}
.facelift-hint .text {
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
[data-variant-name="webfont"] .facelift-hint .text {
font-family: 'RobotoRegular', Arial, Verdana, sans-serif;
}
@keyframes bounce {
0% { transform:translateY(0) }
5.55556% { transform:translateY(0) }
11.11111% { transform:translateY(0) }
22.22222% { transform:translateY(-5px) }
27.77778% { transform:translateY(0) }
33.33333% { transform:translateY(-5px) }
44.44444% { transform:translateY(0) }
100% { transform:translateY(0) }
}
.wrapper-indent > h\:section,
.ad-component-billboard {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
transition: opacity .5s;
}
.rtb-loading .wrapper-indent > h\:section,
.rtb-loading .ad-component-billboard {
visibility: hidden;
opacity: 0;
}
.rtb-loading .wrapper-center.first + .wrapper-center .wrapper-indent:before {
content: '';
width: 40px;
height: 40px;
will-change: bg;
position: absolute;
top: 105px;
left: 50%;
margin-top: -20px;
margin-left: -20px;
background-image: url(https://img.ui-portal.de/homepage/img/gmx/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
}