body co-offer-details .stage {
position: relative;
background-color: #FFFFFF;
}
body co-offer-details .stage:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 250px;
background-color: #FFFFFF;
background-image: url("https://www.blau.de/assets/bilder/code/base-data-100gb-pdp-background-big-bild");
background-size: cover;
background-repeat: no-repeat;
background-position: bottom left;
}
@media (min-width: 2050px) {
body co-offer-details .stage:before {
height: 300px;
}
}
@media (max-width: 767px) {
body co-offer-details .stage:before {
height: 340px;
background-image: url("https://www.blau.de/assets/bilder/code/base-data-100gb-pdp-background-small-bild");
background-position: bottom right;
}
}
@media (max-width: 375px) {
body co-offer-details .stage:before {
height: 360px;
}
}
body co-offer-details .stage .inner {
position: relative;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-description .offer-headline {
margin: 36px 0 0;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-description .offer-headline h1.offer-name-heading {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 32px;
color: #FFFFFF;
letter-spacing: 0;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 16px 0;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-description .offer-headline h1.offer-name-heading span {
font-family: inherit;
font-size: inherit;
color: inherit;
font-weight: inherit;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-description .offer-bulletpoints {
border-bottom: 0;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-description .offer-bulletpoints p.offer-bulletpoint {
display: inline;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
letter-spacing: 0;
font-weight: 400;
margin-right: 24px;
}
@media (max-width: 767px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-description .offer-bulletpoints p.offer-bulletpoint {
display: flex;
margin-right: 0;
}
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-description .offer-bulletpoints p.offer-bulletpoint .glyphicon {
font-size: 24px;
vertical-align: text-bottom;
margin-right: 10px;
}
@media (max-width: 767px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-description .offer-bulletpoints p.offer-bulletpoint .glyphicon {
font-size: 16px;
vertical-align: baseline;
margin: 3px;
}
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-description .offer-bulletpoints p.offer-bulletpoint a {
color: #FFFFFF;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview {
color: #000000;
margin-top: 90px;
}
@media (min-width: 2050px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview {
margin-top: 135px;
}
}
@media (max-width: 767px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview {
margin-top: 63px;
}
}
@media (max-width: 340px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview {
margin-top: 46px;
}
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-selection-image {
border-bottom: none;
}
@media (max-width: 1150px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator {
margin-bottom: 50px;
}
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher {
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher {
border-top: 1px solid #E3E7E8;
}
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-headline {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
font-size: 14px;
color: #000000;
text-transform: uppercase;
margin: 0 0 16px 0;
}
@media (max-width: 767px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-headline {
margin: 16px 0;
}
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box {
padding: 0;
border: 1.3px solid #E4E8E9;
border-radius: 6px;
margin-bottom: 32px;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item {
border: 0;
border-radius: 0;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item:first-child a, body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item:first-child input[type=radio] + label {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item:first-child input[type=radio] + label {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item:last-child a, body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item:last-child input[type=radio] + label {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item:only-child a, body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item:only-child input[type=radio] + label {
border-radius: 6px;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item a {
border-radius: 0;
background-color: #FFFFFF;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
font-size: 15px;
color: #000000;
text-align: center;
height: 50px;
padding-left: 18px;
padding-right: 18px;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item a.checked {
background-color: #5F9345;
color: #FFFFFF;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item input[type=radio] + label {
border-radius: 0;
background-color: #FFFFFF;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
font-size: 15px;
color: #000000;
text-align: center;
height: 50px;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher .switcher-box .switcher-item input[type=radio]:checked + label {
background-color: #5F9345;
color: #FFFFFF;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher.content-switcher:not(.pdp-switcher) .switcher-box {
margin-bottom: 24px;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .switcher.pdp-switcher .switcher-box {
display: inline-block;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .links ul {
margin: 0;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-configurator .links ul li a {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #5F9345;
text-decoration: underline;
font-size: 12px;
letter-spacing: 0;
font-weight: 700;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-duration {
margin-right: 40px;
}
@media (max-width: 374px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-duration {
max-width: 140px;
}
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-duration .cond, body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-once .cond {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 14px;
color: #000000;
line-height: 16.39px;
font-weight: 400;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-duration .price, body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-once .price {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 40px;
color: #000000;
line-height: 35.8px;
font-weight: 700;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-duration .currency, body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-once .currency {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 17.9px;
color: #000000;
line-height: 17.9px;
font-weight: 700;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-duration .condAfter, body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .price-once .condAfter {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
color: #000000;
line-height: 16.39px;
font-weight: 400;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-price .info {
color: #000000;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-link {
margin: 24px 0;
}
@media (max-width: 767px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-link {
margin: 40px 0 24px;
}
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-link a.btn {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
background-color: #E74632;
font-size: 16px;
color: #FFFFFF;
text-align: center;
line-height: 24px;
font-weight: 700;
padding: 15px 30px;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-link a.btn:before {
display: none;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-link a.btn .glyphicon {
display: none;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing .offer-link a.btn:hover {
color: #FFFFFF;
background-color: #ce2c18;
}
@media (max-width: 767px) {
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing.is-sticky {
background-color: #FFFFFF;
border-top: 2px solid #808285;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing.is-sticky co-offer-prices {
max-width: 450px;
margin: 0 auto;
flex-direction: column;
align-items: flex-start;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing.is-sticky co-offer-prices co-offer-buttons {
width: 100%;
}
body co-offer-details .stage .inner .offer-refined.offer-refined-sim-only .offer-overview .offer-pricing.is-sticky co-offer-prices co-offer-buttons .offer-link {
margin: 24px 0 0;
}
}
body #modal-footnotes.fade.in {
background: rgba(39, 65, 28, 0.5);
}
body #modal-footnotes.fade.in .modal-header h4 {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
color: #000000;
line-height: 24.4px;
font-weight: 700;
}
body #modal-footnotes.fade.in .modal-header .close:after {
color: #5F9345;
}
body #modal-footnotes.fade.in .modal-body {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
color: #000000;
line-height: 22.4px;
font-weight: 400;
}
body co-tariff-details .product-details #accordion-tariff-details .panel:nth-child(2), body co-tariff-details .product-details #accordion-tariff-details .panel:nth-child(3) {
display: none;
}