/**
* Nur aktiv wenn gesetzt ist (UA-Erkennung in 3D.php).
* Desktop- und Mobile-Styles in 3D.css bleiben unverändert.
*/
html.device-ipad {
height: -webkit-fill-available;
}
html.device-ipad body {
overflow-x: hidden;
min-height: 100vh;
min-height: 100svh;
min-height: -webkit-fill-available;
}
html.device-ipad #renderCanvas {
width: 100% !important;
max-width: 100vw;
margin: 0;
height: calc(100svh - 88px);
height: calc(100dvh - 88px);
min-height: 420px;
}
html.device-ipad #sticky,
html.device-ipad #sticky.stick {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: auto;
width: 100%;
max-width: 100vw;
margin: 0;
padding: 0 max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 1fr) 132px;
column-gap: 10px;
align-items: end;
z-index: 10;
}
/* Kalkulation: wie Desktop 250px, links über der Preiszeile */
html.device-ipad #calc {
position: absolute;
bottom: 122px;
left: max(10px, env(safe-area-inset-left));
width: 250px;
max-width: 250px;
min-width: 250px;
box-sizing: border-box;
padding: 6px;
padding-bottom: 20px;
font-size: 11px;
line-height: 14px;
text-align: right;
}
html.device-ipad #calc-ppp {
display: block;
height: 14px;
line-height: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
html.device-ipad #calc-ppp img {
position: absolute;
left: 0;
}
html.device-ipad #calc-text {
float: left;
position: relative;
left: 10px;
bottom: 0;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 52%;
}
/* Untere Zeile: Preis + Weiter (Grid), bleibt in der Viewport-Breite */
html.device-ipad .preistag {
grid-column: 1;
grid-row: 1;
position: relative;
bottom: 100px;
float: none;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
box-sizing: border-box;
font-size: 15px;
padding: 0 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
html.device-ipad #sticky > a {
grid-column: 2;
grid-row: 1;
float: none;
width: 132px;
max-width: 132px;
margin: 0;
text-decoration: none;
}
html.device-ipad .weitertag {
position: relative;
bottom: 100px;
float: none;
width: 100%;
margin: 0;
box-sizing: border-box;
}
html.device-ipad .logo {
left: max(12px, env(safe-area-inset-left));
max-width: calc(100vw - 150px);
}
html.device-ipad #burger-menu {
right: max(12px, env(safe-area-inset-right));
}
@media (orientation: portrait) {
html.device-ipad #renderCanvas {
height: calc(100svh - 104px);
height: calc(100dvh - 104px);
}
}
@media (orientation: landscape) {
html.device-ipad #renderCanvas {
height: calc(100svh - 72px);
height: calc(100dvh - 72px);
}
}