@media (min-width: 768px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser [src*=teaser-mobile-bild] {
display: none;
}
}
@media (max-width: 767.99px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser [src*=teaser-bild] {
display: none;
}
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser ul.links {
gap: 0;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser ul.links:has(li a.link):not(:has(li:nth-of-type(2) a.link)) {
justify-content: center;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser ul.links:has(li a.link):not(:has(li:nth-of-type(2) a.link)) li {
flex-grow: unset;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser ul.links li:first-of-type {
margin-right: 0;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser ul.links:has(li:nth-of-type(2) a.link) li:first-of-type {
margin-right: 12px;
}
@media (max-width: 767.99px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser {
display: flex;
flex-direction: column;
background-color: #F5F5F7;
padding: 32px 20px 20px 20px;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .figures {
order: 3;
position: relative;
background-color: transparent;
height: 315px;
top: 0;
left: 0;
margin-top: auto;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .figures .figure {
background-color: transparent;
height: 315px;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .figures .figure img {
height: 315px;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content {
order: 1;
margin-top: 0;
padding: 0;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .headline {
text-align: center;
margin-bottom: 20px;
position: initial;
padding: 0;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .headline img {
width: 148px;
height: auto;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .text {
color: #1D1D1F;
text-align: center;
font-size: 16px;
line-height: 21px;
margin: 0 0 18px 0;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .text p {
margin: 0;
text-align: center;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .text * {
color: #1D1D1F;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links {
order: 2;
position: initial;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 12px;
justify-content: space-between;
margin-bottom: 40px;
padding: 0;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li {
flex-grow: 1;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li a {
text-align: center;
border-radius: 24px;
background-color: transparent;
border: 1px solid #1D1D1F;
color: #1D1D1F;
font-size: 16px;
line-height: 1;
font-weight: 400;
padding: 12px 6px;
display: block;
height: auto;
max-width: unset;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li a:before, .teaser.teaser-wide.apple-iphone-17-wide-teaser .links li a:after {
display: none;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li a:hover {
background-color: #272729;
color: #fff;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li:has(.energy-label-items) {
flex-grow: 0;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li:has(.energy-label-items) .energy-label-items {
position: absolute;
bottom: 10px;
right: 10px;
margin: 0;
}
}
@media (min-width: 768px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser {
background-color: #F5F5F7;
display: flex;
flex-direction: column;
justify-content: center;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .figures {
width: 375px;
background-color: #F5F5F7;
left: 315px;
}
}
@media (min-width: 768px) and (max-width: 1023.98px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .figures {
width: 33%;
left: 196px;
}
}
@media (min-width: 768px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .figures img {
position: initial;
transform: unset;
width: 100%;
object-fit: contain;
object-position: bottom;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content {
padding: 30px 60px 0 0;
margin: 0 0 0 750px;
min-height: auto;
}
}
@media (min-width: 768px) and (max-width: 1023.98px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content {
margin: 0 0 0 calc(33% + 220px);
padding-right: 24px;
}
}
@media (min-width: 768px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .headline {
position: absolute;
top: 50%;
left: 60px;
transform: translateY(-50%);
}
}
@media (min-width: 768px) and (max-width: 1023.98px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .headline {
left: 24px;
}
}
@media (min-width: 768px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .headline img {
width: 195px;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 1023.98px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .headline img {
width: 148px;
}
}
@media (min-width: 768px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .text {
color: #1D1D1F;
text-align: center;
font-size: 16px;
line-height: 21px;
margin: 0 0 24px 0;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .text p {
margin: 0;
max-width: 100%;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .content .text * {
color: #1D1D1F;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 0 750px;
padding: 0 60px 0 0;
}
}
@media (min-width: 768px) and (max-width: 1023.98px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links {
padding-right: 24px;
margin: 0 0 0 calc(33% + 220px);
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links {
gap: 16px;
}
}
@media (min-width: 768px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li {
flex-grow: 1;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li:first-child {
margin-right: 16px;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li:first-child {
margin-right: 0;
}
}
@media (min-width: 768px) {
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li a {
text-align: center;
border-radius: 24px;
background-color: transparent;
border: 1px solid #1D1D1F;
color: #1D1D1F;
font-size: 12px;
line-height: 12px;
font-weight: 400;
padding: 10px 18px;
display: block;
height: auto;
max-width: unset;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li a:before, .teaser.teaser-wide.apple-iphone-17-wide-teaser .links li a:after {
display: none;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li a:hover {
background-color: #272729;
color: #fff;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li:has(.energy-label-items) {
flex-grow: 0;
}
.teaser.teaser-wide.apple-iphone-17-wide-teaser .links li:has(.energy-label-items) .energy-label-items {
position: absolute;
bottom: 10px;
right: 10px;
margin: 0;
}
}