/* ========================================================================= */
/* FINALE LOGISCHE BEREINIGUNG (VW-Basiert) */
/* ========================================================================= */

html, body {
    margin: 0;
    padding: 0;
    /* ZWINGT DIE SEITE, NICHT HORIZONTAL ZU SCROLLEN */
    overflow-x: hidden; 
    overflow-y: auto;   
    width: 100vw;
    height: 100%;
}

/* 1. Haupt-Wrapper auf 100% der Viewport-Breite setzen */
#mobile-wrap {
    width: 100vw; 
    
    /* Störende Transformationen entfernt */
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;

    /* Standard-Positionierung für VW-Layouts */
    position: relative;
    left: 0;
    overflow-x: hidden;
}

/* 2. Transformationen auf inneren Containern deaktivieren */
#_idContainer008, #_idContainer007 {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    overflow-x: hidden; 
    position: relative; 
    left: 0;
    top: 0;
}

/* Styling für die Pfeile (in VW umgerechnet) */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    padding: 1.39vw; /* 15px / 10.8 */
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 2.78vw; /* 30px / 10.8 */
    visibility: hidden;
}
.next {
    right: 0;
    border-radius: 0.28vw 0 0 0.28vw; /* 3px / 10.8 */
}
/* iFrames, die wir entfernt haben, werden ausgeblendet */
.contentIframeClass, .dummyFrameClass {
    display: none;
}