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

#page-nav #breadcrumb {
left: -1px;
top: 39px;
}
.nav-header .home-link,
.nav-header .service-name {
display: none;
}
.nav-header,
.page-nav-opener,
#header-service,
#container,
#page-header:before {
transition: left .25s;
-webkit-transition: left .25s;
left: 0;
}
.hero-visual {
right: 0;
line-height: 0;
-webkit-box-shadow: 0 52px 30px -50px #F0F0F0; -moz-box-shadow: 0 50px 30px -45px #F0F0F0; box-shadow: 0 50px 30px -45px #F0F0F0;
}
.hero-apv-image {
width: 100%;
background-repeat: no-repeat;
background-position: 50% 100%;
}
.hero-l .hero-apv-image { height: 496px; }
.hero-m .hero-apv-image { height: 376px; }
.hero-s .hero-apv-image { height: 256px; }
.hide-2cols.hide-2cols,
.hide-4cols.hide-4cols,
.show-6cols.show-6cols {
display: inline-block;
}
li.hide-2cols.hide-2cols,
li.hide-4cols.hide-4cols,
li.show-6cols.show-6cols {
display: list-item;
}
.hero-text span.hide-2cols.hide-2cols,
.hero-text span.hide-4cols.hide-4cols,
.hero-text span.show-6cols.show-6cols,
p span.hide-2cols.hide-2cols,
p span.hide-4cols.hide-4cols,
p span.show-6cols.show-6cols {
display: inline;
}
.show-2cols.show-2cols,
.show-4cols.show-4cols,
.hide-6cols.hide-6cols {
display: none;
}
@media only screen and (min-width: 0) {
html {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
#wrapper {
min-width: 0;
}
#page-content {
background-image: none;
}
.hero {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.hero-sub-col5 .hero-sub {
width: 750px;
}
.hero-sub-col4 .hero-sub {
width: 590px;
}
.hero-sub-col3 .hero-sub {
width: 430px;
}
.hero-sub-col2 .hero-sub {
width: 270px;
}
.hero-sub-col1 .hero-sub {
width: 110px;
}
.layer-apv-content {
width: 960px;
}
.layer-apv[data-layer-apv-length='col4'] .layer-apv-content {
width: 640px;
}
.layer-apv[data-layer-apv-length='col2'] .layer-apv-content {
width: 300px;
}
.videolayer {
width:940px;
}
.hide-6cols.hide-6cols {
display: inline-block;
}
li.hide-6cols.hide-6cols {
display: list-item;
}
.hero-text span.hide-6cols.hide-6cols,
p span.hide-6cols.hide-6cols {
display: inline;
}
.show-6cols.show-6cols,
li.show-6cols.show-6cols,
.hero-text span.show-6cols.show-6cols,
p span.show-6cols.show-6cols {
display: none;
}
}
@media only screen and (min-width: 1000px) {
.centered-big {
text-align: center;
}
.centered-big .teaser-img {
float: none;
display: block;
margin: auto;
}
.nav-header,
.page-nav-opener,
#header-service,
#container {
transition: none;
-webkit-transition: none;
left: 0;
}
#page-nav {
left: 0;
}
.nav-header.nav-header {
left: -251px;
}
.apv-6cols-content-part-col3 { width: 480px; }
.form-login .apv-6cols-content-part-col3 input[type=text],
.form-login .apv-6cols-content-part-col3 input[type=password] {
width: 196px;
}
.apv-6cols-content-part-col3 .login-username,
.apv-6cols-content-part-col3 .login-password {
width: 220px;
}
.hero-visual ~ .hero-sub > .hero-btn:first-child {
margin-top: -10px;
}
.show-6cols.show-6cols {
display: inline-block;
}
li.show-6cols.show-6cols {
display: list-item;
}
.hero-text span.show-6cols.show-6cols,
p span.show-6cols.show-6cols {
display: inline;
}
.hide-6cols.hide-6cols,
li.hide-6cols.hide-6cols,
.hero-text span.hide-6cols.hide-6cols,
p span.hide-6cols.hide-6cols {
display: none;
}
}
@media only screen and (max-width: 999px) {
html {
background-color: #FFFFFF;
}
#page-header {
background-image: none;
background-color: #4671ba;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxNDk5RSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNkI5OUQ2IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#21499E), to(#6B99D6));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21499E), color-stop(100%, #6B99D6));
background-image: -webkit-linear-gradient(top, #21499E, #6B99D6);
background-image: -moz-linear-gradient(top, #21499E, #6B99D6);
background-image: -o-linear-gradient(top, #21499E, #6B99D6);
background-image: linear-gradient(to bottom, #21499E, #6B99D6);
background-position: 0 0;
padding-top: 0;
margin: 0;
width: 100%;
}
#page-header.header-simple {
border-bottom: none;
height:44px;
}
#page-header #header-brand {
background: none;
height: 25px;
left: -60px;
margin: 0 auto;
position: absolute;
right: 50px;
top: 10px;
width: 54px;
left: -54px;
right: 10px;
z-index: 2;
}
#page-header #header-service {
background-image: none;
left: 0;
width: 100%;
font-weight: 400;
top: 0;
color: #FFFFFF;
font: 400 22px/22px RobotoCond, Arial, Verdana, Helvetica, sans-serif;
display:block;
height: 33px;
padding-top: 11px;
z-index: 1;
direction: inherit;
text-indent: 0;
text-align: center;
}
#header-service:hover,
#header-service:focus {
text-decoration: none;
}
#page-header #header-service .brand {
display: inline-block;
width: 54px;
height: 17px;
margin-top: 2px;
background-position: 100% 0;
background-repeat: no-repeat;
background-image: url(//img.ui-portal.de/ci/gmx/global/logo-adaptive.png);
vertical-align: baseline;
line-height: 1em;
color: transparent;
overflow: hidden;
text-indent: -5em;
}
#page-nav {
background: none;
border: none;
width: 100%;
height: 44px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#main-nav {
display: none;
}
#additional-nav {
display: none;
}
.nav-header.nav-header {
left: -251px;
position: fixed;
}
.page-nav-opener {
position: absolute;
left: 0;
top: 0;
width: 44px;
cursor: pointer;
height: 45px;
background-image: url(//img.ui-portal.de/ci/gmx/global/icon/mnu-burger.png);
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 1;
}
#page-header {
height: 44px;
}
#page-nav-checkbox:checked ~ #wrapper #page-header:before {
left: 0;
}
#page-nav > h\:header {
display: block;
}
#page-nav {
display: block;
position: absolute;
height: auto;
width: 250px;
top: 0;
bottom: 0;
background-color: #FFFFFF;
z-index: 99;
left: -251px;
}
ul#main-nav {
height: auto;
}
ul#main-nav > li {
float: none;
display: block;
height: auto;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #C1C1C1;
}
ul#main-nav > li > a {
font-size: 14px;
font-weight: bold;
height: 34px;
padding-top: 9px;
color: #262626;
display: block;
}
#page-nav-checkbox:checked ~ #wrapper {
overflow: hidden;
}
#page-nav-checkbox:checked ~ #wrapper #container {
left: 250px;
overflow-x: visible;
}
#page-nav-checkbox:checked ~ #wrapper #container:before {
content: '';
top: 0;
left: -250px;
width: 250px;
bottom: 0;
position: absolute;
display: block;
background-color: #FFFFFF; ;
z-index: 91;
border-right: 1px solid #C1C1C1;
}
#page-header #header-service {
background-image: none;
background-color: #4671ba;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxNDk5RSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNkI5OUQ2IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#21499E), to(#6B99D6));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21499E), color-stop(100%, #6B99D6));
background-image: -webkit-linear-gradient(top, #21499E, #6B99D6);
background-image: -moz-linear-gradient(top, #21499E, #6B99D6);
background-image: -o-linear-gradient(top, #21499E, #6B99D6);
background-image: linear-gradient(to bottom, #21499E, #6B99D6);
}
body { -webkit-animation: bugfix infinite 1ms; }
@-webkit-keyframes bugfix {
from { padding: 0; }
to { padding: 0; }
}
#page-nav-checkbox:checked ~ #wrapper #page-header {
background: none;
}
#page-nav-checkbox:checked ~ #wrapper .nav-header {
left: 0;
}
#page-nav-checkbox:checked ~ #wrapper #header-service {
z-index: 1001;
}
#page-nav-checkbox:checked ~ #wrapper #header-brand {
pointer-events: none;
cursor: default;
}
#page-nav-checkbox:checked ~ #wrapper #header-service,
#page-nav-checkbox:checked ~ #wrapper .page-nav-opener {
position: fixed;
left: 251px;
z-index: 1001;
}
#page-nav #breadcrumb {
display: block;
height: 0;
width: 0;
position: static;
margin-top: -22px;
}
#page-nav #breadcrumb li {
display: none;
padding: 0;
margin: 0;
background: none;
float: none;
}
#page-nav #breadcrumb li:nth-last-child(2) {
display: block;
}
#page-nav #breadcrumb li:nth-last-child(2) a {
left: 0;
background-image: url(//img.ui-portal.de/ci/gmx/global/icon/mnu-back.png);
background-position: center center;
}
#page-nav #breadcrumb a,
.nav-header .text {
text-indent: -100px;
font-size: 0;
color: transparent;
overflow: hidden;
}
.nav-header .home-link {
right: 0;
background-image: url(//img.ui-portal.de/ci/gmx/global/icon/mnu-home.png);
background-position: center center;
}
.nav-header .home-link,
#page-nav #breadcrumb li:nth-last-child(2) a {
display: block;
position: absolute;
top: 0;
right: 10px;
width: 34px;
height: 44px;
background-repeat: no-repeat;
overflow: hidden;
}
.nav-header .home-link:hover,
#page-nav #breadcrumb li:nth-last-child(2) a:hover {
opacity: 0.5;
}
.nav-header {
clear: both;
position: absolute;
top: 0;
left: 0;
background-color: #82a723;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzQjQ0MSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzI5QTA2IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(#93B441), to(#729A06));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93B441), color-stop(100%, #729A06));
background-image: -webkit-linear-gradient(top, #93B441, #729A06);
background-image: -moz-linear-gradient(top, #93B441, #729A06);
background-image: -o-linear-gradient(top, #93B441, #729A06);
background-image: linear-gradient(to bottom, #93B441, #729A06);
width: 251px;
height: 44px;
}
#main-nav {
display: block;
float: none;
font-weight: normal;
margin-top: 44px;
z-index: 20;
}
#main-nav .home {
display: none;
}
#main-nav > li > a:hover,
#main-nav > li > a:focus {
color: #6E9804;
}
#main-nav > li.active > a,
#main-nav > li > a:hover,
#main-nav > li > a:focus {
padding-left: 10px;
border-left: 5px solid #6E9804;
background-color: #F4F7EB;
color: #6E9804;
}
#main-nav > li > a > span,
#main-nav > li > label > span {
display: block;
height: auto;
white-space: nowrap;
}
#main-nav > li.active > a > span,
#main-nav > li > a:hover > span,
#main-nav > li > a:focus > span,
#main-nav > li.active > label > span,
#main-nav > li > label:hover > span,
#main-nav > li > label:focus > span {
border: none;
}
.nav-header .service-name {
display: block;
font-weight: 400;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 44px;
font-weight: 700;
direction: inherit;
text-indent: 0;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 45px;
white-space: pre;
}
.nav-header .service-name:hover {
text-decoration: underline;
cursor: pointer;
}
#container {
background-image: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: auto;
min-width: 320px;
}
#page-content {
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
padding-top: 20px;
left: 50%;
width: 640px;
margin-left: -310px;
}
#main {
min-height: 0;
}
#page-header.header-simple ~ #page-content {
padding-top:20px;
}
.content-part-col6 { width: 640px; }
.content-part-col5 { width: 640px; }
.apv-2cols-content-part-col4 {width: 640px;}
#breadcrumb {
display: none;
}
.hint {
margin-top: 15px;
margin-bottom: 15px;
}
#main > .hint {
top: -20px;
}
#page-header.header-simple ~ #page-content #main > .hint {
top: -20px;
}
.btn-wrapper.apv-4cols-btn-m.apv-4cols-btn-m {
height: 34px;
line-height: 31px;
}
.btn-wrapper.apv-4cols-btn-m.apv-4cols-btn-m > * {
font-family: RobotoCond, Arial, Verdana, Helvetica, sans-serif;
height: 30px;
line-height: 31px;
font-size: 16px;
font-weight: 400;
padding: 0 14px 2px;
}
.btn-wrapper.apv-4cols-btn-m.apv-4cols-btn-m > input,
.btn-wrapper.btn-l.apv-4cols-btn-m.apv-4cols-btn-m > input {
height: 34px;
}
.btn-key.btn-fix.apv-4cols-btn-m,
.btn-key.btn-fix.apv-4cols-btn-m > * {
background-image: url(//img.ui-portal.de/ci/gmx/global/btn/key_m.png);
}
.btn-service.btn-fix.apv-4cols-btn-m,
.btn-service.btn-fix.apv-4cols-btn-m > * {
background-image: url(//img.ui-portal.de/ci/gmx/global/btn/service_m.png);
}
.btn-secondary.btn-fix.apv-4cols-btn-m,
.btn-secondary.btn-fix.apv-4cols-btn-m > * {
background-image: url(//img.ui-portal.de/ci/gmx/global/btn/secondary_m.png);
}
.btn-fix.apv-4cols-btn-m.apv-4cols-btn-m > * {
height: 32px;
line-height: 28px;
padding: 2px 10px 0 15px;
}
.btn-fix.apv-4cols-btn-m.apv-4cols-btn-m > input {
height: 34px;
padding-bottom: 4px;
}
.btn-fix.apv-4cols-btn-m.apv-4cols-btn-m.hasIcon .btn-icon {
left: 5px;
}
.apv-form-l {
font-size: 14px;
line-height: 21px;
}
.apv-form-l .form-item {
padding-bottom: 15px;
}
.apv-form-l .item-label label,
.apv-form-l .item-label,
.apv-form-l .item-data,
.apv-form-l .form-item h\:details,
.apv-form-l .form-item h\:output,
.apv-form-l .form-item span.mark {
font-size: 14px;
line-height: 33px;
min-height: 34px;
}
.apv-form-l .form-item h\:details {
font-size: 13px;
line-height: 34px;
}
.hero-form-xl .form-l input[type="text"],
.hero-form-xl .form-l input[type="password"],
.apv-form-l input[type="text"],
.apv-form-l input[type="password"] {
font-size: 14px;
height: 20px;
line-height: 20px;
padding: 5px 6px 7px;
}
.apv-form-l .select-wrapper {
height: 32px;
}
.apv-form-l .select-wrapper select {
font-size: 14px;
height: 21px;
line-height: 21px;
margin-top: 5px;
padding: 0 3px;
}
.apv-form-l .select-wrapper select {
margin-top: 6px;
}
.content-part-col4 .select-wrapper select {width:428px;}
.content-part-col4 .select-wrapper select, x:-moz-any-link {width:425px;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.apv-form-l .select-wrapper select,
.form-l .select-wrapper select {
background: #FFFFFF;
height: 32px;
line-height: 32px;
padding: 1px 3px 3px;
margin: 0;
}
}
*+html .apv-form-l .select-wrapper select {
height: 22px;
margin: 0;
width: 430px;
}
*+html .apv-form-l .select-wrapper select {
margin-top: 6px;
}
.apv-form-l textarea {
font-size: 14px;
height: 20px;
line-height: 20px;
padding: 5px 6px 7px;
}
.apv-form-l div.form-checkbox-element,
.apv-form-l div.form-radio-element {
padding-left: 34px;
}
.apv-form-l span.form-checkbox-wrapper,
.apv-form-l span.form-radio-wrapper {
height: 34px;
width: 34px;
}
.apv-form-l .size-s span.form-checkbox-wrapper,
.apv-form-l .size-s span.form-radio-wrapper {
top: 9px;
}
.apv-form-l span.form-checkbox-wrapper input[type="checkbox"],
.apv-form-l span.form-radio-wrapper input[type="radio"] {
height: 28px;
width: 28px;
}
.apv-form-l span.form-checkbox-wrapper input[type="checkbox"] + label,
.apv-form-l span.form-radio-wrapper input[type="radio"] + label {
background-image: url(//img.ui-portal.de/ci/gmx/global/icon/radio-checkbox_24x24.png);
height: 28px;
width: 28px;
}
.apv-form-l span.form-checkbox-wrapper + label,
.apv-form-l span.form-radio-wrapper + label,
.apv-form-l div.form-checkbox-element.size-s + label,
.apv-form-l div.form-radio-element.size-s + label {
line-height: 21px;
padding: 6px 0 7px;
}
.apv-form-l div.form-checkbox-element ~ p,
.apv-form-l div.form-radio-element ~ p {
font-size: 14px;
line-height: 21px;
top: -7px;
padding: 0 0 0 34px;
}
*+html .apv-form-l .item-data.data-horizontal span.form-checkbox-wrapper + label,
*+html .apv-form-l .item-data.data-horizontal span.form-radio-wrapper + label {
width: auto;
}
*+html .apv-form-l .item-data span.form-checkbox-wrapper + label,
*+html .apv-form-l .item-data span.form-radio-wrapper + label {
width: 396px;
}
.apv-form-l h\:output.status {
line-height: 34px;
height: 34px;
}
.apv-form-l h\:output.status.hasError,
.apv-form-l .hasError h\:output.status { background-position: 0 -231px; }
.apv-form-l h\:output.status.isValid,
.apv-form-l .isValid h\:output.status { background-position: 0 9px; }
.apv-form-l span.info {
background-position: 0 -71px;
line-height: 34px;
height: 34px;
}
.apv-form-l span.help {
background-position: 0 9px;
line-height: 34px;
height: 34px;
}
.form-l span.help:hover {
background-position: 0 -71px;
}
h\:output.feedback,
.apv-form-l h\:output.feedback {
background-color: #FDECEC;
border: 1px solid #AFAFAF;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 1px 0 4px 1px #DDE0DC;
-moz-box-shadow: 1px 0 4px 1px #DDE0DC;
box-shadow: 1px 0 4px 1px #DDE0DC;
display: block;
float: none;
font-size: 11px;
font-style: 400;
line-height: 16px;
min-height: 20px;
max-width: 450px;
margin: -40px 0 0 20px;
padding: 1px 10px 3px 10px;
position: absolute;
left: 0;
top: 0;
width: auto;
z-index: 999;
}
h\:output.feedback p {
color: #262626;
}
.form-l h\:output.feedback p,
.apv-form-l h\:output.feedback p {
min-height: 20px;
white-space:normal;
max-width:390px;
}
.item-label + .item-data h\:output.feedback.feedback-streetNumber {
left: auto;
right: 20px;
}
.item-label + .item-data h\:output.feedback.feedback-streetNumber span.nose {
right: 13px;
}
.form-login.apv-form-l .form-item > .feedback {
top: 34px;
}
.content-part .legal-description,
.content-part .legal-description .form-item,
.content-part .legal-description .form-send {
width:590px;
}
.legal-description .form-checkbox-element label .form-item,
.content-part-col4 .legal-description .form-item .conditions,
.content-part-col6 .legal-description .form-item .conditions {
width:550px;
}
.legal-description .hasError .form-checkbox-element label,
.legal-description .hasError .form-checkbox-element label .form-item {
width:550px;
}
.withBtnH .teaser-footer > * {
top: 0;
}
.teaser-col6 .accordion .title > span {
width: 580px;
}
.teaser-col6 .accordion .accordion-part > p {
width: 580px;
}
.jsEnabled .accordion-table table thead tr th.last,
.jsEnabled .accordion-table .accArrow:after {
background-image: url(//img.ui-portal.de/ci/gmx/global/icon/open-close-mob.gif);
}
.slider-text {
width: 560px;
}
.hero-photobg.hero-content,
.hero-photobg .hero-content {
padding-left: 25px;
padding-top: 55px;
}
.hero-photobg .hero-btn {
margin-top: 35px;
}
.vertical-medium .teaser-img {
float: none;
display: block;
margin: auto;
margin-bottom: 10px;
}
.teaser-l.teaser-col6.vertical-medium .teaser-text {
width: auto;
}
.vertical-medium .list-l li {
background-position: 15px 0;
}
.hero {
width: 620px;
margin-left: 0;
margin-top: -20px;
}
.hero-l { height: 376px; }
.hero-content {
padding-top: 35px;
padding-left: 15px;
padding-right: 15px;
}
.hero-l .hero-content { height: 341px; }
.hero-m .hero-content { height: 341px; }
.hero-s .hero-content { height: 221px; }
.hero-visual:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -200px;
right: -200px;
z-index: -1;
xleft: calc(50% - 10px - 50vw);
xwidth: calc(100vw + 1px);
}
.hero-visual:before { background: url(//img.ui-portal.de/ci/gmx/global/bg/hero_376px.gif) repeat-x 0 0; }
.hero-s .hero-visual:before { background: url(//img.ui-portal.de/ci/gmx/global/bg/hero_256px.gif) repeat-x 0 0; }
.hero-headline {
min-height: 88px;
}
.hero-headline .headline {
font-size: 38px;
line-height: 32px;
padding-top: 25px;
}
.hero-headline > img {
width: 100%;
height: auto;
}
.hero .hero-headline .subline {
font: 400 22px/29px RobotoMed, Arial, Verdana, Helvetica, sans-serif;
margin-top: 4px;
margin-bottom: 25px;
}
.hero-l .hero-apv-image { height: 376px; }
.hero-visual > img {
z-index: 0;
width: auto;
height: 376px;
float: right;
margin-right: -60px;
}
.hero-l h\:details {
margin-bottom: 19px;
}
.hero-l .hero-list {
margin-bottom: 15px;
}
.hero-btn .btn-l {
height: 34px;
line-height: 30px;
}
.hero-btn .btn-l > * {
height: 30px;
line-height: 31px;
font-size: 16px;
font-weight: 400;
padding: 0 14px 2px;
}
.hero-btn .btn-l > input {
height: 34px;
}
.hero-btn .btn-key.btn-fix.btn-l,
.hero-btn .btn-key.btn-fix.btn-l > * {
background-image: url(//img.ui-portal.de/ci/gmx/global/btn/key_m.png);
}
.hero-btn .btn-fix.btn-l > * {
height: 32px;
line-height: 32px;
padding: 0 10px 2px 15px;
}
.hero-btn .btn-fix.btn-l > input {
height: 34px;
}
.hero-btn .btn-fix.btn-l.hasIcon .btn-icon {
left: 5px;
}
.hero-slider .hero-container {
width: 620px;
}
.hero-slider.hero-l .hero-btn {
height: 60px;
}
.partnerlogo {
right: 9px;
}
.hero .partnerlogo {
top: 52px;
}
.partnerlogo > div,
.partnerlogo > span {
margin-right: -5px;
}
.partnerlogo .partner-wrapper-l {
margin-right: -3px;
}
.partnerlogo img {
height: 31px;
width: auto;
border-width: 3px;
}
.layer-apv-content {
width: 640px;
}
.layer-apv[data-layer-apv-length='col4'] .layer-apv-content {
width: 640px;
}
.layer-apv[data-layer-apv-length='col2'] .layer-apv-content {
width: 300px;
}
.videolayer {
width:620px;
}
#main.page-interstitial #wrapper {background-color: #FFFFFF;}
#main.page-kontrast {
border: none;
}
#main.page-interstitial.page-login {margin-top:-20px;}
#main.page-kontrast,
#main.page-interstitial.page-kontrast {
margin-bottom: 50px;
top:35px;
}
#main.page-interstitial .hero { margin-top: 0; }
#main.page-interstitial.page-kontrast .hero { margin-top: -45px;}
#main.page-interstitial .layer-close {
margin-right: 36px;
}
.page-kontrast .hero-m .hero-apv-image {
height: 350px;
}
.page-kontrast .hero .hero-visual::before {
border-top: 4px solid #2269c3;
}
.page-kontrast .hero-l .hero-apv-image {
height: 376px;
}
.page-kontrast .content-part-col5 {
width: 500px;
}
.page-kontrast .siegel.hero-apv-overlay.show-4cols {
top: 341px;
display: block;
}
#main.page-kontrast .content-siegel {
width: 480px;
}
.page-kontrast .hero.premium .hero-headline {
background: url(//img.ui-portal.de/ci/gmx/global/hero/krone_57x61.jpg) no-repeat 100% 0;
top: -35px;
z-index: 1000;
padding: 0 60px 0 0;
}
.page-kontrast .hero.premium .hero-headline .headline {
padding-top: 30px;
}
.page-kontrast .hero-apv-image.show-4cols {
background-position: 0 4px;
}
.page-login .form-login {
padding-bottom: 40px;
}
#main.page-coreg,
#main.page-interstitial.page-coreg {
margin-top: 0;
top:0;
}
#main.page-welcome,
#main.page-interstitial.page-welcome {
margin-bottom: 35px;
top:35px;
}
#main.page-welcome .agb-submit {margin-left:35px;}
#main.page-welcome .legal-description .agb-text {
margin-left:35px;
}
#main.page-page-premiumcenter,
#main.page-interstitial.page-premiumcenter {
}
#main.page-page-premiumcenter .hero,
#main.page-interstitial.page-premiumcenter .hero {
}
#footerOptional {
display: none;
}
#footerAddition {
width: 620px;
margin: auto;
padding: 0;
}
#footerSocialbookmarks {
width: 620px;
margin: auto;
overflow: hidden;
}
#footerSocialbookmarks ul {
margin-left: 0;
width: 640px;
}
#footerNavlinks {
width: 640px;
}
#footerIcons {
margin-left: auto;
margin-right: auto;
margin-bottom: 17px;
float: none;
display: block;
overflow: hidden;
}
#footerMOTD {
display: none;
}
#footerMainlinks {
width: 620px;
height: auto;
margin: auto;
overflow: hidden;
padding: 0 0 20px 0;
}
#footerMainlinks ul {
width: 640px;
}
#footerMainlinks li {
width: 140px;
margin-right: 20px;
}
}
@media only screen and (min-width: 680px) and (max-width: 999px) {
.centered-medium {
text-align: center;
}
.centered-medium .teaser-img {
float: none;
display: block;
margin: auto;
}
.form-login .content-form .login-username,
.form-login .content-form .login-password {
width: 294px;
}
.form-login .content-form .login-username {
margin-right: 10px;
}
.apv-col4-expand { width: 620px; }
.teaser-col5 { width: 620px; }
.teaser-col6 { width: 620px; }
.teaser-xxs.apv-col4-v { width: 140px; }
.teaser-xs.apv-col4-v { width: 140px; }
.teaser-xs.apv-col4-wide { width: 193px; }
.teaser-s.apv-col4-v { width: 140px; }
.teaser-s.apv-col4-wide { width: 193px; }
.teaser-m.apv-col4-v { width: 220px; }
.teaser-l.apv-col4-v { width: 300px; }
.teaser-xl.apv-col4-v { width: 300px; }
.teaser-xxs.teaser-v { width: 140px; }
.teaser-xs.teaser-v { width: 140px; }
.teaser-s.teaser-v { width: 140px; }
.teaser-m.teaser-v { width: 220px; }
.teaser-l.teaser-v { width: 300px; }
.teaser-xl.teaser-v { width: 300px; }
.teaser-m.apv-col4-l { width: 300px; }
.teaser-l.apv-col4-h { width: 620px; }
.teaser-m.apv-col4-h { width: 620px; }
.teaser-s.apv-col4-h { width: 300px; }
.teaser-quad { width: 300px; }
.apv-col4-v .teaser-img {
padding-bottom: 5px;
}
.apv-col4-h .teaser-img {
padding-bottom: 2px;
}
.apv-col4-v.apv-col4-wide .teaser-img {
margin-left: 41px;
margin-right: 41px;
}
.apv-col4-v.apv-col4-wide .teaser-img img {
margin-left: auto;
margin-right: auto;
}
.apv-col4-v h\:details > * {
margin-left: 15px;
}
.apv-col4-h h\:details > * {
margin-left: 0;
}
.apv-col4-v.withBtn .teaser-content {
padding-bottom: 22px;
}
.apv-col4-h.withBtn .teaser-content {
padding-bottom: 13px;
}
.teaser-xl .teaser-img { width: 270px; }
.teaser-xl .teaser-img img { width: 270px; height: auto; }
.teaser-xl.teaser-col6 .teaser-img + h\:details { width: 320px; }
.teaser-xl.teaser-v .teaser-img { width: 270px; }
.teaser-xl.teaser-v .teaser-img img { width: 270px; height: auto; }
.teaser-xl.teaser-v .teaser-img + h\:details { width: 270px; }
.teaser-xl.apv-col4-v .teaser-img { width: 270px; }
.teaser-xl.apv-col4-v .teaser-img img { width: 270px; }
.teaser-l.teaser-col5 .teaser-img + h\:details { width: 320px; }
.teaser-l.teaser-col6 .teaser-img + h\:details { width: 320px; }
.teaser-l.apv-col4-h .teaser-img + h\:details { width: 320px; }
.teaser-m.teaser-col5 .teaser-img + h\:details { width: 400px; }
.teaser-m.teaser-col6 .teaser-img + h\:details { width: 400px; }
.teaser-m.apv-col4-expand .teaser-img + h\:details { width: 400px; }
.teaser-m.apv-col4-l .teaser-img { width: 270px; }
.teaser-m.apv-col4-l .teaser-img img { margin-left: auto; margin-right: auto; }
.teaser-m.apv-col4-h.apv-col4-l .teaser-img + h\:details { width: 320px; }
.teaser-m.apv-col4-h .teaser-img + h\:details { width: 400px; }
.teaser-s.teaser-col3 .teaser-img + h\:details { width: 320px; }
.teaser-s.teaser-col4 .teaser-img + h\:details { width: 480px; }
.teaser-s.teaser-col5 .teaser-img + h\:details { width: 480px; }
.teaser-s.teaser-col6 .teaser-img + h\:details { width: 480px; }
.teaser-s.apv-col4-expand .teaser-img + h\:details { width: 480px; }
.teaser-s.apv-col4-h .teaser-img + h\:details { width: 160px; }
.teaser-xs.apv-col4-v .teaser-img { width: 110px; }
.teaser-xs.apv-col4-v .teaser-img > * { margin: 0 23px; }
.teaser-xxs.apv-col4-v .teaser-img { width: 110px; }
.teaser-xxs.apv-col4-v .teaser-img > * { margin: 0 31px; }
.teaser-xxs.teaser-col3 .teaser-img + h\:details { width: 222px; }
.teaser-xxs.teaser-quad .teaser-img + h\:details { width: 222px; }
.apv-col4-v .teaser-img + h\:details { width: auto!important; }
.apv-4cols-hero-sub-col4 .hero-sub,
.hero-sub-col3.apv-4cols-hero-sub-col4 .hero-sub,
.hero-sub-col2.apv-4cols-hero-sub-col4 .hero-sub,
.hero-sub-col1.apv-4cols-hero-sub-col4 .hero-sub,
.hero-sub-col4 .hero-sub,
.hero-sub-col5 .hero-sub,
.hero-sub-col6 .hero-sub {
width: 590px;
}
.apv-4cols-hero-sub-col3 .hero-sub,
.hero-sub-col2.apv-4cols-hero-sub-col3 .hero-sub,
.hero-sub-col1.apv-4cols-hero-sub-col3 .hero-sub,
.hero-sub-col3 .hero-sub {
width: 430px;
}
.apv-4cols-hero-sub-col2 .hero-sub,
.hero-sub-col1.apv-4cols-hero-sub-col2 .hero-sub,
.hero-sub-col2 .hero-sub {
width: 270px;
}
.apv-4cols-hero-sub-col1 .hero-sub,
.hero-sub-col1 .hero-sub {
width: 110px;
}
.hero.with-login {
padding-bottom: 175px;
}
.hero.with-login .hero-content {
padding-bottom: 185px;
}
.hero.with-login .hero-login {
position: absolute!important;
left: 15px;
right: 15px;
bottom: 0;
}
.hero.with-login .hero-login .form-login {
width: 600px;
}
.hero.with-login .hero-login .form-login .login-username,
.hero.with-login .hero-login .form-login .login-password {
width: 300px;
}
.hero.with-login .hero-login .form-login input[type=text],
.hero.with-login .hero-login .form-login input[type=password] {
width: 276px;
}
#footerIcons {
width: 620px;
}
#footerIcons li.last {
margin-right: 8px;
}
.show-4cols.show-4cols {
display: inline-block;
}
li.show-4cols.show-4cols {
display: list-item;
}
.hero-text span.show-4cols.show-4cols,
p span.show-4cols.show-4cols {
display: inline;
}
.hide-4cols.hide-4cols,
li.hide-4cols.hide-4cols,
.hero-text span.hide-4cols.hide-4cols,
p span.hide-4cols.hide-4cols {
display: none;
}
}
@media only screen and (max-width: 679px) {
.apv-col2-switch {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex: 1 0 100%;
-moz-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.apv-col2-switch [data-apv-col2-switch="1"] {
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
order: 1;
}
.apv-col2-switch [data-apv-col2-switch="2"] {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
order: 2;
}
.apv-col2-switch [data-apv-col2-switch="3"] {
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
order: 3;
}
.apv-col2-center {
text-align: center;
}
.centered-small {
text-align: center;
}
.centered-small .teaser-img {
float: none;
display: block;
margin: auto;
}
#wrapper {
overflow: visible;
}
#container {
overflow-x: hidden;
}
#page-content {
width: 320px;
margin-left: -150px;
}
#page-header.header-simple ~ #page-content {
padding-top:20px;
}
.content-part-col6 { width: 320px; }
.content-part-col5 { width: 320px; }
.content-part-col4 { width: 320px; }
.content-part-col3 { width: 320px; }
.apv-2cols-content-part-col4 {width: 320px;}
#main > .hint {
top: -20px;
}
.hint .hint-headline {
min-height: 45px;
height: auto;
}
.hint p {
margin-top: 0;
}
.hint-single .hint-headline { line-height:1.25em;}
.btn-wrapper.apv-2cols-btn-s.apv-2cols-btn-s {
height: 26px;
line-height: 22px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn-wrapper.apv-2cols-btn-s.apv-2cols-btn-s > * {
height: 22px;
line-height: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
padding: 2px 12px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn-wrapper.apv-2cols-btn-s.apv-2cols-btn-s > input {
height: 26px;
}
.btn-key.btn-fix.apv-2cols-btn-s,
.btn-key.btn-fix.apv-2cols-btn-s > * {
background-image: url(//img.ui-portal.de/ci/gmx/global/btn/key_s.png);
}
.btn-service.btn-fix.apv-2cols-btn-s,
.btn-service.btn-fix.apv-2cols-btn-s > * {
background-image: url(//img.ui-portal.de/ci/gmx/global/btn/service_s.png);
}
.btn-secondary.btn-fix.apv-2cols-btn-s,
.btn-secondary.btn-fix.apv-2cols-btn-s > * {
background-image: url(//img.ui-portal.de/ci/gmx/global/btn/secondary_s.png);
}
.btn-level4.btn-fix.apv-2cols-btn-s,
.btn-level4.btn-fix.apv-2cols-btn-s > * {
background-image: url(//img.ui-portal.de/ci/gmx/global/btn/secondary_s.png);
}
.btn-wrapper.hasIcon.apv-2cols-btn-s > * { padding-left: 32px; }
.btn-wrapper.onlyIcon.apv-2cols-btn-s > * { padding-left: 24px; }
.btn-fix.onlyIcon.apv-2cols-btn-s > * { padding-left: 25px; }
*+html .btn-fix.onlyIcon.apv-2cols-btn-s input { width: 33px; }
.btn-wrapper.apv-2cols-btn-s .btn-icon {
line-height: 16px;
height: 16px;
width: 16px;
left: 11px;
top: 5px;
}
.jsDisabled .apv-2cols-btn-s.hasIcon > *,
.jsDisabled .apv-2cols-btn-s.onlyIcon > * {
padding: 0 8px 2px 13px;
}
.btn-fix.apv-2cols-btn-s.apv-2cols-btn-s > * {
height: 24px;
line-height: 24px;
padding: 0 8px 2px 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.btn-fix.apv-2cols-btn-s.apv-2cols-btn-s > input {
height: 26px;
}
.btn-fix.apv-2cols-btn-s.apv-2cols-btn-s.hasIcon .btn-icon {
left: 4px;
}
.content-part .content-form { width: 270px; }
.content-part .form-item { width: 270px; }
.content-part .form-item .item-label { width: auto; text-align: left; }
.content-part .form-item .item-data { width: 270px; }
.apv-form-l .item-label label,
.apv-form-l .item-label,
.apv-form-l .item-label span.mark {
}
.item-label + .item-data input[type="text"],
.item-label + .item-data input[type="password"],
.item-label + .item-data .btn-wrapper,
.item-label + .item-data .select-wrapper,
.item-label + .item-data textarea,
.item-label + .item-data.item-info h\:details {
margin-left: 0;
}
.item-label + .item-data input + input[type="text"],
.item-label + .item-data input + input[type="password"],
.item-label + .item-data .btn-wrapper + .btn-wrapper,
.item-label + .item-data span.mark + input[type="text"],
.item-label + .item-data span.mark + input[type="password"],
.item-label + .item-data h\:output + input[type="text"],
.item-label + .item-data h\:output + input[type="password"] {
margin-left: 10px;
}
.apv-form-l .item-label + .item-data .btn-wrapper.btn-fix {
margin-left: 7px;
}
.apv-form-l .item-label + .item-data .btn-wrapper.btn-fix + .btn-wrapper.btn-fix {
margin-left: 17px;
}
.content-part input[type="text"],
.content-part input[type="password"],
.content-part textarea { width: 256px; }
.content-part select { width: 268px; }
.content-part input.medium { width: 116px; }
.content-part input.city,
.content-part input.streetName { width: 179px; }
.content-part input.zipCode,
.content-part input.streetNumber { width: 53px; }
.content-part input.birthDay,
.content-part input.birthMonth { width: 18px; }
.content-part input.birthYear { width: 38px; }
.content-part-col4 .select-wrapper select {width:267px;}
.content-part-col4 .select-wrapper select, x:-moz-any-link {width:265px;}
.item-label + .item-data div.form-checkbox-element,
.item-label + .item-data div.form-radio-element {
margin-left: 0;
}
.item-label + .item-data div.form-checkbox-element+div.form-checkbox-element,
.item-label + .item-data div.form-radio-element+div.form-radio-element {
margin-left: 10px;
}
.content-part .item-label + .item-data h\:output.status {
top: -24px;
right: 0;
}
.content-part .form-l .item-label + .item-data h\:output.status,
.content-part .apv-form-l .item-label + .item-data h\:output.status {
top: -34px;
}
h\:output.feedback,
.form-l h\:output.feedback,
.apv-form-l h\:output.feedback {
margin-left: 0;
min-height: 40px;
margin-top: -58px;
max-width: 230px;
}
.item-label + .item-data h\:output.feedback {
margin-left: 0;
}
h\:output.feedback p {
color: #262626;
}
.form-l h\:output.feedback p,
.apv-form-l h\:output.feedback p {
min-height: 40px;
white-space:normal;
max-width: 230px;
}
.item-label + .item-data h\:output.feedback.feedback-city,
.item-label + .item-data h\:output.feedback.feedback-streetNumber {
margin-left:0;
left: 0;
right: 0;
}
.item-label + .item-data h\:output.feedback.feedback-city span.nose,
.item-label + .item-data h\:output.feedback.feedback-streetNumber span.nose {
right: 13px;
}
.item-label + .item-data h\:output.feedback.feedback-birthDay,
.item-label + .item-data h\:output.feedback.feedback-birthMonth,
.item-label + .item-data h\:output.feedback.feedback-birthYear {
margin-left: 0;
}
.item-label + .item-data h\:output.feedback.feedback-birthMonth span.nose { margin-left: 50px; }
.item-label + .item-data h\:output.feedback.feedback-birthYear span.nose { margin-left: 97px; }
.form-login .content-form .login-username,
.form-login .content-form .login-password {
width: 280px;
}
.form-login .content-form input[type=text],
.form-login .content-form input[type=password] {
width: 256px;
}
.form-l.shop-order .payment-method-select {
display: block;
}
.form-l.shop-order .payment-method-radio {
display: none;
}
.form-l.shop-order .payment-method-radio .form-radio-element {
clear: left;
}
.form-l.shop-order .card-security-number input[type="text"] {
width: 256px;
}
.form-l.shop-order .card-expire-date .mark {
float: left;
margin: 0 10px 0 9px;
}
.form-l.shop-order .item-data strong:first-of-type {
padding-left: 0;
}
.form-l.shop-order .item-data.item-data-normalized h\:details {
margin-left: 0;
}
.form-l.shop-order .confirm .form-item .item-label {
text-align: left;
width:auto;
}
.form-l.shop-order .content-form a.link {
display: block;
}
.legal-description *,
.legal-description .conditions .desc {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.legal-description label,
.legal-description .conditions .desc {
display: block;
display:table;
margin-bottom:20px;
}
.content-part .legal-description,
.content-part .legal-description .form-item,
.content-part .legal-description .form-item .conditions,
.content-part .legal-description .form-send {
width:270px;
}
.legal-description .form-checkbox-element label .form-item,
.legal-description .form-checkbox-element label .form-item .conditions .desc,
.legal-description .form-item .conditions .desc .form-item {
max-width:235px;
}
.legal-description .hasError .form-checkbox-element label,
.legal-description .hasError .form-checkbox-element label .form-item {
max-width:225px !important;
}
.legal-description .conditions .label {
display:table;
margin-bottom:10px;
}
.teaser-col3 { width: 300px; }
.teaser-col4 { width: 300px; }
.teaser-col5 { width: 300px; }
.teaser-col6 { width: 300px; }
.teaser-xxs.apv-col2-v { width: 140px; }
.teaser-xs.apv-col2-v { width: 140px; }
.teaser-s.apv-col2-v { width: 140px; }
.teaser-m.apv-col2-v { width: 220px; }
.teaser-xxs.teaser-v { width: 140px; }
.teaser-xs.teaser-v { width: 140px; }
.teaser-s.teaser-v { width: 140px; }
.teaser-m.teaser-v { width: 220px; }
.teaser-m.apv-col2-l { width: 300px; }
.teaser-xl.teaser-v { width: 300px; }
.teaser-quad { width: 300px; }
.apv-col2-v .teaser-img {
padding-bottom: 5px;
}
.apv-col2-v h\:details > * {
margin-left: 15px;
}
.apv-col2-v.withBtn .teaser-content {
padding-bottom: 22px;
}
.apv-col2-h.withBtn .teaser-content {
padding-bottom: 13px;
}
.teaser-xl .teaser-img { width: 110px; }
.teaser-xl .teaser-img img { width: 110px; height: auto; }
.teaser-xl.teaser-col5 .teaser-img + h\:details { width: 160px; }
.teaser-xl.teaser-col6 .teaser-img + h\:details { width: 160px; }
.teaser-xl.teaser-v .teaser-img { width: 270px; }
.teaser-xl.teaser-v .teaser-img img { width: 270px; }
.teaser-xl.apv-col2-v .teaser-img { width: 270px; }
.teaser-xl.apv-col2-v .teaser-img img { width: 270px; }
.teaser-l .teaser-img { width: 110px; }
.teaser-l.teaser-reversed .teaser-img { width: 270px; }
.teaser-l .teaser-img img { width: 110px; height: auto; }
.teaser-l.teaser-reversed .teaser-img img { width: 270px; height: auto; }
.teaser-l.teaser-col4 .teaser-img + h\:details { width: 160px; }
.teaser-l.teaser-col5 .teaser-img + h\:details { width: 160px; }
.teaser-l.teaser-col6 .teaser-img + h\:details { width: 160px; }
.teaser-l.teaser-v .teaser-img { width: 270px; }
.teaser-l.teaser-v .teaser-img img { width: 270px; }
.teaser-l.apv-col2-v .teaser-img { width: 270px; }
.teaser-l.apv-col2-v .teaser-img img { width: 270px; }
.teaser-m .teaser-img { width: 110px; }
.teaser-m .teaser-img img { width: 110px; height: auto; }
.teaser-m.teaser-col3 .teaser-img + h\:details { width: 160px; }
.teaser-m.teaser-col4 .teaser-img + h\:details { width: 160px; }
.teaser-m.teaser-col5 .teaser-img + h\:details { width: 160px; }
.teaser-m.teaser-col6 .teaser-img + h\:details { width: 160px; }
.teaser-m.teaser-v .teaser-img { width: 190px; }
.teaser-m.teaser-v .teaser-img img { width: 190px; }
.teaser-m.apv-col2-v .teaser-img { width: 190px; }
.teaser-m.apv-col2-v .teaser-img img { width: 190px; }
.teaser-m.apv-col2-l .teaser-img { width: 270px; }
.teaser-m.apv-col2-l .teaser-img img { margin-left: auto; margin-right: auto; }
.teaser-s.teaser-col3 .teaser-img + h\:details { width: 160px; }
.teaser-s.teaser-col4 .teaser-img + h\:details { width: 160px; }
.teaser-s.teaser-col5 .teaser-img + h\:details { width: 160px; }
.teaser-s.teaser-col6 .teaser-img + h\:details { width: 160px; }
.teaser-s.teaser-v .teaser-img { width: 110px; }
.teaser-s.teaser-v .teaser-img img { width: 110px; }
.teaser-s.apv-col2-v .teaser-img { width: 110px; }
.teaser-s.apv-col2-v .teaser-img img { width: 110px; }
.teaser-xs.apv-col2-v .teaser-img { width: 110px; }
.teaser-xs.apv-col2-v .teaser-img > * { margin: 0 23px; }
.teaser-xs.teaser-col3 .teaser-img + h\:details { width: 206px; }
.teaser-xs.teaser-quad .teaser-img + h\:details { width: 206px; }
.teaser-xxs.apv-col2-v .teaser-img { width: 110px; }
.teaser-xxs.apv-col2-v .teaser-img > * { margin: 0 31px; }
.teaser-xxs.teaser-col3 .teaser-img + h\:details { width: 222px; }
.teaser-xxs.teaser-quad .teaser-img + h\:details { width: 222px; }
.apv-col2-v .teaser-img + h\:details { width: auto!important; }
.teaser-xxl {
width: 270px;
}
.teaser-xxl video {
width: 270px;
}
.teaser-xxl .teaser-text {
margin-left: 15px;
width: 270px;
clear: left;
}
.teaser-xxl .teaser-btn {
display: block;
width: 270px;
max-width: 270px;
clear: right;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: center
}
.teaser-reversed .subline {
white-space: normal;
width: 270px;
}
.teaser-l.teaser-reversed .teaser-img + .teaser-text {
width: 270px;
}
.teaser-reversed .centered {
text-align: center;
}
.login-singleline .login-submit {
float: right;
margin-top: 18px;
}
.accordion .accordion-part .teaser:not(.apv-col2-hideImg) .teaser-img {
padding-bottom: 5px;
}
.accordion .accordion-part .teaser:not(.apv-col2-hideImg) .teaser-text {
padding-top: 6px;
}
.accordion .accordion-part .teaser:not(.apv-col2-hideImg) .teaser-img img {
margin-left: auto;
margin-right: auto;
display: block;
}
.accordion .accordion-part .teaser.apv-col2-hideImg .teaser-img {
display: none;
}
.accordion .accordion-part .teaser.apv-col2-hideImg .teaser-img + h\:details {
width: auto;
padding: 0;
}
.accordion .accordion-part .teaser.apv-col2-hideImg .teaser-img + h\:details > * {
margin: 0 15px;
}
.teaser-col6 .accordion .title > span {
width: 260px;
}
.teaser-col6 .accordion .accordion-part > p {
width: 270px;
}
.teaser-slider-wrapper,
.teaser-slider-last {
margin-right: 0;
}
.teaser-slider {
width: 300px;
}
.jsDisabled .teaser-slider {
width: 320px;
}
.slider-text {
width: 240px;
}
.hero .hero-text,
.hero .list > li {
font-family: inherit;
font-size: 13px;
line-height: 20px;
}
.hero .list > li {
line-height: 23px;
}
.hero .list-m > li {
background-position: 0 3px;
}
.hero {
width: 300px;
position: relative;
}
.hero { height: auto; }
.hero .hero-content {
height: auto;
}
.hero .hero-visual:before {
background: url(//img.ui-portal.de/ci/gmx/global/bg/hero_318px.gif) repeat-x 0 0;
}
.hero .hero-content:before {
content: '';
background-color: #dce7f9;
position: absolute;
top: 0;
display: block;
height: 318px;
left: -180px;
right: -180px;
}
.hero-headline {
margin-top: -29px;
}
.hero-headline .headline {
white-space: normal;
text-align: center;
font-size: 30px;
line-height: 34px;
padding-top: 23px;
}
.hero .hero-headline .subline {
text-align: center;
font-size: 18px;
line-height: 25px;
}
.hero-visual {
position: relative;
margin-top: -119px;
width: 300px;
margin-left: -15px;
}
.hero-apv-image.hero-apv-image { height: 318px; }
.hero-visual {
min-height: 318px;
}
.hero-visual + * {
margin-top: 20px;
}
.hero-visual > img {
height: 318px;
width: auto;
float: right;
}
.hero-l h\:details {
font-size: 13px;
line-height: 20px;
}
.hero-visual ~ .hero-sub > .hero-btn > .btn-wrapper {
margin-left: 5px;
}
.hero .hero-btn {
text-align: center;
}
.hero-sub {
display: table;
width: 270px;
position: relative;
}
.hero-sub.hero-sub > * {
display: table-row-group;
}
.hero-sub.hero-sub > style,
.hero-sub.hero-sub > script {
display: none;
}
.hero-sub > .hero-btn {
display: table-header-group;
}
.hero-sub > .hero-btn:before {
content: none;
}
.hero-btn .btn-wrapper {
margin-bottom: 15px;
}
.hero-sub-col5 .hero-sub,
.hero-sub-col4 .hero-sub,
.hero-sub-col3 .hero-sub,
.hero-sub-col2 .hero-sub,
.hero-sub-col1 .hero-sub {
width: 270px;
}
.hero.with-login .hero-login .form-login {
width: 280px;
margin-top: 10px;
}
.hero.with-login .hero-login .form-login .login-username,
.hero.with-login .hero-login .form-login .login-password {
width: 280px;
}
.hero.with-login .hero-login .form-login input[type=text],
.hero.with-login .hero-login .form-login input[type=password] {
width: 256px;
}
.hero-slider .hero-container {
width: 300px;
}
.hero-slider.hero .hero-btn,
.hero-slider .hero-btn {
position: relative;
height: auto;
}
.hero-slider .hero-nav {
top: 288px;
bottom: auto;
}
.hero .partnerlogo {
top: 112px;
}
.layer-container {
padding: 35px 15px 30px 15px;
}
.layer-container .layer-content {
padding:0 0 0 0;
width: 270px;
}
.layer-container .layerCloser,
.layer-container .layer-container-close {
right: 25px;
top: 20px;
}
.content-part-apv .layer-container-content {
width: 270px;
}
.layer-container .video-container {
width: 270px;
height: 135px;
}
.layer-container .form-login .login-submit {
padding-top: 0;
margin-right: 25px;
}
.layer-slider .teaser-slider,
.layer-slider .teaser-slider-header {
margin-left: 10px;
}
.layer-slider .teaser-slider .paging {
margin: 0 -35px -20px -35px;
}
.layer-apv {
padding-left:10px;
padding-right:10px;
}
.layer-apv[data-layer-apv-length='col4'] .layer-apv-content {
width: 300px;
}
.layer-apv[data-layer-apv-length='col2'] .layer-apv-content {
width: 300px;
}
.layer-apv-content {
width: 300px;
}
.videolayer {
width:300px;
}
.btn-line .teaser-btn {
float: none;
text-align: center;
}
.article-text .btn-line .teaser-btn .btn-wrapper {
margin-bottom: 10px;
}
#main.page-interstitial .form-login .login-username,
#main.page-interstitial .form-login .login-password,
#main.page-interstitial .form-login .login-password label,
#main.page-interstitial .form-login .login-password input,
#main.page-interstitial .form-login .login-password span { clear: both; }
#page-content #main.page-kontrast { padding-top: 35px; }
#main.page-interstitial.page-login {margin-top: -20px;}
.page-login .hero-headline {margin-top:0;}
#main.page-interstitial .hero { margin-top: 0; }
#main.page-interstitial.page-kontrast .hero { margin-top: 0;}
.page-interstitial .layer-close {
margin-top: -28px;
}
.page-kontrast .hero-headline {
margin-top: -35px;
}
.page-kontrast .hero .hero-content::before {
border-top: 4px solid #2269c3;
}
.page-kontrast .hero-m {
height: auto;
}
.page-kontrast .hero-m .hero-apv-image {
height: 318px;
}
.page-kontrast .hero .hero-visual::before,
.page-kontrast .hero .hero-apv-image {
border-top: none;
}
.page-kontrast .hero.premium .hero-headline {
background: url(//img.ui-portal.de/ci/gmx/global/hero/krone_57x61.jpg) no-repeat 100% 0;
z-index: 1000;
}
.page-kontrast .hero-l {
height: auto;
}
.page-kontrast .hero-l .hero-apv-image {
height: 318px;
}
.page-kontrast .hero-m .hero-apv-image,
.page-kontrast .hero-l .hero-apv-image {
margin-top: 0\0;
}
.page-kontrast .siegel.hero-apv-overlay.hide-2cols {
display: none;
}
#main.page-kontrast .content-part {
margin-left: 0;
width: 320px;
}
.page-kontrast .hero.premium .hero-headline {
padding: 0 60px 0 0;
top: 0;
}
.page-kontrast .hero.premium .hero-headline .headline,
.page-kontrast .hero.premium .hero-headline .subline { text-align: left; }
#main .hero-visual {margin-top: -109px;}
#main.page-coreg { margin-top: 0; }
#main.page-coreg .hero { margin-top: -25px; }
#main.page-welcome #agb h\:output.feedback {
width: 270px;
}
#main.page-welcome #agb h\:output.feedback p {
white-space: normal;
}
#main.page-welcome .agb-submit {margin-left:0;}
#main.page-welcome .legal-description .agb-text {
margin-left:0;
max-width: 270px;
}
#main.page-page-premiumcenter,
#main.page-interstitial.page-premiumcenter {
}
#main.page-page-premiumcenter .hero,
#main.page-interstitial.page-premiumcenter .hero {
}
#footerOptional {
height: auto;
}
#footerAddition {
width: 300px;
}
#footerSocialbookmarks {
width: 320px;
padding-bottom: 15px;
}
#footerSocialbookmarks li {
clear: both;
display: list-item;
margin-bottom: 5px;
}
#footerNavlinks {
width: 320px;
padding-top: 6px;
}
#footerNavlinks h\:nav:nth-child(3n+3) {
clear: both;
}
#footerNavlinks h\:nav {
padding-top: 40px;
}
#footerNavlinks h\:nav h4,
#footerNavlinks h\:nav .headline {
top: 11px;
}
#footerNavlinks.threeCols h\:nav {
width: 140px;
}
#footerMainlinks {
width: 300px;
}
#footerMainlinks ul {
width: 320px;
}
.show-2cols.show-2cols {
display: inline-block;
}
li.show-2cols.show-2cols {
display: list-item;
}
.hero-text span.show-2cols.show-2cols,
p span.show-2cols.show-2cols {
display: inline;
}
.hide-2cols.hide-2cols,
li.hide-2cols.hide-2cols,
.hero-text span.hide-2cols.hide-2cols,
p span.hide-2cols.hide-2cols {
display: none;
}
}